#loading {
    z-index: 1050;
}

.custom_dropdown_space {
    height: 0 !important;
}


/*select2 CSS*/
.select2-dropdown--below {
    margin-top: 1px;
}

.select2-selection__arrow {
    display: none;
}

.select2-container .select2-selection--single {
    height: 45px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid rgb(241, 241, 241);
    border-radius: 8px !important;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
}

.select2-container--open {
    z-index: 2000 !important; /* Adjust this value based on your offcanvas z-index */
}
.iframe_ap {
    height: 100vh; /* Full viewport height, adjust as needed */
}

.button-group {
    display: flex;
    align-items: center;
}

.textwarningemp {
    font-size: 14px;
    color: #ff4e45;
}


.textresson {
    color: #11111F;
    font-weight: 700;
}
.BorderEMP {
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px rgba(17, 17, 31, 0.10);
    background-color: #FEFAED;
}
.text-primary-color {
    color: #e24c86;
}

.text-danger-color {
    color: #FF3B30;
}

.text-black-color {
    color: black;
}

.clickable {
    cursor: pointer;
}

.clickable:hover {
    opacity: 0.7;
}

@media (max-width: 575px) {
    body {
        margin-bottom: 0 !important;
    }
}

#progressbar .progressbar-step:before {
    content: attr(data-step);
}

#progressbar li:after {
    left: auto;
    right: 75%;
}

#progressbar li:first-child:after {
    display: none;
}

#progressbar li:last-child:after {
    display: block;
}

#progressbar li.checked:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOSAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuMjUgMTIuMTI3NEw0LjEyMjQ5IDguOTk5ODhMMy4wNTc1IDEwLjA1NzRMNy4yNSAxNC4yNDk5TDE2LjI1IDUuMjQ5ODhMMTUuMTkyNSA0LjE5MjM4TDcuMjUgMTIuMTI3NFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
    border-radius: 50px;
    border: 1px solid var(--border-brand-border-brand, #e24c86);
    background: var(--background-body-background-secondary, #FCF8FF);
    color: white;
    font-weight: bold;
    background: #e24c86;
}

#progressbar li.checked:after {
    border: 1px solid var(--border-brand-border-brand, #e24c86);
}

@media (max-width: 575px) {
    #progressbar li {
        text-align: left;
    }

    #progressbar .progressbar-step {
        width: auto !important;
        margin-right: 20px;
        text-wrap: nowrap;
    }

    #progressbar  {
        width: fit-content !important;
    }
}

