/* :root {
    --ff-primary-color: #6a396e !important;
    --ff-secondary-color: #616a7d !important; */
/* --ff-text-color: white !important; */
/* --ff-text-color: #404857 !important;
    --ff-dialog-border-radius: 4px !important;
    --ff-border-radius: 5px !important;
    --ff-bg-fade: rgba(0, 0, 0, 0.2) !important; */
/* --ff-bg-fade: rgba(0, 0, 0, 0) !important; */
/* } */


/* .main-panel .content .flatfile_iframe-wrapper.flatfile_displayAsModal{width:80vw;height:80vh;z-index:1000;background:var(--ff-bg-fade);}.main-panel .content .flatfile_displayAsModal{height:auto!important;max-height:90vh!important;}.main-panel .content .flatfile_displayAsModal #flatfile_iframe{border-radius:var(--ff-border-radius);} */

/* .main-panel .content .flatfile_iframe-wrapper.flatfile_displayAsModal {
    width: 80vw;
    height: 80vh;
    z-index: 1000;
    background: var(--ff-bg-fade);
}

.main-panel .content .flatfile_displayAsModal {
    height: auto !important;
    max-height: 90vh !important;
}

.main-panel .content .flatfile_displayAsModal #flatfile_iframe {
    border-radius: var(--ff-border-radius);
} */

/* 
.flatfile_displayAsModal {
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    max-height: 90vh !important;
} */

/* .flatfile_iframe-wrapper.flatfile_displayAsModal { */
/* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 80vh;
    z-index: 1000;
    background: var(--ff-bg-fade) !important; */

/* position: fixed !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 80vw;
    max-width: 900px;
    margin: 0 !important; */
/* } */



/* :root {
    --ff-primary-color: #6a396e !important;
    --ff-secondary-color: #616a7d !important; */
/* --ff-text-color: white !important; */
/* --ff-text-color: #404857 !important;
    --ff-dialog-border-radius: 4px !important;
    --ff-border-radius: 5px !important;
    --ff-bg-fade: rgba(0, 0, 0, 0.2) !important; */
/* --ff-bg-fade: rgba(0, 0, 0, 0) !important; */
/* } */


/* .flatfile_displayAsModal {
    padding: 93px 25px 50px 105px !important;
    width: 100% !important;
    height: 100% !important; */
/* height: auto !important;
    max-height: 90vh !important; */

/* } */



/* .flatfile_iframe-wrapper.flatfile_displayAsModal {
    position: fixed !important;
    top: 0 !important; */
/* left: 260px !important; */
/* padding-left: 105px;
    padding-right: 25px; */
/* width: calc(100% - 260px) !important; */
/* height: 100% !important; */
/* z-index: 1000 !important;
    background: var(--ff-bg-fade) !important;
} */







:root {
    --ff-primary-color: #6a396e !important;
    --ff-secondary-color: #616a7d !important;
    --ff-text-color: #404857 !important;
    --ff-dialog-border-radius: 4px !important;
    --ff-border-radius: 5px !important;
    --ff-bg-fade: rgba(0, 0, 0, 0.2) !important;
}



@media (max-width: 991px) {
    .flatfile_displayAsModal {
        padding-left: 25px !important;
    }
}


@media (min-width: 992px) {
    .flatfile_displayAsModal {
        padding-left: 105px !important;
    }
}



.flatfile_displayAsModal {
    padding-top: 70px !important;
    padding-right: 25px !important;
    padding-bottom: 50px !important;
    width: 100% !important;
    height: 100% !important;
}



.flatfile_iframe-wrapper.flatfile_displayAsModal {
    position: fixed !important;
    justify-content: center !important;
    top: 73px !important;
    z-index: 1000 !important;
    background: var(--ff-bg-fade) !important;
}



.flatfile_displayAsModal #flatfile_iframe {
    border-radius: var(--ff-border-radius);
}


.flatfile_displayAsModal .flatfile-close-button {
    top: 50px !important;
    right: 5px !important;

}

/* .main-panel .content .flatfile_displayAsModal {padding-top: 70px !important; padding-right: 25px !important; padding-bottom: 50px !important; padding-left: 105px !important; width: 100% !important; height: 100% !important;}.main-panel .content .flatfile_iframe-wrapper.flatfile_displayAsModal {position: fixed !important; justify-content: center !important; top: 73px !important; z-index: 1000 !important; background: var(--ff-bg-fade) !important;}.main-panel .content .flatfile_displayAsModal #flatfile_iframe{border-radius:var(--ff-border-radius);}.main-panel .content .flatfile_displayAsModal .flatfile-close-button {top: 50px !important; right: 5px !important;} */

.flatfile_displayAsModal .flatfile-close-button svg {
    fill: lightgray;
    vertical-align: top;
}

.flatfile_displayAsModal #flatfile_iframe {
    border-radius: var(--ff-border-radius);
}

.flatfile_outer-shell {
    background-color: var(--ff-bg-fade);
    border-radius: var(--ff-border-radius);
}

/* .flatfile_inner-shell {
    top: 370px !important;
    background-color: #fff;
    border-radius: var(--ff-dialog-border-radius);
} */

/* .flatfile_close-confirm-modal-inner { */
/* padding-top: 360px !important; */
/* background-color: #fff; */
/* border-radius: var(--ff-dialog-border-radius); */

/* position: fixed !important;
    display: inline-block !important; 
    justify-content: center !important;
    padding-top: 360px !important; */

/* } */

.flatfile_modal {
    border-radius: var(--ff-dialog-border-radius);
}

.flatfile_primary {
    border: 1px solid var(--ff-primary-color);
    background-color: var(--ff-primary-color);
    color: #fff;
}

.flatfile_secondary {
    color: var(--ff-text-color);
}

.flatfile_modal-heading {
    color: var(--ff-text-color);
}

.flatfile_modal-text {
    color: #8b93a4;
}