.ac-root { position: relative; display: block; }
.ac-list-container { display: none; position: absolute; z-index: 9999; width: 98%; left: 50%; transform: translate(-50%, 0); list-style-type: none; margin: .5em 0 0 0; padding: 10px; min-width: 30px; min-height: 1em; max-height: 200px; border: .25px solid black; background-color: white; overflow: auto; -ms-overflow-style: none;  /* Internet Explorer 10+ */ scrollbar-width: none;  /* Firefox */ }
.ac-list-container::-webkit-scrollbar { display: none; }
.ac-list-container > li { cursor: default; padding: 10px; border-radius: 15px; }
.ac-list-container > li.ac-highlighted { background-color: #d5ebfe; }
.ac-list-container mark { background-color: transparent; font-style: normal; }
.ac-root input { display: block; }

/* ~~~~~ Adp Dialog ~~~~~ */
.adp-diag { display: none; position: fixed; flex-direction: column; align-items: center; justify-content: center; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, .50); z-index: 9999; }
.adp-diag-canvas { display: inline-block; overflow: hidden; width: 100%; min-width: 320px; position: relative; background-color: #fff; border: 1px solid #808080; border-radius: 0; }
.adp-diag-heading {  border-bottom: 1px solid #ebebeb; position: relative }
.adp-diag-heading button { border: 0; border-radius: 0; padding: 0; cursor: pointer; }
.adp-diag-heading .menu-button { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 15px; }
.adp-diag-heading .adp-diag-placeholder { width: 45px; }
.adp-diag-heading .adp-diag-header-fill { flex: 1 0 auto; }
.adp-diag-heading .adp-diag-view-title { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.adp-diag-heading .adp-diag-view-title h2 { font-size: 11pt; font-weight: bold; }
/*.adp-diag-inner { display: flex; flex-direction: row; justify-content: space-between; max-width: 1030px; margin: 0 auto; padding: 0 10px; width: 100%; height: 100%; z-index: 9999; }
.adp-diag-inner img { display: block; max-width: 100px; margin: auto; }*/
.adp-diag-content { display: flex; flex-direction: column; flex: 1; overflow-y: auto; }
.adp-diag.inner-scroll .adp-diag-content { overflow-y: hidden; }
.adp-diag-canvas.adp-diag-fill { display: flex; flex-direction: column; height: 100%; }
.adp-diag.mobileFull .adp-diag-canvas { border: 0; border-radius: 0; left: inherit; top: inherit; transform: inherit; height: 100%; }

.adp-diag-msg-success,
    .adp-diag-msg-info,
    .adp-diag-msg-complete { color: #0000ff; }
.adp-diag-msg-error { color: #ff0000; }

.diag-simple-content { padding: 2em; display: flex; flex-direction: column; gap: 2em; }
.diag-simple-content-buttons { display: flex; flex-direction: row; justify-content: end; gap: 2em; }

.adp-diag-header-item { display: flex; flex-direction: row; align-items: center; justify-content: center; }
.adp-diag-header-item * { margin: auto; height: 100%; }

.adp-diag header a .adp-header-icon,
    .adp-diag header button .adp-header-icon { height: 21px; margin: auto 20px; }

@media only screen and (min-width: 425px) {
    .adp-diag-canvas.adp-diag-float { width: initial; height: initial; border-radius: 10px; }
}

@media only screen and (min-width: 825px) {
    .adp-diag-canvas.adp-diag-fill { width: initial; height: initial; border-radius: 10px; }
}
/* ~~~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~ Adp Upload ~~~~~ */
.adp-upload-drag-area { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 1em; border: 2px dashed #ebebeb; border-radius: 10px; }
.adp-upload-drag-area.adp-upload-active { border: 2px solid #1683ff; }
.adp-upload-drag-area .adp-upload-browse { color: #1683ff; cursor: pointer; }
.adp-upload-instruction { display: flex; align-items: center; justify-content: center; flex-direction: column; font-size: 15pt; font-weight: 600; }
.adp-upload-supports { font-size: 11pt; color: #808080; }
.adp-upload-drag-area img { width: 100%; height: 100%; object-fit: cover; }

.adp-upload-progress-area { display: flex; flex-wrap: wrap; gap: 1em; }
.adp-upload-file-progress { display: flex; align-items: center; justify-content: end; flex-direction: column; position: relative; width: 100px; height: 100px; padding: .5em;  border: 1px solid #ebebeb; border-radius: 10px; }
.adp-upload-file-progress::before {   content: ""; background-image: url('/ext/config/images/icons/file.svg'); background-size: 80%; background-position: center; background-repeat: no-repeat; position: absolute;  top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.25; z-index: -9999; }
.adp-upload-file-progress .adp-upload-file-details { width: 100%; overflow: hidden; background-color: rgba(255, 255, 255, .5) }
.adp-upload-file-progress .adp-upload-file-details .adp-upload-file-name { white-space: nowrap; }
.adp-upload-file-progress .adp-upload-file-details .adp-upload-file-size { text-align: center; font-size: .9em; }
.adp-upload-file-progress .adp-upload-progress-bar { background-color: #fff; }
.adp-upload-file-progress .adp-upload-progress-bar { width: 100%; border: 1px solid #ebebeb; height: 1em; }
.adp-upload-file-progress .adp-upload-progress-bar .adp-upload-progress { width: 0%; height: 100%; background-color: #00ff00; }
/* ~~~~~~~~~~~~~~~~~~~~~~ */

/* ~~~~~ Adept Suspense ~~~~~ */
.adept-suspense-default-hidden, .adept-suspense-loading-hidden, .adept-suspense-result-hidden { display: none; }
.adept-suspense-default-visible, .adept-suspense-loading-visible, .adept-suspense-result-visible { display: inherit; }
.adept-suspense-loading { display: block; animation: skeleton-pulse 1s infinite; border-radius: .5em; }
.adept-suspense-result { animation: none; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~ */