.btt-danger {
    border-radius: var(--radius-radius-s, 6px);
    border: 1px solid var(--colors-primary-100, #ffc2bf);
    background: var(--background-secondary-background-action, #FFF);
    color: #FF3B30;
    font-weight: bold;
    width: max-content;
    padding: 12px;
}
    
    .btt-danger:hover {
        opacity: 0.8 !important;
        color: #FF3B30;
    }

.btn-dark.no-margin {
    margin: 0;
}

.btn-ghost-2 {
    background: transparent;
    border: none;
}

.ui-expandable__button:hover {
    opacity: 0.8;
}

    .ui-expandable__button--expand::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xMS4wOSAwLjU4OTk5Nkw2LjUgNS4xN0wxLjkxIDAuNTg5OTk2TDAuNSAyTDYuNSA4TDEyLjUgMkwxMS4wOSAwLjU4OTk5NloiIGZpbGw9IiNlMjRjODYiLz4KPC9zdmc+Cg==');
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

    .ui-expandable__button--collapse::before {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEzIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02LjUgMEwwLjUgNkwxLjkxIDcuNDFMNi41IDIuODNMMTEuMDkgNy40MUwxMi41IDZMNi41IDBaIiBmaWxsPSIjZTI0Yzg2Ii8+Cjwvc3ZnPgo=');
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }

.form-identity__instruction {
    border-radius: var(--radius-radius-md, 8px);
    background: var(--background-body-background-inactive, #F8F8F9);
    padding: 20px 30px 0px 30px;
    margin: 1rem 0 1.25rem;
}

    /* .form-identity__instruction ol {
        margin: 0;
        padding: 20px;
    } */

        .form-identity__instruction ol li {
            margin-bottom: 1rem;
        }

.form-identity__picture-uploader {
    width: 100%;
    min-height: 450px;
    border-radius: 8px;
    /* box-shadow: 0px 0px 8px 0px #11111F1A; */
    text-align: center;
    padding: 100px 40px;
    position: relative;
}

    .form-identity__picture-uploader .form-identity__picture-uploader__icon-big {
        width: 100px;
        height: 100px;
        margin:auto;
        margin-bottom: 3rem;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTE4IiBoZWlnaHQ9IjExNyIgdmlld0JveD0iMCAwIDExOCAxMTciIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01OC45ODE2IDE3LjY2NjdDNzAuMzc1OSAxNy42NjY3IDgwLjAzMyAyMS42MjA3IDg3Ljk1MjkgMjkuNTI4NkM5NS44NzI4IDM3LjQzNjcgOTkuODMyNyA0Ny4wODc5IDk5LjgzMjcgNTguNDgyMkM5OS44MzI3IDY5Ljg3NjYgOTUuODc4NyA3OS41MzM3IDg3Ljk3MDcgODcuNDUzNkM4MC4wNjI3IDk1LjM3MzQgNzAuNDExNSA5OS4zMzM0IDU5LjAxNzEgOTkuMzMzNEM0Ny42MjI4IDk5LjMzMzQgMzcuOTY1NyA5NS4zNzk0IDMwLjA0NTcgODcuNDcxNEMyMi4xMjU5IDc5LjU2MzQgMTguMTY2IDY5LjkxMjIgMTguMTY2IDU4LjUxNzhDMTguMTY2IDQ3LjEyMzUgMjIuMTIgMzcuNDY2MyAzMC4wMjggMjkuNTQ2NEMzNy45MzYgMjEuNjI2NiA0Ny41ODcyIDE3LjY2NjcgNTguOTgxNiAxNy42NjY3Wk01OC45OTkzIDkzLjVDNjguNzIxNiA5My41IDc2Ljk4NTUgOTAuMDk3MiA4My43OTEgODMuMjkxN0M5MC41OTY2IDc2LjQ4NjEgOTMuOTk5MyA2OC4yMjIyIDkzLjk5OTMgNTguNUM5My45OTkzIDQ4Ljc3NzggOTAuNTk2NiA0MC41MTM5IDgzLjc5MSAzMy43MDg0Qzc2Ljk4NTUgMjYuOTAyOCA2OC43MjE2IDIzLjUgNTguOTk5MyAyMy41QzQ5LjI3NzEgMjMuNSA0MS4wMTMyIDI2LjkwMjggMzQuMjA3NyAzMy43MDg0QzI3LjQwMjEgNDAuNTEzOSAyMy45OTkzIDQ4Ljc3NzggMjMuOTk5MyA1OC41QzIzLjk5OTMgNjguMjIyMiAyNy40MDIxIDc2LjQ4NjEgMzQuMjA3NyA4My4yOTE3QzQxLjAxMzIgOTAuMDk3MiA0OS4yNzcxIDkzLjUgNTguOTk5MyA5My41Wk01OC45OTkzIDc2LjY3M0M2My4xNDI1IDc2LjY3MyA2Ni45MTE3IDc1LjU2MDYgNzAuMzA3MSA3My4zMzU4QzczLjcwMjQgNzEuMTEwOSA3Ni4yMTUyIDY4LjExIDc3Ljg0NTUgNjQuMzMzNEg0MC4xNTMyQzQxLjc4MzUgNjguMTEgNDQuMjk2MyA3MS4xMTA5IDQ3LjY5MTYgNzMuMzM1OEM1MS4wODcgNzUuNTYwNiA1NC44NTYyIDc2LjY3MyA1OC45OTkzIDc2LjY3M1pNNDAuMTUzMiA0Ni44NTNDNDAuMTUzMiA0OC4xOTM1IDQwLjYwNjYgNDkuMzEwNiA0MS41MTMzIDUwLjIwNDNDNDIuNDIwMiA1MS4wOTgxIDQzLjU0MzkgNTEuNTQ0OSA0NC44ODQ0IDUxLjU0NDlDNDYuMjI0OSA1MS41NDQ5IDQ3LjM0MiA1MS4wOTE1IDQ4LjIzNTcgNTAuMTg0NkM0OS4xMjk0IDQ5LjI3NzggNDkuNTc2MyA0OC4xNTQyIDQ5LjU3NjMgNDYuODEzN0M0OS41NzYzIDQ1LjQ3MzIgNDkuMTIyOSA0NC4zNTYxIDQ4LjIxNiA0My40NjI0QzQ3LjMwOTIgNDIuNTY4NyA0Ni4xODU2IDQyLjEyMTggNDQuODQ1MSA0Mi4xMjE4QzQzLjUwNDYgNDIuMTIxOCA0Mi4zODc0IDQyLjU3NTIgNDEuNDkzNyA0My40ODIxQzQwLjYgNDQuMzg4OSA0MC4xNTMyIDQ1LjUxMjUgNDAuMTUzMiA0Ni44NTNaTTY4LjQyMjQgNDYuODUzQzY4LjQyMjQgNDguMTkzNSA2OC44NzU4IDQ5LjMxMDYgNjkuNzgyNyA1MC4yMDQzQzcwLjY4OTUgNTEuMDk4MSA3MS44MTMxIDUxLjU0NDkgNzMuMTUzNiA1MS41NDQ5Qzc0LjQ5NDEgNTEuNTQ0OSA3NS42MTEzIDUxLjA5MTUgNzYuNTA1IDUwLjE4NDZDNzcuMzk4NyA0OS4yNzc4IDc3Ljg0NTUgNDguMTU0MiA3Ny44NDU1IDQ2LjgxMzdDNzcuODQ1NSA0NS40NzMyIDc3LjM5MjEgNDQuMzU2MSA3Ni40ODUzIDQzLjQ2MjRDNzUuNTc4NSA0Mi41Njg3IDc0LjQ1NDggNDIuMTIxOCA3My4xMTQzIDQyLjEyMThDNzEuNzczOCA0Mi4xMjE4IDcwLjY1NjcgNDIuNTc1MiA2OS43NjMgNDMuNDgyMUM2OC44NjkyIDQ0LjM4ODkgNjguNDIyNCA0NS41MTI1IDY4LjQyMjQgNDYuODUzWk0wLjY2NjAxNiAyMy41VjE0LjExMTRDMC42NjYwMTYgMTAuMTk5NSAyLjAxODM4IDYuODk3MzggNC43MjMxIDQuMjA1MTFDNy40Mjc5MiAxLjUxMjgzIDEwLjcxMjMgMC4xNjY2ODcgMTQuNTc2MyAwLjE2NjY4N0gyMy45OTkzVjYuMDAwMDJIMTQuNTc2M0MxMi4yODc4IDYuMDAwMDIgMTAuMzY5NSA2Ljc3NDA1IDguODIxNDUgOC4zMjIxMkM3LjI3MzM4IDkuODcwMTkgNi40OTkzNSAxMS43ODg1IDYuNDk5MzUgMTQuMDc3VjIzLjVIMC42NjYwMTZaTTE0LjYxMDYgMTE2LjgzM0MxMC42OTg3IDExNi44MzMgNy4zOTY1NiAxMTUuNDgxIDQuNzA0MjkgMTEyLjc3NkMyLjAxMjExIDExMC4wNzEgMC42NjYwMTYgMTA2Ljc4NyAwLjY2NjAxNiAxMDIuOTIzVjkzLjVINi40OTkzNVYxMDIuOTIzQzYuNDk5MzUgMTA1LjIxMiA3LjI3MzM4IDEwNy4xMyA4LjgyMTQ1IDEwOC42NzhDMTAuMzY5NSAxMTAuMjI2IDEyLjI4NzggMTExIDE0LjU3NjMgMTExSDIzLjk5OTNWMTE2LjgzM0gxNC42MTA2Wk05My45OTkzIDExNS43MTJWMTA5Ljg3OEgxMDMuNDIyQzEwNS43MTEgMTA5Ljg3OCAxMDcuNjI5IDEwOS4xMDQgMTA5LjE3NyAxMDcuNTU2QzExMC43MjUgMTA2LjAwOCAxMTEuNDk5IDEwNC4wOSAxMTEuNDk5IDEwMS44MDFWOTIuMzc4M0gxMTcuMzMzVjEwMS43NjdDMTE3LjMzMyAxMDUuNjc5IDExNS45OCAxMDguOTgxIDExMy4yNzYgMTExLjY3M0MxMTAuNTcxIDExNC4zNjUgMTA3LjI4NiAxMTUuNzEyIDEwMy40MjIgMTE1LjcxMkg5My45OTkzWk0xMTEuNDk5IDIzLjVWMTQuMDc3QzExMS40OTkgMTEuNzg4NSAxMTAuNzI1IDkuODcwMTkgMTA5LjE3NyA4LjMyMjEyQzEwNy42MjkgNi43NzQwNSAxMDUuNzExIDYuMDAwMDIgMTAzLjQyMiA2LjAwMDAySDkzLjk5OTNWMC4xNjY2ODdIMTAzLjM4OEMxMDcuMyAwLjE2NjY4NyAxMTAuNjAyIDEuNTE5MDUgMTEzLjI5NCA0LjIyMzc3QzExNS45ODcgNi45Mjg1OSAxMTcuMzMzIDEwLjIxMyAxMTcuMzMzIDE0LjA3N1YyMy41SDExMS40OTlaIiBmaWxsPSIjNTM1MzZEIi8+Cjwvc3ZnPgo=');
        background-size: cover;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__icon-small {
        width: 24px;
        height: 24px;
        margin: auto;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE4QzEzLjI1IDE4IDE0LjMxMjUgMTcuNTYyNSAxNS4xODc1IDE2LjY4NzVDMTYuMDYyNSAxNS44MTI1IDE2LjUgMTQuNzUgMTYuNSAxMy41QzE2LjUgMTIuMjUgMTYuMDYyNSAxMS4xODc1IDE1LjE4NzUgMTAuMzEyNUMxNC4zMTI1IDkuNDM3NSAxMy4yNSA5IDEyIDlDMTAuNzUgOSA5LjY4NzUgOS40Mzc1IDguODEyNSAxMC4zMTI1QzcuOTM3NSAxMS4xODc1IDcuNSAxMi4yNSA3LjUgMTMuNUM3LjUgMTQuNzUgNy45Mzc1IDE1LjgxMjUgOC44MTI1IDE2LjY4NzVDOS42ODc1IDE3LjU2MjUgMTAuNzUgMTggMTIgMThaTTEyIDE2QzExLjMgMTYgMTAuNzA4MyAxNS43NTgzIDEwLjIyNSAxNS4yNzVDOS43NDE2NyAxNC43OTE3IDkuNSAxNC4yIDkuNSAxMy41QzkuNSAxMi44IDkuNzQxNjcgMTIuMjA4MyAxMC4yMjUgMTEuNzI1QzEwLjcwODMgMTEuMjQxNyAxMS4zIDExIDEyIDExQzEyLjcgMTEgMTMuMjkxNyAxMS4yNDE3IDEzLjc3NSAxMS43MjVDMTQuMjU4MyAxMi4yMDgzIDE0LjUgMTIuOCAxNC41IDEzLjVDMTQuNSAxNC4yIDE0LjI1ODMgMTQuNzkxNyAxMy43NzUgMTUuMjc1QzEzLjI5MTcgMTUuNzU4MyAxMi43IDE2IDEyIDE2Wk00IDIxLjVDMy40NSAyMS41IDIuOTc5MTcgMjEuMzA0MiAyLjU4NzUgMjAuOTEyNUMyLjE5NTgzIDIwLjUyMDggMiAyMC4wNSAyIDE5LjVWNy41QzIgNi45NSAyLjE5NTgzIDYuNDc5MTcgMi41ODc1IDYuMDg3NUMyLjk3OTE3IDUuNjk1ODMgMy40NSA1LjUgNCA1LjVINy4xNUw5IDMuNUgxNUwxNi44NSA1LjVIMjBDMjAuNTUgNS41IDIxLjAyMDggNS42OTU4MyAyMS40MTI1IDYuMDg3NUMyMS44MDQyIDYuNDc5MTcgMjIgNi45NSAyMiA3LjVWMTkuNUMyMiAyMC4wNSAyMS44MDQyIDIwLjUyMDggMjEuNDEyNSAyMC45MTI1QzIxLjAyMDggMjEuMzA0MiAyMC41NSAyMS41IDIwIDIxLjVINFpNNCAxOS41SDIwVjcuNUgxNS45NUwxNC4xMjUgNS41SDkuODc1TDguMDUgNy41SDRWMTkuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
        background-size: cover;
        position: relative;
        top: -4px;
    }
    .form-identity__picture-uploader .form-identity__picture-reupload__icon-small {
        width: 24px;
        height: 24px;
        margin: auto;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE4LjVDMTMuMzE2NyAxOC41IDE0LjQ1IDE4LjA1NDIgMTUuNCAxNy4xNjI1QzE2LjM1IDE2LjI3MDggMTYuODY2NyAxNS4xNjY3IDE2Ljk1IDEzLjg1TDE3LjcgMTQuNTVMMTguNzUgMTMuNUwxNi4yNSAxMUwxMy43NSAxMy41TDE0LjggMTQuNTVMMTUuNDUgMTMuOUMxNS4zNSAxNC43ODMzIDE0Ljk3NSAxNS41MjA4IDE0LjMyNSAxNi4xMTI1QzEzLjY3NSAxNi43MDQyIDEyLjkgMTcgMTIgMTdDMTEuNzgzMyAxNyAxMS41NzA4IDE2Ljk3OTIgMTEuMzYyNSAxNi45Mzc1QzExLjE1NDIgMTYuODk1OCAxMC45NSAxNi44MzMzIDEwLjc1IDE2Ljc1TDkuNjUgMTcuODVDMTAuMDE2NyAxOC4wNSAxMC4zOTU4IDE4LjIwODMgMTAuNzg3NSAxOC4zMjVDMTEuMTc5MiAxOC40NDE3IDExLjU4MzMgMTguNSAxMiAxOC41Wk03Ljc1IDE2TDEwLjI1IDEzLjVMOS4yIDEyLjQ1TDguNTUgMTMuMUM4LjY1IDEyLjIxNjcgOS4wMjUgMTEuNDc5MiA5LjY3NSAxMC44ODc1QzEwLjMyNSAxMC4yOTU4IDExLjEgMTAgMTIgMTBDMTIuMjE2NyAxMCAxMi40MjkyIDEwLjAyMDggMTIuNjM3NSAxMC4wNjI1QzEyLjg0NTggMTAuMTA0MiAxMy4wNSAxMC4xNjY3IDEzLjI1IDEwLjI1TDE0LjM1IDkuMTVDMTMuOTgzMyA4Ljk1IDEzLjYwNDIgOC43OTE2NyAxMy4yMTI1IDguNjc1QzEyLjgyMDggOC41NTgzMyAxMi40MTY3IDguNSAxMiA4LjVDMTAuNjgzMyA4LjUgOS41NSA4Ljk0NTgzIDguNiA5LjgzNzVDNy42NSAxMC43MjkyIDcuMTMzMzMgMTEuODMzMyA3LjA1IDEzLjE1TDYuMyAxMi40NUw1LjI1IDEzLjVMNy43NSAxNlpNNCAyMS41QzMuNDUgMjEuNSAyLjk3OTE3IDIxLjMwNDIgMi41ODc1IDIwLjkxMjVDMi4xOTU4MyAyMC41MjA4IDIgMjAuMDUgMiAxOS41VjcuNUMyIDYuOTUgMi4xOTU4MyA2LjQ3OTE3IDIuNTg3NSA2LjA4NzVDMi45NzkxNyA1LjY5NTgzIDMuNDUgNS41IDQgNS41SDcuMTVMOSAzLjVIMTVMMTYuODUgNS41SDIwQzIwLjU1IDUuNSAyMS4wMjA4IDUuNjk1ODMgMjEuNDEyNSA2LjA4NzVDMjEuODA0MiA2LjQ3OTE3IDIyIDYuOTUgMjIgNy41VjE5LjVDMjIgMjAuMDUgMjEuODA0MiAyMC41MjA4IDIxLjQxMjUgMjAuOTEyNUMyMS4wMjA4IDIxLjMwNDIgMjAuNTUgMjEuNSAyMCAyMS41SDRaTTQgMTkuNUgyMFY3LjVIMTUuOTVMMTQuMTI1IDUuNUg5Ljg3NUw4LjA1IDcuNUg0VjE5LjVaIiBmaWxsPSIjRTI0Qzg2Ii8+Cjwvc3ZnPgo=');
        background-size: cover;
        position: relative;
        top: -4px;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container {
        width: 100%;
        height: 640px;
        margin: auto;
        margin-top: -60px;
        margin-bottom: -60px;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .mirror-effect {
        pointer-events: none;
        transform: rotateY(180deg);
        -webkit-transform:rotateY(180deg); 
        -moz-transform:rotateY(180deg);
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera,
    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera--preview {
        width: 100%;
        height: 75%;
        padding-bottom: 40%;
        border: 1px solid #CCC;
        position: relative;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera--ellipsis {
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjM4IiBoZWlnaHQ9IjI5MCIgdmlld0JveD0iMCAwIDIzOCAyOTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0yMzUuNSAxMjkuMDg5QzIzNS41IDE2NC40MDkgMjI0Ljc2OCAyMDQuMTY4IDIwNS4yMjEgMjM1LjAzMUMxODUuNjcyIDI2NS44OTkgMTU3LjU3OSAyODcuNSAxMjIuODk1IDI4Ny41Qzg4LjE2MjYgMjg3LjUgNTguMTA4NSAyNjUuODQ1IDM2LjYxMzQgMjM0Ljk0MUMxNS4xMjk2IDIwNC4wNTQgMi41IDE2NC4zMjEgMi41IDEyOS4wODlDMi41IDU4Ljc3MDEgNTIuNzM5NyAyLjUgMTIyLjg5NSAyLjVDMTU4LjAxNiAyLjUgMTg2LjA5MyAxNi41NzIzIDIwNS40MjggMzkuMzM4QzIyNC43OTYgNjIuMTQzNiAyMzUuNSA5My44MTE4IDIzNS41IDEyOS4wODlaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjUiLz4KPC9zdmc+Cg==');
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: auto;
        z-index: 2;
        width: 35%;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera--preview {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera--alt {
        position: relative;
        background: rgba(255,255,255,0.8);
        min-height: 30px;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: -47px;
        font-size: 18px;
        z-index: 3;
    }

    .form-identity__picture-uploader button[data-action="camera-capture"] {
        display: block;
        width: 100%;
        font-weight: bold;
    }

    .form-identity__picture-uploader div[ui-view="starter"] button.btn-dark {
        margin: 10px;
        border: 0;
        font-weight: bold;
    }

    .form-identity__picture-uploader > div {
        width: 100%;
    }

    .form-identity__picture-uploader .form-identity__footer {
        width: calc(100% - 40px);
        height: 34px;
        padding: 8px 12px 8px 12px;
        border-radius: 8px;
        gap: 4px;
        background: #FCF8FF;
        font-size: 14px;
        text-align: left;
        position: absolute;
        bottom: 20px;
        left: 20px;
    }

    @media only screen and (max-width: 991px) {
        .form-identity__picture-uploader {
            padding: 80px 20px;
        }
        
        .form-identity__picture-uploader .form-identity__picture-uploader__camera-container {
            width: 100%;
            height: 520px;
        }

        .form-identity__picture-uploader .form-identity__picture-uploader__camera-container .camera--ellipsis {
            width: 50%;
        }
    }
.icon-success__icon-big {
    width: 100px;
    height: 100px;
    margin: auto;
    background-image: url('/assets/images/success.jpg');
    background-size: cover;
}


.icon-failed__icon-big {
    width: 100px;
    height: 100px;
    margin: auto;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA2OCA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIxLjk5OTMgNTAuMTY2NkwzMy45OTk0IDM4LjE2NjZMNDUuOTk5NCA1MC4xNjY2TDUwLjY2NiA0NS41TDM4LjY2NiAzMy41TDUwLjY2NiAyMS41TDQ1Ljk5OTQgMTYuODMzM0wzMy45OTk0IDI4LjgzMzNMMjEuOTk5MyAxNi44MzMzTDE3LjMzMjcgMjEuNUwyOS4zMzI3IDMzLjVMMTcuMzMyNyA0NS41TDIxLjk5OTMgNTAuMTY2NlpNMzMuOTk5NCA2Ni44MzMzQzI5LjM4ODIgNjYuODMzMyAyNS4wNTQ5IDY1Ljk1ODMgMjAuOTk5MyA2NC4yMDgzQzE2Ljk0MzggNjIuNDU4MyAxMy40MTYgNjAuMDgzMyAxMC40MTYgNTcuMDgzM0M3LjQxNjAyIDU0LjA4MzMgNS4wNDEwMiA1MC41NTU1IDMuMjkxMDIgNDYuNUMxLjU0MTAyIDQyLjQ0NDQgMC42NjYwMTYgMzguMTExMSAwLjY2NjAxNiAzMy41QzAuNjY2MDE2IDI4Ljg4ODggMS41NDEwMiAyNC41NTU1IDMuMjkxMDIgMjAuNUM1LjA0MTAyIDE2LjQ0NDQgNy40MTYwMiAxMi45MTY2IDEwLjQxNiA5LjkxNjYzQzEzLjQxNiA2LjkxNjYzIDE2Ljk0MzggNC41NDE2MyAyMC45OTkzIDIuNzkxNjNDMjUuMDU0OSAxLjA0MTYzIDI5LjM4ODIgMC4xNjY2MjYgMzMuOTk5NCAwLjE2NjYyNkMzOC42MTA1IDAuMTY2NjI2IDQyLjk0MzggMS4wNDE2MyA0Ni45OTk0IDIuNzkxNjNDNTEuMDU0OSA0LjU0MTYzIDU0LjU4MjcgNi45MTY2MyA1Ny41ODI3IDkuOTE2NjNDNjAuNTgyNyAxMi45MTY2IDYyLjk1NzcgMTYuNDQ0NCA2NC43MDc3IDIwLjVDNjYuNDU3NyAyNC41NTU1IDY3LjMzMjcgMjguODg4OCA2Ny4zMzI3IDMzLjVDNjcuMzMyNyAzOC4xMTExIDY2LjQ1NzcgNDIuNDQ0NCA2NC43MDc3IDQ2LjVDNjIuOTU3NyA1MC41NTU1IDYwLjU4MjcgNTQuMDgzMyA1Ny41ODI3IDU3LjA4MzNDNTQuNTgyNyA2MC4wODMzIDUxLjA1NDkgNjIuNDU4MyA0Ni45OTk0IDY0LjIwODNDNDIuOTQzOCA2NS45NTgzIDM4LjYxMDUgNjYuODMzMyAzMy45OTk0IDY2LjgzMzNaIiBmaWxsPSIjRUI1NzU3Ii8+Cjwvc3ZnPgo=');
    background-size: cover;
}

.ui-popup, .ui-drawer {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1040;
    background-color: rgba(0,0,0,0.2);
    display: block;
}

.ui-popup.scrollable {
    overflow-y: scroll;
}

    .ui-popup.scrollable .ui-popup__content {
        margin-bottom: 100px;
    }

    .ui-popup.popup__scrollable .ui-popup__content {
        position: absolute;
        top: 5%;
        left: 0;
        right: 0;
        bottom: auto; 
        overflow-y: auto;
        max-height: calc(95% - 2 * 5%);
    }

    .ui-popup .ui-popup__content {
        position: relative;
        width: 480px;
        min-height: 246px;
        padding: 24px 24px 70px 24px;
        border-radius: 8px;
        background-color: white;
        box-shadow: 0px 0px 8px 0px #11111F1A;
        top: calc(50% - 150px);
        margin: auto;
    }
        .ui-popup .ui-popup__content .action-button {
            margin-top: 30px;
        }

        .ui-popup .ui-popup__content .action-button button {
            margin: 0 5px;
        }

        .ui-popup .ui-popup__content .form-group {
            height: 70px;
        }

        @media only screen and (max-width: 576px) {
            .ui-popup .ui-popup__content {
                width: calc(100% - 40px);
            }
        }
        .ui-popup__content table {
            table-layout: fixed;
        }


    .ui-drawer {
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s linear, visibility .1s, width 1s ease-in;
    }

    .ui-drawer.show {
        transition:opacity .5s ease, width 0s;
        opacity:1;
        width:100%;
        visibility:visible;
    }

    .ui-drawer .ui-drawer__content {
        position: absolute;
        width: 460px;
        height: 100%;
        background-color: white;
        box-shadow: 0px 0px 8px 0px #11111F1A;
        opacity: 0;
        top: 0;
	    right: 0;
        left: auto;
        transition:all 1s;
        transform: translateX(100%); 
        margin: auto;
        font-size: 14px;
        text-align: left;
        visibility: hidden;
    }

    @media only screen and (max-width: 576px) {
        .ui-drawer .ui-drawer__content {
            width: 100%;
        }
    }
    
    .ui-drawer .ui-drawer__content.lg {
        width: 715px;
    }

    @media only screen and (max-width: 576px) {
        .ui-drawer .ui-drawer__content.lg {
            width: 100%;
        }
    }

    .ui-drawer .ui-drawer__content.show{
        visibility: visible;
        transform: translateX(0);
        transition: transform .2s;
        opacity:1;
    }

        .ui-drawer .ui-drawer__content .ui-drawer__content-header {
            padding: 16px 24px 16px 24px;
            box-shadow: 0px 0px 8px 0px #11111F1A;
        }
        .ui-drawer .ui-drawer__content .ui-drawer__content-body {
            width: 100%;
            height: calc(100% - 155px);
            padding: 0 32px 24px 24px;
            overflow: hidden;
            overflow-y: scroll;
            overscroll-behavior: contain
        }

        .ui-drawer .ui-drawer__content .action-button {
            position: absolute;
            bottom: 20px;
            width: 100%;
            padding: 24px 24px 0 24px;
            -webkit-box-shadow: 0px -4px 8px #11111F1A;
            -moz-box-shadow: 0px -4px 8px #11111F1A;
            box-shadow: 0px -4px 8px #11111F1A;
        }

        .ui-drawer .ui-drawer__content .action-button button {
            margin: 0 5px;
        }

        .ui-drawer ::-webkit-scrollbar {
            display: none;
        }

        .ui-drawer .ui-drawer__content .action-button .btn-primary,
        .ui-drawer .ui-drawer__content .action-button .btn-dark {
            padding: 10px 50px 10px 50px;
        }

.container__no-content, .container__not-found-content {
    width: 100%;
    height: 247px;
    padding: 80px 16px 80px 16px;
    gap: 16px;

}

.btn-retro {
    position: relative;
    height: 32px;
    padding: 4px 8px 4px 8px;
    border-radius: 4px;
    border: 1px;
    background: white;    
    border: 1px solid #F6C8D9;
}

.btn-retro.btn-retro__icon-plus {
    padding-left: 32px;
}

.text-color--primary {
    color: #e24c86;
}

.btn-retro.btn-retro__icon-plus::before {
    position: absolute;
    left: 5px;
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDEzLjVIMTNWMTkuNUgxMVYxMy41SDVWMTEuNUgxMVY1LjVIMTNWMTEuNUgxOVYxMy41WiIgZmlsbD0iI2UyNGM4NiIvPgo8L3N2Zz4K');
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.btn-primary__icon-plus {
    padding-left: 32px;
    padding-right: 15px;
}

.btn-primary__icon-plus::before {
    position: absolute;
    left: 6px;
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDhIOFYxNEg2VjhIMFY2SDZWMEg4VjZIMTRWOFoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.uiUploadPreview {
    display: auto;
}
    .ui-uploader-preview__preview {
        position: relative;
        display: inline-flex;
        width: auto;
        max-width: 437px; /* กำหนดความกว้างสูงสุด */
        min-height: 40px;
        padding: 8px 40px 8px 40px;
        margin-bottom: 0.5rem;
        border-radius: 6px;
        align-items: center;
        background: #F8F8F9;
        overflow: hidden;
        white-space: nowrap; /* ไม่ให้ข้อความขึ้นบรรทัดใหม่ */
    }

    .ui-uploader-preview__preview span {
        text-decoration: underline; /* เพิ่มเส้นใต้ */
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis; /* เพิ่ม ... หากข้อความยาวเกิน */
        max-width: 100%; /* กำหนด max-width ของ span ให้เต็มความกว้าง */
        white-space: nowrap; /* ไม่ให้ข้อความขึ้นบรรทัดใหม่ */
        display: inline-block;
        text-align: center;
    }

    .ui-uploader-preview__preview .ui-uploader-preview__clear-button {
        position: absolute;
        right: 0;
        top: 0;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY2NTQgOC4yNzMzNEwxNS43MjU0IDcuMzMzMzRMMTEuOTk4NyAxMS4wNkw4LjI3MjAzIDcuMzMzMzRMNy4zMzIwMyA4LjI3MzM0TDExLjA1ODcgMTJMNy4zMzIwMyAxNS43MjY3TDguMjcyMDMgMTYuNjY2N0wxMS45OTg3IDEyLjk0TDE1LjcyNTQgMTYuNjY2N0wxNi42NjU0IDE1LjcyNjdMMTIuOTM4NyAxMkwxNi42NjU0IDguMjczMzRaIiBmaWxsPSIjNTM1MzZEIi8+Cjwvc3ZnPgo=);
        width: 40px;
        height: 100%;
        background-position: center center;
        cursor: pointer;
        background-color: #F8F8F9;
        background-repeat: no-repeat;
    }

    @media only screen and (max-width: 576px) {
/*        .ui-uploader-preview__preview {
            width: 100%;
        }*/
    }

    .ui-uploader-preview__preview::before {
        position: absolute;
        left: 10px;
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguNiAxNy40SDE1LjhWMTUuNkg4LjZWMTcuNFpNOC42IDEzLjhIMTUuOFYxMkg4LjZWMTMuOFpNNi44IDIxQzYuMzA1IDIxIDUuODgxMjUgMjAuODIzNyA1LjUyODc1IDIwLjQ3MTNDNS4xNzYyNSAyMC4xMTg3IDUgMTkuNjk1IDUgMTkuMlY0LjhDNSA0LjMwNSA1LjE3NjI1IDMuODgxMjUgNS41Mjg3NSAzLjUyODc1QzUuODgxMjUgMy4xNzYyNSA2LjMwNSAzIDYuOCAzSDE0TDE5LjQgOC40VjE5LjJDMTkuNCAxOS42OTUgMTkuMjIzOCAyMC4xMTg3IDE4Ljg3MTMgMjAuNDcxM0MxOC41MTg4IDIwLjgyMzcgMTguMDk1IDIxIDE3LjYgMjFINi44Wk0xMy4xIDkuM1Y0LjhINi44VjE5LjJIMTcuNlY5LjNIMTMuMVoiIGZpbGw9IiNlMjRjODYiLz4KPC9zdmc+Cg==');
        width: 24px;
        height: 24px;
        margin-right: 10px;
        background: #F8F8F9;
    }

    .ui-uploader-preview__preview .ui-uploader-preview__download-button {
        position: absolute;
        right: 0;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ2OV81NjczMikiPgo8cGF0aCBkPSJNOS45OTk5OCA1LjAwMDE2QzEzLjE1ODMgNS4wMDAxNiAxNS45NzUgNi43NzUxNiAxNy4zNSA5LjU4MzVDMTUuOTc1IDEyLjM5MTggMTMuMTU4MyAxNC4xNjY4IDkuOTk5OTggMTQuMTY2OEM2Ljg0MTY1IDE0LjE2NjggNC4wMjQ5OCAxMi4zOTE4IDIuNjQ5OTggOS41ODM1QzQuMDI0OTggNi43NzUxNiA2Ljg0MTY1IDUuMDAwMTYgOS45OTk5OCA1LjAwMDE2Wk05Ljk5OTk4IDMuMzMzNUM1LjgzMzMxIDMuMzMzNSAyLjI3NDk4IDUuOTI1MTYgMC44MzMzMTMgOS41ODM1QzIuMjc0OTggMTMuMjQxOCA1LjgzMzMxIDE1LjgzMzUgOS45OTk5OCAxNS44MzM1QzE0LjE2NjYgMTUuODMzNSAxNy43MjUgMTMuMjQxOCAxOS4xNjY2IDkuNTgzNUMxNy43MjUgNS45MjUxNiAxNC4xNjY2IDMuMzMzNSA5Ljk5OTk4IDMuMzMzNVpNOS45OTk5OCA3LjUwMDE2QzExLjE1IDcuNTAwMTYgMTIuMDgzMyA4LjQzMzUgMTIuMDgzMyA5LjU4MzVDMTIuMDgzMyAxMC43MzM1IDExLjE1IDExLjY2NjggOS45OTk5OCAxMS42NjY4QzguODQ5OTggMTEuNjY2OCA3LjkxNjY1IDEwLjczMzUgNy45MTY2NSA5LjU4MzVDNy45MTY2NSA4LjQzMzUgOC44NDk5OCA3LjUwMDE2IDkuOTk5OTggNy41MDAxNlpNOS45OTk5OCA1LjgzMzVDNy45MzMzMSA1LjgzMzUgNi4yNDk5OCA3LjUxNjgzIDYuMjQ5OTggOS41ODM1QzYuMjQ5OTggMTEuNjUwMiA3LjkzMzMxIDEzLjMzMzUgOS45OTk5OCAxMy4zMzM1QzEyLjA2NjYgMTMuMzMzNSAxMy43NSAxMS42NTAyIDEzLjc1IDkuNTgzNUMxMy43NSA3LjUxNjgzIDEyLjA2NjYgNS44MzM1IDkuOTk5OTggNS44MzM1WiIgZmlsbD0iI2UyNGM4NiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ2OV81NjczMiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
        width: 24px;
        height: 24px;
        margin-right: 10px;
        cursor: pointer;
        background-repeat: no-repeat;
    }


    .ui-uploader-preview__error,
    .ui-uploader-preview__warning {
        flex: 0 0 100%;
        max-width: 542px;
        padding: 12px 16px 12px 16px;
        border-radius: 8px;
        order: 3;
    }

    .ui-uploader-preview__error b,
    .ui-uploader-preview__warning b {
        font-size: 14px;
    }

    .ui-uploader-preview__error p,
    .ui-uploader-preview__warning p {
        font-size: 12px;
        font-weight: 400;
        line-height: 18px;
        letter-spacing: 0em;
        text-align: left;
        margin-top: 5px;
    }

    .ui-uploader-preview__error {
        background: #FFEBEA;
    }

    .ui-uploader-preview__warning {
        background: #FEFAED;
    }
/*    .ui-uploader-preview__error[style*="display: none"] ~ .ui-uploader-preview__preview {
        width: 542px;
    }*/


.ui-icon {
    display: block;
}
    .ui-icon.ui-icon--download {
        width: 32px;
        height: 32px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNSA2QzAuNSAyLjk2MjQzIDIuOTYyNDMgMC41IDYgMC41SDI2QzI5LjAzNzYgMC41IDMxLjUgMi45NjI0MyAzMS41IDZWMjZDMzEuNSAyOS4wMzc2IDI5LjAzNzYgMzEuNSAyNiAzMS41SDZDMi45NjI0MyAzMS41IDAuNSAyOS4wMzc2IDAuNSAyNlY2WiIgc3Ryb2tlPSIjRjZDOEQ5Ii8+CjxwYXRoIGQ9Ik0xMy4xNjggMjAuNUgxOS4xNjhWMTlIMTMuMTY4VjIwLjVaTTEzLjE2OCAxNy41SDE5LjE2OFYxNkgxMy4xNjhWMTcuNVpNMTEuNjY4IDIzLjVDMTEuMjU1NSAyMy41IDEwLjkwMjMgMjMuMzUzMSAxMC42MDg2IDIzLjA1OTRDMTAuMzE0OCAyMi43NjU2IDEwLjE2OCAyMi40MTI1IDEwLjE2OCAyMlYxMEMxMC4xNjggOS41ODc1IDEwLjMxNDggOS4yMzQzOCAxMC42MDg2IDguOTQwNjNDMTAuOTAyMyA4LjY0Njg4IDExLjI1NTUgOC41IDExLjY2OCA4LjVIMTcuNjY4TDIyLjE2OCAxM1YyMkMyMi4xNjggMjIuNDEyNSAyMi4wMjExIDIyLjc2NTYgMjEuNzI3MyAyMy4wNTk0QzIxLjQzMzYgMjMuMzUzMSAyMS4wODA1IDIzLjUgMjAuNjY4IDIzLjVIMTEuNjY4Wk0xNi45MTggMTMuNzVWMTBIMTEuNjY4VjIySDIwLjY2OFYxMy43NUgxNi45MThaIiBmaWxsPSIjZTI0Yzg2Ii8+Cjwvc3ZnPgo=');
        background-size: cover;
    }

    .ui-icon.ui-icon--refresh {
        width: 18px;
        height: 18px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTguMDMzMzIgMTMuODMzNEM2LjU0NDQzIDEzLjgzMzQgNS4yNzc3NyAxMy4zMTY3IDQuMjMzMzIgMTIuMjgzNEMzLjE4ODg4IDExLjI1MDEgMi42NjY2NiA5Ljk4ODk3IDIuNjY2NjYgOC41MDAwOFY4LjM4MzQxTDEuNTk5OTkgOS40NTAwOEwwLjY2NjY1NiA4LjUxNjc1TDMuMzMzMzIgNS44NTAwOEw1Ljk5OTk5IDguNTE2NzVMNS4wNjY2NiA5LjQ1MDA4TDMuOTk5OTkgOC4zODM0MVY4LjUwMDA4QzMuOTk5OTkgOS42MTExOSA0LjM5MTY2IDEwLjU1NTYgNS4xNzQ5OSAxMS4zMzM0QzUuOTU4MzIgMTIuMTExMiA2LjkxMTEgMTIuNTAwMSA4LjAzMzMyIDEyLjUwMDFDOC4zMjIyMSAxMi41MDAxIDguNjA1NTQgMTIuNDY2NyA4Ljg4MzMyIDEyLjQwMDFDOS4xNjExIDEyLjMzMzQgOS40MzMzMiAxMi4yMzM0IDkuNjk5OTkgMTIuMTAwMUwxMC43IDEzLjEwMDFDMTAuMjc3OCAxMy4zNDQ1IDkuODQ0NDMgMTMuNTI3OSA5LjM5OTk5IDEzLjY1MDFDOC45NTU1NSAxMy43NzIzIDguNDk5OTkgMTMuODMzNCA4LjAzMzMyIDEzLjgzMzRaTTEyLjY2NjcgMTEuMTUwMUw5Ljk5OTk5IDguNDgzNDFMMTAuOTMzMyA3LjU1MDA4TDEyIDguNjE2NzVWOC41MDAwOEMxMiA3LjM4ODk3IDExLjYwODMgNi40NDQ1MyAxMC44MjUgNS42NjY3NUMxMC4wNDE3IDQuODg4OTcgOS4wODg4OCA0LjUwMDA4IDcuOTY2NjYgNC41MDAwOEM3LjY3Nzc3IDQuNTAwMDggNy4zOTQ0MyA0LjUzMzQxIDcuMTE2NjYgNC42MDAwOEM2LjgzODg4IDQuNjY2NzUgNi41NjY2NiA0Ljc2Njc1IDYuMjk5OTkgNC45MDAwOEw1LjI5OTk5IDMuOTAwMDhDNS43MjIyMSAzLjY1NTY0IDYuMTU1NTUgMy40NzIzIDYuNTk5OTkgMy4zNTAwOEM3LjA0NDQzIDMuMjI3ODYgNy40OTk5OSAzLjE2Njc1IDcuOTY2NjYgMy4xNjY3NUM5LjQ1NTU0IDMuMTY2NzUgMTAuNzIyMiAzLjY4MzQxIDExLjc2NjcgNC43MTY3NUMxMi44MTExIDUuNzUwMDggMTMuMzMzMyA3LjAxMTE5IDEzLjMzMzMgOC41MDAwOFY4LjYxNjc1TDE0LjQgNy41NTAwOEwxNS4zMzMzIDguNDgzNDFMMTIuNjY2NyAxMS4xNTAxWiIgZmlsbD0iI2UyNGM4NiIvPgo8L3N2Zz4K');
        background-size: cover;
    }

    .ui-icon.ui-icon--refresh.ui-icon--grey {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA1IDIwLjVDOS44MTY2NyAyMC41IDcuOTE2NjcgMTkuNzI1IDYuMzUgMTguMTc1QzQuNzgzMzMgMTYuNjI1IDQgMTQuNzMzMyA0IDEyLjVWMTIuMzI1TDIuNCAxMy45MjVMMSAxMi41MjVMNSA4LjUyNUw5IDEyLjUyNUw3LjYgMTMuOTI1TDYgMTIuMzI1VjEyLjVDNiAxNC4xNjY3IDYuNTg3NSAxNS41ODMzIDcuNzYyNSAxNi43NUM4LjkzNzUgMTcuOTE2NyAxMC4zNjY3IDE4LjUgMTIuMDUgMTguNUMxMi40ODMzIDE4LjUgMTIuOTA4MyAxOC40NSAxMy4zMjUgMTguMzVDMTMuNzQxNyAxOC4yNSAxNC4xNSAxOC4xIDE0LjU1IDE3LjlMMTYuMDUgMTkuNEMxNS40MTY3IDE5Ljc2NjcgMTQuNzY2NyAyMC4wNDE3IDE0LjEgMjAuMjI1QzEzLjQzMzMgMjAuNDA4MyAxMi43NSAyMC41IDEyLjA1IDIwLjVaTTE5IDE2LjQ3NUwxNSAxMi40NzVMMTYuNCAxMS4wNzVMMTggMTIuNjc1VjEyLjVDMTggMTAuODMzMyAxNy40MTI1IDkuNDE2NjcgMTYuMjM3NSA4LjI1QzE1LjA2MjUgNy4wODMzMyAxMy42MzMzIDYuNSAxMS45NSA2LjVDMTEuNTE2NyA2LjUgMTEuMDkxNyA2LjU1IDEwLjY3NSA2LjY1QzEwLjI1ODMgNi43NSA5Ljg1IDYuOSA5LjQ1IDcuMUw3Ljk1IDUuNkM4LjU4MzMzIDUuMjMzMzMgOS4yMzMzMyA0Ljk1ODMzIDkuOSA0Ljc3NUMxMC41NjY3IDQuNTkxNjcgMTEuMjUgNC41IDExLjk1IDQuNUMxNC4xODMzIDQuNSAxNi4wODMzIDUuMjc1IDE3LjY1IDYuODI1QzE5LjIxNjcgOC4zNzUgMjAgMTAuMjY2NyAyMCAxMi41VjEyLjY3NUwyMS42IDExLjA3NUwyMyAxMi40NzVMMTkgMTYuNDc1WiIgZmlsbD0iIzlDOUNBQiIvPgo8L3N2Zz4K');
        background-size: cover;
    }

    .ui-icon.ui-icon--close {
        width: 32px;
        height: 32px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE2LjY2NTQgOC4yNzMzNEwxNS43MjU0IDcuMzMzMzRMMTEuOTk4NyAxMS4wNkw4LjI3MjAzIDcuMzMzMzRMNy4zMzIwMyA4LjI3MzM0TDExLjA1ODcgMTJMNy4zMzIwMyAxNS43MjY3TDguMjcyMDMgMTYuNjY2N0wxMS45OTg3IDEyLjk0TDE1LjcyNTQgMTYuNjY2N0wxNi42NjU0IDE1LjcyNjdMMTIuOTM4NyAxMkwxNi42NjU0IDguMjczMzRaIiBmaWxsPSIjNTM1MzZEIi8+Cjwvc3ZnPgo=');
        background-size: cover;
    }

    .ui-icon.ui-icon--search {
        width: 40px;
        height: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI1LjgzMzMgMjMuMzMzM0gyNC41MTY3TDI0LjA1IDIyLjg4MzNDMjUuNjgzMyAyMC45ODMzIDI2LjY2NjcgMTguNTE2NyAyNi42NjY3IDE1LjgzMzNDMjYuNjY2NyA5Ljg1IDIxLjgxNjcgNSAxNS44MzMzIDVDOS44NSA1IDUgOS44NSA1IDE1LjgzMzNDNSAyMS44MTY3IDkuODUgMjYuNjY2NyAxNS44MzMzIDI2LjY2NjdDMTguNTE2NyAyNi42NjY3IDIwLjk4MzMgMjUuNjgzMyAyMi44ODMzIDI0LjA1TDIzLjMzMzMgMjQuNTE2N1YyNS44MzMzTDMxLjY2NjcgMzQuMTVMMzQuMTUgMzEuNjY2N0wyNS44MzMzIDIzLjMzMzNaTTE1LjgzMzMgMjMuMzMzM0MxMS42ODMzIDIzLjMzMzMgOC4zMzMzMyAxOS45ODMzIDguMzMzMzMgMTUuODMzM0M4LjMzMzMzIDExLjY4MzMgMTEuNjgzMyA4LjMzMzMzIDE1LjgzMzMgOC4zMzMzM0MxOS45ODMzIDguMzMzMzMgMjMuMzMzMyAxMS42ODMzIDIzLjMzMzMgMTUuODMzM0MyMy4zMzMzIDE5Ljk4MzMgMTkuOTgzMyAyMy4zMzMzIDE1LjgzMzMgMjMuMzMzM1oiIGZpbGw9IiNlMjRjODYiLz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--empty-folder {
        width: 40px;
        height: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuODMzNSAzMy44MzM0QzUuMTk0NjEgMzMuODMzNCA0LjYxODIyIDMzLjU3NjUgNC4xMDQzMyAzMy4wNjI2QzMuNTkwNDQgMzIuNTQ4NyAzLjMzMzUgMzEuOTcyMyAzLjMzMzUgMzEuMzMzNFY5LjY2Njc1QzMuMzMzNSA5LjAyNzg2IDMuNTkwNDQgOC40NTE0NyA0LjEwNDMzIDcuOTM3NThDNC42MTgyMiA3LjQyMzY5IDUuMTk0NjEgNy4xNjY3NSA1LjgzMzUgNy4xNjY3NUgxNy41NDE4TDIwLjA0MTggOS42NjY3NUgzNC4xNjY4QzM0LjgwNTcgOS42NjY3NSAzNS4zODIxIDkuOTIzNjkgMzUuODk2IDEwLjQzNzZDMzYuNDA5OSAxMC45NTE1IDM2LjY2NjggMTEuNTI3OSAzNi42NjY4IDEyLjE2NjdIMTguOTU4NUwxNi40NTg1IDkuNjY2NzVINS44MzM1VjMxLjMzMzRMMTAuMDgzNSAxNC42NjY3SDM5LjE2NjhMMzQuNzA4NSAzMS45MTY3QzM0LjU0MTggMzIuNTgzNCAzNC4yMzYzIDMzLjA2OTUgMzMuNzkxOCAzMy4zNzUxQzMzLjM0NzQgMzMuNjgwNiAzMi43Nzc5IDMzLjgzMzQgMzIuMDgzNSAzMy44MzM0SDUuODMzNVoiIGZpbGw9IiNCQ0JDQzciLz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--calendar {
        width: 56px;
        height: 56px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNTYiIHZpZXdCb3g9IjAgMCA1NiA1NiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQ1LjE4MTggOC45MDkwNUg0My4wNjA2VjQuNjY2NjNIMzguODE4MlY4LjkwOTA1SDE3LjYwNjFWNC42NjY2M0gxMy4zNjM2VjguOTA5MDVIMTEuMjQyNEM4LjkwOTA5IDguOTA5MDUgNyAxMC44MTgxIDcgMTMuMTUxNVY0Ny4wOTA5QzcgNDkuNDI0MiA4LjkwOTA5IDUxLjMzMzMgMTEuMjQyNCA1MS4zMzMzSDQ1LjE4MThDNDcuNTE1MiA1MS4zMzMzIDQ5LjQyNDIgNDkuNDI0MiA0OS40MjQyIDQ3LjA5MDlWMTMuMTUxNUM0OS40MjQyIDEwLjgxODEgNDcuNTE1MiA4LjkwOTA1IDQ1LjE4MTggOC45MDkwNVpNNDUuMTgxOCA0Ny4wOTA5SDExLjI0MjRWMjMuNzU3NUg0NS4xODE4VjQ3LjA5MDlaTTQ1LjE4MTggMTkuNTE1MUgxMS4yNDI0VjEzLjE1MTVINDUuMTgxOFYxOS41MTUxWiIgZmlsbD0iI0UyNEM4NiIvPgo8L3N2Zz4K');
        background-size: cover;
    }

    .ui-icon.ui-icon--trash {
        width: 20px;
        height: 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMDAwMDggMTUuODMzM0M1LjAwMDA4IDE2Ljc1IDUuNzUwMDggMTcuNSA2LjY2Njc1IDE3LjVIMTMuMzMzNEMxNC4yNTAxIDE3LjUgMTUuMDAwMSAxNi43NSAxNS4wMDAxIDE1LjgzMzNWNS44MzMzM0g1LjAwMDA4VjE1LjgzMzNaTTYuNjY2NzUgNy41SDEzLjMzMzRWMTUuODMzM0g2LjY2Njc1VjcuNVpNMTIuOTE2NyAzLjMzMzMzTDEyLjA4MzQgMi41SDcuOTE2NzVMNy4wODM0MSAzLjMzMzMzSDQuMTY2NzVWNUgxNS44MzM0VjMuMzMzMzNIMTIuOTE2N1oiIGZpbGw9IiNGRjNCMzAiLz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--profile {
        width: 40px;
        height: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDEiIHZpZXdCb3g9IjAgMCA0MCA0MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjAuNUMwIDkuNDU0MzEgOC45NTQzMSAwLjUgMjAgMC41QzMxLjA0NTcgMC41IDQwIDkuNDU0MzEgNDAgMjAuNUM0MCAzMS41NDU3IDMxLjA0NTcgNDAuNSAyMCA0MC41QzguOTU0MzEgNDAuNSAwIDMxLjU0NTcgMCAyMC41WiIgZmlsbD0iI0ZDRURGMyIvPgo8cGF0aCBkPSJNMjAgMjAuNUMxOC45IDIwLjUgMTcuOTU4MyAyMC4xMDgzIDE3LjE3NSAxOS4zMjVDMTYuMzkxNyAxOC41NDE3IDE2IDE3LjYgMTYgMTYuNUMxNiAxNS40IDE2LjM5MTcgMTQuNDU4MyAxNy4xNzUgMTMuNjc1QzE3Ljk1ODMgMTIuODkxNyAxOC45IDEyLjUgMjAgMTIuNUMyMS4xIDEyLjUgMjIuMDQxNyAxMi44OTE3IDIyLjgyNSAxMy42NzVDMjMuNjA4MyAxNC40NTgzIDI0IDE1LjQgMjQgMTYuNUMyNCAxNy42IDIzLjYwODMgMTguNTQxNyAyMi44MjUgMTkuMzI1QzIyLjA0MTcgMjAuMTA4MyAyMS4xIDIwLjUgMjAgMjAuNVpNMTIgMjguNVYyNS43QzEyIDI1LjEzMzMgMTIuMTQ1OCAyNC42MTI1IDEyLjQzNzUgMjQuMTM3NUMxMi43MjkyIDIzLjY2MjUgMTMuMTE2NyAyMy4zIDEzLjYgMjMuMDVDMTQuNjMzMyAyMi41MzMzIDE1LjY4MzMgMjIuMTQ1OCAxNi43NSAyMS44ODc1QzE3LjgxNjcgMjEuNjI5MiAxOC45IDIxLjUgMjAgMjEuNUMyMS4xIDIxLjUgMjIuMTgzMyAyMS42MjkyIDIzLjI1IDIxLjg4NzVDMjQuMzE2NyAyMi4xNDU4IDI1LjM2NjcgMjIuNTMzMyAyNi40IDIzLjA1QzI2Ljg4MzMgMjMuMyAyNy4yNzA4IDIzLjY2MjUgMjcuNTYyNSAyNC4xMzc1QzI3Ljg1NDIgMjQuNjEyNSAyOCAyNS4xMzMzIDI4IDI1LjdWMjguNUgxMlpNMTQgMjYuNUgyNlYyNS43QzI2IDI1LjUxNjcgMjUuOTU0MiAyNS4zNSAyNS44NjI1IDI1LjJDMjUuNzcwOCAyNS4wNSAyNS42NSAyNC45MzMzIDI1LjUgMjQuODVDMjQuNiAyNC40IDIzLjY5MTcgMjQuMDYyNSAyMi43NzUgMjMuODM3NUMyMS44NTgzIDIzLjYxMjUgMjAuOTMzMyAyMy41IDIwIDIzLjVDMTkuMDY2NyAyMy41IDE4LjE0MTcgMjMuNjEyNSAxNy4yMjUgMjMuODM3NUMxNi4zMDgzIDI0LjA2MjUgMTUuNCAyNC40IDE0LjUgMjQuODVDMTQuMzUgMjQuOTMzMyAxNC4yMjkyIDI1LjA1IDE0LjEzNzUgMjUuMkMxNC4wNDU4IDI1LjM1IDE0IDI1LjUxNjcgMTQgMjUuN1YyNi41Wk0yMCAxOC41QzIwLjU1IDE4LjUgMjEuMDIwOCAxOC4zMDQyIDIxLjQxMjUgMTcuOTEyNUMyMS44MDQyIDE3LjUyMDggMjIgMTcuMDUgMjIgMTYuNUMyMiAxNS45NSAyMS44MDQyIDE1LjQ3OTIgMjEuNDEyNSAxNS4wODc1QzIxLjAyMDggMTQuNjk1OCAyMC41NSAxNC41IDIwIDE0LjVDMTkuNDUgMTQuNSAxOC45NzkyIDE0LjY5NTggMTguNTg3NSAxNS4wODc1QzE4LjE5NTggMTUuNDc5MiAxOCAxNS45NSAxOCAxNi41QzE4IDE3LjA1IDE4LjE5NTggMTcuNTIwOCAxOC41ODc1IDE3LjkxMjVDMTguOTc5MiAxOC4zMDQyIDE5LjQ1IDE4LjUgMjAgMTguNVoiIGZpbGw9IiNFMjRDODYiLz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--workplace {
        width: 40px;
        height: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCA4Ljk1NDMxIDguOTU0MzEgMCAyMCAwQzMxLjA0NTcgMCA0MCA4Ljk1NDMxIDQwIDIwQzQwIDMxLjA0NTcgMzEuMDQ1NyA0MCAyMCA0MEM4Ljk1NDMxIDQwIDAgMzEuMDQ1NyAwIDIwWiIgZmlsbD0iI0ZDRURGMyIvPgo8cGF0aCBkPSJNMjkuMDIzNSAxOS4wNVYyN0MyOS4wMjM1IDI3LjU1IDI4LjgyNzcgMjguMDIwOCAyOC40MzYgMjguNDEyNUMyOC4wNDQzIDI4LjgwNDIgMjcuNTczNSAyOSAyNy4wMjM1IDI5SDEzLjAyMzVDMTIuNDczNSAyOSAxMi4wMDI3IDI4LjgwNDIgMTEuNjExIDI4LjQxMjVDMTEuMjE5MyAyOC4wMjA4IDExLjAyMzUgMjcuNTUgMTEuMDIzNSAyN1YxOS4wNUMxMC42NDAyIDE4LjcgMTAuMzQ0MyAxOC4yNSAxMC4xMzYgMTcuN0M5LjkyNzY3IDE3LjE1IDkuOTIzNSAxNi41NSAxMC4xMjM1IDE1LjlMMTEuMTczNSAxMi41QzExLjMwNjggMTIuMDY2NyAxMS41NDQzIDExLjcwODMgMTEuODg2IDExLjQyNUMxMi4yMjc3IDExLjE0MTcgMTIuNjIzNSAxMSAxMy4wNzM1IDExSDI2Ljk3MzVDMjcuNDIzNSAxMSAyNy44MTUyIDExLjEzNzUgMjguMTQ4NSAxMS40MTI1QzI4LjQ4MTggMTEuNjg3NSAyOC43MjM1IDEyLjA1IDI4Ljg3MzUgMTIuNUwyOS45MjM1IDE1LjlDMzAuMTIzNSAxNi41NSAzMC4xMTkzIDE3LjE0MTcgMjkuOTExIDE3LjY3NUMyOS43MDI3IDE4LjIwODMgMjkuNDA2OCAxOC42NjY3IDI5LjAyMzUgMTkuMDVaTTIyLjIyMzUgMThDMjIuNjczNSAxOCAyMy4wMTUyIDE3Ljg0NTggMjMuMjQ4NSAxNy41Mzc1QzIzLjQ4MTggMTcuMjI5MiAyMy41NzM1IDE2Ljg4MzMgMjMuNTIzNSAxNi41TDIyLjk3MzUgMTNIMjEuMDIzNVYxNi43QzIxLjAyMzUgMTcuMDUgMjEuMTQwMiAxNy4zNTQyIDIxLjM3MzUgMTcuNjEyNUMyMS42MDY4IDE3Ljg3MDggMjEuODkwMiAxOCAyMi4yMjM1IDE4Wk0xNy43MjM1IDE4QzE4LjEwNjggMTggMTguNDE5MyAxNy44NzA4IDE4LjY2MSAxNy42MTI1QzE4LjkwMjcgMTcuMzU0MiAxOS4wMjM1IDE3LjA1IDE5LjAyMzUgMTYuN1YxM0gxNy4wNzM1TDE2LjUyMzUgMTYuNUMxNi40NTY4IDE2LjkgMTYuNTQ0MyAxNy4yNSAxNi43ODYgMTcuNTVDMTcuMDI3NyAxNy44NSAxNy4zNDAyIDE4IDE3LjcyMzUgMThaTTEzLjI3MzUgMThDMTMuNTczNSAxOCAxMy44MzYgMTcuODkxNyAxNC4wNjEgMTcuNjc1QzE0LjI4NiAxNy40NTgzIDE0LjQyMzUgMTcuMTgzMyAxNC40NzM1IDE2Ljg1TDE1LjAyMzUgMTNIMTMuMDczNUwxMi4wNzM1IDE2LjM1QzExLjk3MzUgMTYuNjgzMyAxMi4wMjc3IDE3LjA0MTcgMTIuMjM2IDE3LjQyNUMxMi40NDQzIDE3LjgwODMgMTIuNzkwMiAxOCAxMy4yNzM1IDE4Wk0yNi43NzM1IDE4QzI3LjI1NjggMTggMjcuNjA2OCAxNy44MDgzIDI3LjgyMzUgMTcuNDI1QzI4LjA0MDIgMTcuMDQxNyAyOC4wOTAyIDE2LjY4MzMgMjcuOTczNSAxNi4zNUwyNi45MjM1IDEzSDI1LjAyMzVMMjUuNTczNSAxNi44NUMyNS42MjM1IDE3LjE4MzMgMjUuNzYxIDE3LjQ1ODMgMjUuOTg2IDE3LjY3NUMyNi4yMTEgMTcuODkxNyAyNi40NzM1IDE4IDI2Ljc3MzUgMThaTTEzLjAyMzUgMjdIMjcuMDIzNVYxOS45NUMyNi45NDAyIDE5Ljk4MzMgMjYuODg2IDIwIDI2Ljg2MSAyMEgyNi43NzM1QzI2LjMyMzUgMjAgMjUuOTI3NyAxOS45MjUgMjUuNTg2IDE5Ljc3NUMyNS4yNDQzIDE5LjYyNSAyNC45MDY4IDE5LjM4MzMgMjQuNTczNSAxOS4wNUMyNC4yNzM1IDE5LjM1IDIzLjkzMTggMTkuNTgzMyAyMy41NDg1IDE5Ljc1QzIzLjE2NTIgMTkuOTE2NyAyMi43NTY4IDIwIDIyLjMyMzUgMjBDMjEuODczNSAyMCAyMS40NTI3IDE5LjkxNjcgMjEuMDYxIDE5Ljc1QzIwLjY2OTMgMTkuNTgzMyAyMC4zMjM1IDE5LjM1IDIwLjAyMzUgMTkuMDVDMTkuNzQwMiAxOS4zNSAxOS40MTEgMTkuNTgzMyAxOS4wMzYgMTkuNzVDMTguNjYxIDE5LjkxNjcgMTguMjU2OCAyMCAxNy44MjM1IDIwQzE3LjM0MDIgMjAgMTYuOTAyNyAxOS45MTY3IDE2LjUxMSAxOS43NUMxNi4xMTkzIDE5LjU4MzMgMTUuNzczNSAxOS4zNSAxNS40NzM1IDE5LjA1QzE1LjEyMzUgMTkuNCAxNC43Nzc3IDE5LjY0NTggMTQuNDM2IDE5Ljc4NzVDMTQuMDk0MyAxOS45MjkyIDEzLjcwNjggMjAgMTMuMjczNSAyMEgxMy4xNjFDMTMuMTE5MyAyMCAxMy4wNzM1IDE5Ljk4MzMgMTMuMDIzNSAxOS45NVYyN1oiIGZpbGw9IiNFMjRDODYiLz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--suitcase {
        width: 40px;
        height: 40px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgMjBDMCA4Ljk1NDMxIDguOTU0MzEgMCAyMCAwQzMxLjA0NTcgMCA0MCA4Ljk1NDMxIDQwIDIwQzQwIDMxLjA0NTcgMzEuMDQ1NyA0MCAyMCA0MEM4Ljk1NDMxIDQwIDAgMzEuMDQ1NyAwIDIwWiIgZmlsbD0iI0ZDRURGMyIvPgo8bWFzayBpZD0ibWFzazBfMjMwMF8xMTc0NTIiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjgiIHk9IjgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjgiIHk9IjgiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjMwMF8xMTc0NTIpIj4KPHBhdGggZD0iTTEyIDI5QzExLjQ1IDI5IDEwLjk3OTIgMjguODA0MiAxMC41ODc1IDI4LjQxMjVDMTAuMTk1OCAyOC4wMjA4IDEwIDI3LjU1IDEwIDI3VjE2QzEwIDE1LjQ1IDEwLjE5NTggMTQuOTc5MiAxMC41ODc1IDE0LjU4NzVDMTAuOTc5MiAxNC4xOTU4IDExLjQ1IDE0IDEyIDE0SDE2VjEyQzE2IDExLjQ1IDE2LjE5NTggMTAuOTc5MiAxNi41ODc1IDEwLjU4NzVDMTYuOTc5MiAxMC4xOTU4IDE3LjQ1IDEwIDE4IDEwSDIyQzIyLjU1IDEwIDIzLjAyMDggMTAuMTk1OCAyMy40MTI1IDEwLjU4NzVDMjMuODA0MiAxMC45NzkyIDI0IDExLjQ1IDI0IDEyVjE0SDI4QzI4LjU1IDE0IDI5LjAyMDggMTQuMTk1OCAyOS40MTI1IDE0LjU4NzVDMjkuODA0MiAxNC45NzkyIDMwIDE1LjQ1IDMwIDE2VjI3QzMwIDI3LjU1IDI5LjgwNDIgMjguMDIwOCAyOS40MTI1IDI4LjQxMjVDMjkuMDIwOCAyOC44MDQyIDI4LjU1IDI5IDI4IDI5SDEyWk0xMiAyN0gyOFYxNkgxMlYyN1pNMTggMTRIMjJWMTJIMThWMTRaIiBmaWxsPSIjRTI0Qzg2Ii8+CjwvZz4KPC9zdmc+Cg==');
        background-size: cover;
    }

    .ui-icon.ui-icon--plus {
        width: 24px;
        height: 24px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5IDEzLjVIMTNWMTkuNUgxMVYxMy41SDVWMTEuNUgxMVY1LjVIMTNWMTEuNUgxOVYxMy41WiIgZmlsbD0iI2UyNGM4NiIvPgo8L3N2Zz4K');
        background-size: cover;
    }

    .ui-icon.ui-icon--pencil.ui-icon--grey {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyLjA1IDIwLjVDOS44MTY2NyAyMC41IDcuOTE2NjcgMTkuNzI1IDYuMzUgMTguMTc1QzQuNzgzMzMgMTYuNjI1IDQgMTQuNzMzMyA0IDEyLjVWMTIuMzI1TDIuNCAxMy45MjVMMSAxMi41MjVMNSA4LjUyNUw5IDEyLjUyNUw3LjYgMTMuOTI1TDYgMTIuMzI1VjEyLjVDNiAxNC4xNjY3IDYuNTg3NSAxNS41ODMzIDcuNzYyNSAxNi43NUM4LjkzNzUgMTcuOTE2NyAxMC4zNjY3IDE4LjUgMTIuMDUgMTguNUMxMi40ODMzIDE4LjUgMTIuOTA4MyAxOC40NSAxMy4zMjUgMTguMzVDMTMuNzQxNyAxOC4yNSAxNC4xNSAxOC4xIDE0LjU1IDE3LjlMMTYuMDUgMTkuNEMxNS40MTY3IDE5Ljc2NjcgMTQuNzY2NyAyMC4wNDE3IDE0LjEgMjAuMjI1QzEzLjQzMzMgMjAuNDA4MyAxMi43NSAyMC41IDEyLjA1IDIwLjVaTTE5IDE2LjQ3NUwxNSAxMi40NzVMMTYuNCAxMS4wNzVMMTggMTIuNjc1VjEyLjVDMTggMTAuODMzMyAxNy40MTI1IDkuNDE2NjcgMTYuMjM3NSA4LjI1QzE1LjA2MjUgNy4wODMzMyAxMy42MzMzIDYuNSAxMS45NSA2LjVDMTEuNTE2NyA2LjUgMTEuMDkxNyA2LjU1IDEwLjY3NSA2LjY1QzEwLjI1ODMgNi43NSA5Ljg1IDYuOSA5LjQ1IDcuMUw3Ljk1IDUuNkM4LjU4MzMzIDUuMjMzMzMgOS4yMzMzMyA0Ljk1ODMzIDkuOSA0Ljc3NUMxMC41NjY3IDQuNTkxNjcgMTEuMjUgNC41IDExLjk1IDQuNUMxNC4xODMzIDQuNSAxNi4wODMzIDUuMjc1IDE3LjY1IDYuODI1QzE5LjIxNjcgOC4zNzUgMjAgMTAuMjY2NyAyMCAxMi41VjEyLjY3NUwyMS42IDExLjA3NUwyMyAxMi40NzVMMTkgMTYuNDc1WiIgZmlsbD0iIzlDOUNBQiIvPgo8L3N2Zz4K');
        background-size: cover;
    }
    .ui-icon.ui-icon--pencil {
        width: 22px;
        height: 22px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjA2IDkuMDJMMTQuOTggOS45NEw1LjkyIDE5SDVWMTguMDhMMTQuMDYgOS4wMlpNMTcuNjYgM0MxNy40MSAzIDE3LjE1IDMuMSAxNi45NiAzLjI5TDE1LjEzIDUuMTJMMTguODggOC44N0wyMC43MSA3LjA0QzIxLjEgNi42NSAyMS4xIDYuMDIgMjAuNzEgNS42M0wxOC4zNyAzLjI5QzE4LjE3IDMuMDkgMTcuOTIgMyAxNy42NiAzWk0xNC4wNiA2LjE5TDMgMTcuMjVWMjFINi43NUwxNy44MSA5Ljk0TDE0LjA2IDYuMTlaIiBmaWxsPSIjRTI0Qzg2Ii8+Cjwvc3ZnPgo=');
        background-size: cover;
    }

    .ui-icon.ui-icon--warning {
        width: 24px;
        height: 24px;
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .ui-icon.ui-icon--warning img {
            width: 56px;
            height: 56px;
            object-fit: contain;
        }
    /*        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDQuNDlMMTguNTMgMTcuNUgzLjQ3TDExIDQuNDlaTTExIDAuNUwwIDE5LjVIMjJMMTEgMC41Wk0xMiAxNC41SDEwVjE2LjVIMTJWMTQuNVpNMTIgOC41SDEwVjEyLjVIMTJWOC41WiIgZmlsbD0iI0YyQzk0QyIvPgo8L3N2Zz4K');*/
    .ui-icon.ui-icon--success {
        width: 24px;
        height: 24px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjYgMTYuNkwxNy42NSA5LjU1TDE2LjI1IDguMTVMMTAuNiAxMy44TDcuNzUgMTAuOTVMNi4zNSAxMi4zNUwxMC42IDE2LjZaTTEyIDIyQzEwLjYxNjcgMjIgOS4zMTY2NyAyMS43Mzc1IDguMSAyMS4yMTI1QzYuODgzMzMgMjAuNjg3NSA1LjgyNSAxOS45NzUgNC45MjUgMTkuMDc1QzQuMDI1IDE4LjE3NSAzLjMxMjUgMTcuMTE2NyAyLjc4NzUgMTUuOUMyLjI2MjUgMTQuNjgzMyAyIDEzLjM4MzMgMiAxMkMyIDEwLjYxNjcgMi4yNjI1IDkuMzE2NjcgMi43ODc1IDguMUMzLjMxMjUgNi44ODMzMyA0LjAyNSA1LjgyNSA0LjkyNSA0LjkyNUM1LjgyNSA0LjAyNSA2Ljg4MzMzIDMuMzEyNSA4LjEgMi43ODc1QzkuMzE2NjcgMi4yNjI1IDEwLjYxNjcgMiAxMiAyQzEzLjM4MzMgMiAxNC42ODMzIDIuMjYyNSAxNS45IDIuNzg3NUMxNy4xMTY3IDMuMzEyNSAxOC4xNzUgNC4wMjUgMTkuMDc1IDQuOTI1QzE5Ljk3NSA1LjgyNSAyMC42ODc1IDYuODgzMzMgMjEuMjEyNSA4LjFDMjEuNzM3NSA5LjMxNjY3IDIyIDEwLjYxNjcgMjIgMTJDMjIgMTMuMzgzMyAyMS43Mzc1IDE0LjY4MzMgMjEuMjEyNSAxNS45QzIwLjY4NzUgMTcuMTE2NyAxOS45NzUgMTguMTc1IDE5LjA3NSAxOS4wNzVDMTguMTc1IDE5Ljk3NSAxNy4xMTY3IDIwLjY4NzUgMTUuOSAyMS4yMTI1QzE0LjY4MzMgMjEuNzM3NSAxMy4zODMzIDIyIDEyIDIyWiIgZmlsbD0iIzM0Qzc1OSIvPgo8L3N2Zz4K');
        background-size: cover;
    }

    .ui-icon.ui-icon--big {
        width: 56px;
        height: 56px;
    }


.ui-radio {
    opacity: 0;
    position: absolute;
}

.ui-radio-label {
    position: relative;
    height: 38px;
    display: inline-block;
    cursor: pointer;
}

.ui-radio ~ .ui-radio-label:before {
    content: '';
    border: 1px solid #EAEAED;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    border-radius: 50%;
}

.ui-radio:checked ~ .ui-radio-label:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    position: absolute;
    top: calc(50% - 12px);
    left: 5px;
    background: #ffffff;
    border-radius: 50%;
}

.ui-radio:checked ~ .ui-radio-label:before {
    border: 4px solid #e24c86;
}

.ui-upload label:not(.error) {
    border-radius: var(--radius-radius-xs, 4px);
    border: 1px solid var(--colors-primary-100, #F6C8D9);
    background: var(--background-secondary-background-action, #FFF);
    /* height: 40px; */
    padding: 10px 15px 10px 15px;
    color: #e24c86 !important;
    margin-bottom: 0.5rem
}

label.error {
    display: block;
    order: 2;
    width: 100%;
    flex: 1 1 100%; 
}

label.error + label {
    order: 0;
}

label.error ~ label.error {
/*    display: none;*/
    order: 1;
}

.checkbox input[type="checkbox"]:checked ~ .custom-checkbox {
    border-color: #e24c86;
    box-shadow: none;

}

    .checkbox input[type="checkbox"]:checked ~ .custom-checkbox .icon-check {
        transform: scale(1);
    }

    .checkbox .custom-checkbox {
        border-radius: 2px;
        background: #E24C86;
        transition: box-shadow 180ms ease;
        box-shadow: inset 0 0 0 12px #fff;
        top: 2px;
        width: 20px;
        
    }

    .checkbox .custom-checkbox + span {    
        flex: 1 1 45%;
    }

.radio1 {
    position: absolute;
    left: 25px;
    top: 30px;
}

@media (max-width: 991px) {
    .radio1 {
        position: absolute;
        left: 25px;
        top: 25px;
    }
}

@media (max-width: 767px) {
    .radio1 {
        position: absolute;
        left: 25px;
        top: 25px;
    }
}

@media (max-width: 422px) {
    .radio1 {
        position: absolute;
        left: 25px;
        top: 25px;
    }
}

@media (max-width: 575px) {
    .iq-card-header {
        justify-content: space-between;
        display: block;
    }
}

table:not(.datepicker-table) tr td.select-checkbox,
table:not(.datepicker-table) tr th.select-checkbox {
    display: auto;
}

table:not(.datepicker-table) tr td.select-checkbox .custom-checkbox,
table:not(.datepicker-table) tr th.select-checkbox .custom-checkbox {
    display: inline-block;
    vertical-align: top;
    margin: 0 6px 0 0;
    width: 18px;
    height: 18px;
    background: #fff;
    border: 1px solid #ddd;
    position: relative;
    border-radius: 2px;
    background: #E24C86;
    transition: box-shadow 180ms ease;
    box-shadow: inset 0 0 0 12px #fff;
    top: 2px;
    cursor: pointer;
}

table:not(.datepicker-table) tr td.select-checkbox .custom-checkbox.selected,
table:not(.datepicker-table) tr th.select-checkbox .custom-checkbox.selected {
        border-color: #e24c86;
        box-shadow: none;
    }

table:not(.datepicker-table) tr td.select-checkbox .custom-checkbox.selected .icon-check,
table:not(.datepicker-table) tr th.select-checkbox .custom-checkbox.selected .icon-check {
    width: 12px;
    height: 12px;
    background-size: cover;
    position: absolute;
    top: 2px;
    left: 2px;
    transform: scale(0);
    transition: all 180ms ease;
}

    table:not(.datepicker-table) tr td.select-checkbox .custom-checkbox.selected .icon-check,
    table:not(.datepicker-table) tr th.select-checkbox .custom-checkbox.selected .icon-check {
        transform: scale(1);
    }

table.dataTable:not(.datepicker-table) {
    margin-bottom: 30px;
    border-bottom: 1px solid #f1f1f1;
}   

    table.dataTable:not(.datepicker-table) tbody tr {
        background-color: transparent;
    }

    table.dataTable:not(.datepicker-table) thead th {
        background-color: transparent;
        border-bottom: 1px solid black !important;
        border-top: 0;
    }

    table.dataTable:not(.datepicker-table) tbody tr {
        height: 56px;
        border-bottom: 0;
    }

    table.dataTable:not(.datepicker-table) tbody td {
        padding: 10px 18px;
    }

    .dt-container  {
/*        position: relative;*/
        top: -30px; 
        display: flex;
        flex-wrap: wrap !important;
        justify-content: space-between;
        user-select: none;
    }

        .dt-container:not(.visible) {
            opacity: 0;
            visibility: hidden;
        }

        .dt-container:not(.visible).active {
            opacity: 1;
            visibility: visible;
            transition: opacity 1s ease;
        }

        .dt-container .dt-info {
            width: calc(100% - 350px);
            
        }

        .dt-container.dt-container-type2 > div:nth-child(1), 
        .dt-container.dt-container-type2 > div:nth-child(2), 
        .dt-container.dt-container-type2 > div:nth-child(3) {
/*            position: relative;*/
            /* top: 0; */
            top: -80px;

        }

        @media only screen and (max-width: 576px) {
            .dt-container.dt-container-type2 > div:nth-child(1), 
            .dt-container.dt-container-type2 > div:nth-child(2), 
            .dt-container.dt-container-type2 > div:nth-child(3) {
/*                position: relative;*/
                top: 0;
            }
        }

        .dt-container .dt-paging .pagination li:nth-child(2) {
            margin-left: 20px;
            margin-right: 20px; 
        }

        .dt-container .dt-paging .pagination li .page-link {
            border: 0;
            padding: 0;
        }

        .dt-container .select-info {
            display: none;
        }

        .dt-container .pagination {
            user-select: none;
        }

        .dt-info {
            text-align: left;
        }
        
        .dt-length, .dt-paging {
            text-align: right;
        }

        .dt-processing.card {
            display: none !important;
        }

        .dt-container .dt-empty {
            display: none;
        }

        .dt-info {
/*            z-index: -1;*/
        }

.bg-color--blue {
    background-color: #E6F2FF !important;
    color: #007AFF !important;
}

.bg-color--purple {
    background-color: #F6C8D9 !important;
    color: #e24c86 !important;
}

.bg-color--green {
    color: #27AE60;
    background-color: #E9F7EF;
}

.bg-color--blue {
    color: #007AFF;
    background-color: #E6F2FF;
}

.bg-color--yellow {
    color: #DCB745;
    background-color: #FEFAED;
}

.bg-color--orange {
    background-color: rgb(254, 245, 237);
    color: rgb(242, 153, 74);
}

.margin-auto {
    margin: auto;
}

.text-color--lightgray {
    color: #9C9CAB;
}

.dot-alert.dot-alert--red::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNGRkMyQkYiLz4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjMiIGZpbGw9IiNGRjNCMzAiLz4KPC9zdmc+Cg==');
    width: 10px;
    height: 10px;
    margin-right: 7px;
}

.dot-alert.dot-alert--yellow::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNGQkVFQzgiLz4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjMiIGZpbGw9IiNGMkM5NEMiLz4KPC9zdmc+Cg==');
    width: 10px;
    height: 10px;
    margin-right: 7px;
}

.dot-alert.dot-alert--green::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjUiIGZpbGw9IiNDMEVFQ0MiLz4KPGNpcmNsZSBjeD0iNSIgY3k9IjUiIHI9IjMiIGZpbGw9IiMzNEM3NTkiLz4KPC9zdmc+Cg==');
    width: 10px;
    height: 10px;
    margin-right: 7px;
}

.ui-button {
    display: inline-block;
    width: 32px;
    height: 32px;
    padding: 6px;
    border-radius: 6px;
    justify-content: space-between;
}

.ui-button.ui-button--ghost-purple:hover {
    background-color: #feeaf4 !important;
    color: #e24c86 !important;
    cursor: pointer;
}


.ui-button.ui-button--icon-visibility::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQ2OV81NjczMikiPgo8cGF0aCBkPSJNOS45OTk5OCA1LjAwMDE2QzEzLjE1ODMgNS4wMDAxNiAxNS45NzUgNi43NzUxNiAxNy4zNSA5LjU4MzVDMTUuOTc1IDEyLjM5MTggMTMuMTU4MyAxNC4xNjY4IDkuOTk5OTggMTQuMTY2OEM2Ljg0MTY1IDE0LjE2NjggNC4wMjQ5OCAxMi4zOTE4IDIuNjQ5OTggOS41ODM1QzQuMDI0OTggNi43NzUxNiA2Ljg0MTY1IDUuMDAwMTYgOS45OTk5OCA1LjAwMDE2Wk05Ljk5OTk4IDMuMzMzNUM1LjgzMzMxIDMuMzMzNSAyLjI3NDk4IDUuOTI1MTYgMC44MzMzMTMgOS41ODM1QzIuMjc0OTggMTMuMjQxOCA1LjgzMzMxIDE1LjgzMzUgOS45OTk5OCAxNS44MzM1QzE0LjE2NjYgMTUuODMzNSAxNy43MjUgMTMuMjQxOCAxOS4xNjY2IDkuNTgzNUMxNy43MjUgNS45MjUxNiAxNC4xNjY2IDMuMzMzNSA5Ljk5OTk4IDMuMzMzNVpNOS45OTk5OCA3LjUwMDE2QzExLjE1IDcuNTAwMTYgMTIuMDgzMyA4LjQzMzUgMTIuMDgzMyA5LjU4MzVDMTIuMDgzMyAxMC43MzM1IDExLjE1IDExLjY2NjggOS45OTk5OCAxMS42NjY4QzguODQ5OTggMTEuNjY2OCA3LjkxNjY1IDEwLjczMzUgNy45MTY2NSA5LjU4MzVDNy45MTY2NSA4LjQzMzUgOC44NDk5OCA3LjUwMDE2IDkuOTk5OTggNy41MDAxNlpNOS45OTk5OCA1LjgzMzVDNy45MzMzMSA1LjgzMzUgNi4yNDk5OCA3LjUxNjgzIDYuMjQ5OTggOS41ODM1QzYuMjQ5OTggMTEuNjUwMiA3LjkzMzMxIDEzLjMzMzUgOS45OTk5OCAxMy4zMzM1QzEyLjA2NjYgMTMuMzMzNSAxMy43NSAxMS42NTAyIDEzLjc1IDkuNTgzNUMxMy43NSA3LjUxNjgzIDEyLjA2NjYgNS44MzM1IDkuOTk5OTggNS44MzM1WiIgZmlsbD0iI2UyNGM4NiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzQ2OV81NjczMiI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    width: 20px;
    height: 20px;
}

.ui-button.ui-button--icon-more::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuOTk5OTggNi42NjY4M0MxMC45MTY2IDYuNjY2ODMgMTEuNjY2NiA1LjkxNjgzIDExLjY2NjYgNS4wMDAxNkMxMS42NjY2IDQuMDgzNSAxMC45MTY2IDMuMzMzNSA5Ljk5OTk4IDMuMzMzNUM5LjA4MzMxIDMuMzMzNSA4LjMzMzMxIDQuMDgzNSA4LjMzMzMxIDUuMDAwMTZDOC4zMzMzMSA1LjkxNjgzIDkuMDgzMzEgNi42NjY4MyA5Ljk5OTk4IDYuNjY2ODNaTTkuOTk5OTggOC4zMzM1QzkuMDgzMzEgOC4zMzM1IDguMzMzMzEgOS4wODM1IDguMzMzMzEgMTAuMDAwMkM4LjMzMzMxIDEwLjkxNjggOS4wODMzMSAxMS42NjY4IDkuOTk5OTggMTEuNjY2OEMxMC45MTY2IDExLjY2NjggMTEuNjY2NiAxMC45MTY4IDExLjY2NjYgMTAuMDAwMkMxMS42NjY2IDkuMDgzNSAxMC45MTY2IDguMzMzNSA5Ljk5OTk4IDguMzMzNVpNOS45OTk5OCAxMy4zMzM1QzkuMDgzMzEgMTMuMzMzNSA4LjMzMzMxIDE0LjA4MzUgOC4zMzMzMSAxNS4wMDAyQzguMzMzMzEgMTUuOTE2OCA5LjA4MzMxIDE2LjY2NjggOS45OTk5OCAxNi42NjY4QzEwLjkxNjYgMTYuNjY2OCAxMS42NjY2IDE1LjkxNjggMTEuNjY2NiAxNS4wMDAyQzExLjY2NjYgMTQuMDgzNSAxMC45MTY2IDEzLjMzMzUgOS45OTk5OCAxMy4zMzM1WiIgZmlsbD0iI2UyNGM4NiIvPgo8L3N2Zz4K');
    width: 20px;
    height: 20px;
}

.form-warning {
    position: relative;
    padding-left: 40px;
}

.form-warning::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDQuNDlMMTguNTMgMTcuNUgzLjQ3TDExIDQuNDlaTTExIDAuNUwwIDE5LjVIMjJMMTEgMC41Wk0xMiAxNC41SDEwVjE2LjVIMTJWMTQuNVpNMTIgOC41SDEwVjEyLjVIMTJWOC41WiIgZmlsbD0iI0YyQzk0QyIvPgo8L3N2Zz4K');
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
}

.form-warning .form-warning__title {
    font-size: 16px;
}

.form-warning .form-warning__subtitle {
    font-size: 12px;
}

.profile-info {
    text-align: center;
}

    .profile-info .profile-info__image {
        width: 100px;
        height: 100px;
        border-radius: 100px;
        background-color: #333;
        margin: auto;
        background-size: cover;
        background-position: center;
        background-image: url("/assets/images/avatar-new.png");
    }

.ui-popup .ui-popup__content-payment {
    top: 50px;
    width: 640px;
    min-height: 253px;
    padding: 24px;
    border-radius: 8px;
}

    @media only screen and (max-width: 576px) {
        .ui-popup .ui-popup__content-payment {
            /* width: calc(100% - 40px); */
            width: 100% !important;
            top: 0 !important;
/*            bottom: 0 !important;*/
            margin-bottom: 0 !important;
        }
    }

.ui-popup .ui-popup__content-payment .radio1 {
    position: absolute;
    top: 30px;
}

.ui-popup .ui-popup__content-payment .control__indicator {
    position: absolute;
    left: 20px;
    height: 20px;
    width: 20px;
    border: 0.5px solid #d9d9d9;
    background: rgb(255 255 255);
    border-radius: 100px;
}

.ui-popup .ui-popup__content-payment  .card-pay:checked ~ div {
    background: #e24c86;
}


.ui-popup .ui-popup__content-payment  .card-pay:checked ~ div::before {
    position: absolute;
    content: '';
    background: rgb(255 255 255);
    border-radius: 100px;
    height: 10px;
    width: 10px;
    left: 0;
    right: 0;
    top: 25%;
    margin: auto;
}


.ui-popup .ui-popup__content-datatable {
    top: 50px;
    width: 900px;
    min-height: 553px;
    padding: 24px;
    border-radius: 8px;
}

    @media only screen and (max-width: 576px) {
        .ui-popup .ui-popup__content-datatable {
            /*             width: calc(100% - 40px); */
            width: 100% !important;
            top: 0 !important;
            bottom: 0 !important;
            margin-bottom: 0 !important;
            max-height: 100% !important
        }
    }

.ui-popup .ui-popup__content-datatable table:not(.datepicker-table) thead tr th {
    font-size: 14px;
}

.ui-info {
    width: 100%;
    min-height: 48px;
    padding: 10px 16px 10px 50px;
    gap: 16px;
    border-radius: 8px;
    opacity: 0px;
    background: #EEE;
    text-align: left;
    position: relative;
}
    .ui-info.ui-info--info {
        background: #FEF9FB; 
        padding-right: 30px;   
    }

        .ui-info.ui-info--info::before {
            position: absolute;
            content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExIDdIMTNWOUgxMVY3Wk0xMSAxMUgxM1YxN0gxMVYxMVpNMTIgMkM2LjQ4IDIgMiA2LjQ4IDIgMTJDMiAxNy41MiA2LjQ4IDIyIDEyIDIyQzE3LjUyIDIyIDIyIDE3LjUyIDIyIDEyQzIyIDYuNDggMTcuNTIgMiAxMiAyWk0xMiAyMEM3LjU5IDIwIDQgMTYuNDEgNCAxMkM0IDcuNTkgNy41OSA0IDEyIDRDMTYuNDEgNCAyMCA3LjU5IDIwIDEyQzIwIDE2LjQxIDE2LjQxIDIwIDEyIDIwWiIgZmlsbD0iI0UyNEM4NiIvPgo8L3N2Zz4K');
            width: 24px;
            height: 24px;
            left: 15px;
            top: calc(50% - 12px);
        }

    .ui-info.ui-info--warning {
        background: #FEFAED;
    }

    .ui-info.ui-info--warning::before {
        position: absolute;
        content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDUuOTlMMTkuNTMgMTlINC40N0wxMiA1Ljk5Wk0xMiAyTDEgMjFIMjNMMTIgMlpNMTMgMTZIMTFWMThIMTNWMTZaTTEzIDEwSDExVjE0SDEzVjEwWiIgZmlsbD0iI0YyQzk0QyIvPgo8L3N2Zz4K');
        width: 24px;
        height: 24px;
        left: 15px;
        top: calc(50% - 12px);
    }

    .ui-info.ui-info--success {
        background: #EBF9EE;
        padding-right: 30px;   
    }

        .ui-info.ui-info--success::before {
            position: absolute;
            content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjYgMTYuNkwxNy42NSA5LjU1TDE2LjI1IDguMTVMMTAuNiAxMy44TDcuNzUgMTAuOTVMNi4zNSAxMi4zNUwxMC42IDE2LjZaTTEyIDIyQzEwLjYxNjcgMjIgOS4zMTY2NyAyMS43Mzc1IDguMSAyMS4yMTI1QzYuODgzMzMgMjAuNjg3NSA1LjgyNSAxOS45NzUgNC45MjUgMTkuMDc1QzQuMDI1IDE4LjE3NSAzLjMxMjUgMTcuMTE2NyAyLjc4NzUgMTUuOUMyLjI2MjUgMTQuNjgzMyAyIDEzLjM4MzMgMiAxMkMyIDEwLjYxNjcgMi4yNjI1IDkuMzE2NjcgMi43ODc1IDguMUMzLjMxMjUgNi44ODMzMyA0LjAyNSA1LjgyNSA0LjkyNSA0LjkyNUM1LjgyNSA0LjAyNSA2Ljg4MzMzIDMuMzEyNSA4LjEgMi43ODc1QzkuMzE2NjcgMi4yNjI1IDEwLjYxNjcgMiAxMiAyQzEzLjM4MzMgMiAxNC42ODMzIDIuMjYyNSAxNS45IDIuNzg3NUMxNy4xMTY3IDMuMzEyNSAxOC4xNzUgNC4wMjUgMTkuMDc1IDQuOTI1QzE5Ljk3NSA1LjgyNSAyMC42ODc1IDYuODgzMzMgMjEuMjEyNSA4LjFDMjEuNzM3NSA5LjMxNjY3IDIyIDEwLjYxNjcgMjIgMTJDMjIgMTMuMzgzMyAyMS43Mzc1IDE0LjY4MzMgMjEuMjEyNSAxNS45QzIwLjY4NzUgMTcuMTE2NyAxOS45NzUgMTguMTc1IDE5LjA3NSAxOS4wNzVDMTguMTc1IDE5Ljk3NSAxNy4xMTY3IDIwLjY4NzUgMTUuOSAyMS4yMTI1QzE0LjY4MzMgMjEuNzM3NSAxMy4zODMzIDIyIDEyIDIyWiIgZmlsbD0iIzM0Qzc1OSIvPgo8L3N2Zz4K');
            width: 24px;
            height: 24px;
            left: 10px;
            top: 12px;
        }


.btn-outline {
    background: #FCEDF3;
    border: 1px solid #E24C86;
    color: #E24C86;
}

.btn-outline:hover {
    color: #E24C86;
}

.ui-color-theme.ui-color-theme--pink {
    background: #FEF9FB;
}

.ui-box {
    box-shadow: 0px 0px 8px 0px #11111F1A;
    width: 100%;
    gap: 0px;
    border-radius: 8px;
    opacity: 0px;
}

    .ui-box .ui-box__header {
        gap: 20px
    }

    .ui-box .ui-box__header .ui-box__title {
        font-weight: bold;
        font-size: 16px;
    }

    .ui-box .ui-box__header .ui-box__title.ui-box__title--bigger {
        font-weight: bold;
        font-size: 20px;
    }

    .ui-box .ui-box__header .ui-box__subtitle {
        color: grey;
        font-size: 14px;
    }

.form-group2 {
    display: block;
}
    .form-group2 > div:nth-child(1) {
        width: 20%;
    }
    .form-group2 > div:nth-child(2) {
        width: 30%;
    }
    .form-group2 > div:nth-child(3) {
        width: 30%;
    }
    .form-group2 > div:nth-child(2):last-child {
        width: 80%;
    }
@media screen and (max-width: 576px) {
    .form-group2 > div:nth-child(1) {
        width: 50%;
    }

    .form-group2 > div:nth-child(2) {
        width: 50%;
    }

}
.float-footer {
    position: fixed;
    left: 0;
    bottom: 50px;
    width: 100%;
    height: 48px;
    padding: 10px;
    background-color: white;
}

.ui-badge-container > .badge {
    margin-right: 10px;
}

.tracking-list {
    display: auto;
}

.tracking-list > .tracking-item:last-child > div.step-status::before,
.tracking-list > .tracking-item:last-child::before {
    display: none;
}

@media (max-width: 575px) {

    .tracking-list > .tracking-item {
        margin-bottom: 20px;
    }

    .tracking-list > .tracking-item > div {
        max-width: 100%;
        flex: 1 1 100%; 
    }

    .tracking-list > .tracking-item > div p {
        margin-bottom: 5px;
    }

    .tracking-list > .tracking-item > div:nth-child(2) {
        margin-left: 25px;
    }

    .tracking-list > .tracking-item > div:nth-child(3) {
        margin-left: 20px;
    }

    .step-status:before {
        height: calc(100% + 10px) !important;
    }
}


@media (max-width: 425px) {
    .step-status:before {
        left: 23px !important;
    }
}

@media (max-width: 575px) {
    .step-status:before {
        left: 23px !important;
    }
}

.tracking-status {
    padding: 0.25em 0.4em;
    font-weight: 700;
    font-size: 14px;
}

.tracking-status--wait {
    color: #DCB745;
    background-color: #FEFAED;
    padding: 0.25em 0.4em;
    font-weight: 700;
    font-size:14px;
}

.tracking-status--ncoc {
    color: #F2994A;
    background-color: #FEF5ED;
    padding: 0.25em 0.4em;
    font-weight: 700;
    font-size: 14px;
}

.tracking-status--success {
    color: #27AE60;
    background-color: #E9F7EF;
    padding: 0.25em 0.4em;
    font-weight: 700;
    font-size: 14px;
}

.tracking-status--cancel {
    color: #FF3B30;
    background-color: #FFEBEA;
    padding: 0.25em 0.4em;
    font-weight: 700;
    font-size: 14px;
}

#paymentQR img {
    width: 30%;
}

#image_qrcode img {
    width: 50%;
}

@media screen and (max-width: 576px) {
    .mobile-content-justify-between {
        justify-content: space-between;
    }
}

@media screen and (max-width: 576px) {

    .dt-container  {
        position: relative;
        top: 0; 
        display: flex;
        flex-wrap: wrap !important;
        justify-content: space-between;
        user-select: none;
    }

    .dt-container .dt-info {
        display: none;
    }

    table:not(.datepicker-table) {
      border: 0;
    }
  
    table:not(.datepicker-table) caption {
      font-size: 1.3em;
    }
    
    table:not(.datepicker-table) thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
    }
    
    table:not(.datepicker-table) tr {
      border-bottom: 1px solid #ddd !important;
      margin-bottom: .625em;
      margin-top: 10px !important;
      display: flex;
      flex-wrap: wrap;
    }

    table.dataTable:not(.datepicker-table) tbody tr {
        height: auto;
    }
    
    table:not(.datepicker-table) td {
      border: none;
      display: block !important;;
      font-size: .8em;
      text-align: right;
      width: 100%;
    }

    table:not(.datepicker-table) td > .text-left {
      text-align: right !important;
    }
    
    table:not(.datepicker-table) td::before {
      content: attr(data-label);
      float: left;
      text-align: left;
      font-weight: bold;
/*      text-transform: uppercase;*/
      display: inline;
      line-height: 1.5;
      margin-left: 0;
      width: auto;
      white-space: nowrap;
    }
    
}



/* step status */
.label-form-info.step::before {
    content: '\f111';
    /* font-family: "FontAwesome"; */
    font-family: "Font Awesome 6 Free";
    font-size: 13px;
    color: #1fc84f;
    margin-right: 10px;
}


.step-status {
    position: relative;
}

    .step-status:before {
        position: absolute;
        left: 23px;
        top: 18px;
        content: ' ';
        display: block;
        width: 2px;
        height: 30px;
        margin-left: -3px;
        background: #1fc84f;
    }

@media screen and (max-width: 576px) {
    .step-status:before {
        background: rgba(255, 255, 255, 0%);
    }
}
.btn-dark-2 {
    margin-bottom: 50px !important;
}

.iq-footer {
    z-index: 999;
}

.collapsed[data-toggle="collapse"] {
    display: none;
}

.collapsed[data-toggle="collapse"] + [data-toggle="collapse"] {
    display: inline-block;
}

[data-toggle="collapse"]:not(.collapsed)  + [data-toggle="collapse"] {
    display: none;
}

.custom-checkbox {
    padding-left: 0 !important;
}


.checkbox {
    margin-bottom: 6px; 
}
.custom-spacing-right {
    margin-right: 34px;
}

@media (max-width: 768px) {
    .checkbox {
        margin-bottom: 0;
    }
    .custom-spacing-right {
        display: none !important;
    }
}



/* swal */
.confirm-danger {
    padding: 10px 35px !important; /* Add !important here */
}

.btn-dark.disabled, .btn-dark:disabled {
    color: #999999;
    background-color: #EBEDF0;
    border-color: #EBEDF0;
}