/* Slide up and fade in animation */
:root {
    --color-grid: #E3F2FC;
    --color-border: #E0E0E0;
    --bg-color: #F7F7F9;
    --button-search-bg: #007BFF;
    --button-clear-bg: #EAEAEA;
    --button-delete-bg: #FFD1D5;
    --button-delete-color: #DC3545;
    --button-clear-color: #2B2B2B;
    --button-search-color: #FFFFFF;
    --error-color: #CC000A;
    --success-color: #009045;
    --warning-color: #D98E49;
    --white-color: #ffffff;
}
@keyframes slideUpFadeIn {
    0% {
        opacity: 0;
        transform: translateY(40px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.ari-slide-up-fade-in {
    opacity: 0;
    animation-name: slideUpFadeIn;
    animation-fill-mode: forwards;
    animation-timing-function: ease;
    animation-duration: 0.6s;
}

.ari-delay-1 {
    animation-delay: 0.2s;
}

.ari-delay-2 {
    animation-delay: 0.4s;
}

.ari-delay-3 {
    animation-delay: 0.6s;
}

.ari-delay-4 {
    animation-delay: 0.8s;
}

#progress-bar {
    height: 2.5rem;
    background: linear-gradient(to right, #005ea8, #00937a);
    width: 0%;
    transition: width 0.1s linear;
}

#progress-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.75rem; /* text-xs */
    color: white;
    font-weight: 600;
    user-select: none;
    pointer-events: none;
}

.ariform-form-pdf{
    min-height:100vh;
}
.ariform-form-pdf > .ariform-component-button {
    text-align: center;
    margin: 15px;
}

/* popup-custom */
.swal-modal > span {
    display: block;
    color: var(--color-main);
    text-align: center;
    max-width: 100%;
    font-size: 0.875rem;
    margin-top: 16px;
    font-weight: 400;
}

.toast-title > span {
    padding-left: 10px;
}

.copy-account-no {
    font-size: 1rem;
}

.swal-overlay {
    z-index: 9999999999 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.swal-modal {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 30px;
}

.swal-button {
    min-width: 155px;
}

.swal-text {
    color: var(--color-main);
    text-align: center;
    max-width: 100%;
}

.swal-overlay:before {
    content: none;
}

.swal-title {
    order: -1;
    width: 100%;
    border-radius: 30px 30px 0 0;
    color: var(--white-color);
    padding: 14px 0;
    padding-bottom: 14px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1.125rem;
}

    .swal-title:not(:last-child) {
        margin-bottom: 0;
    }

    .swal-title:not(:first-child) {
        padding-bottom: 14px;
    }

.swal-icon--error + .swal-title {
    background-color: var(--error-color);
}

.swal-icon--success + .swal-title {
    background-color: var(--success-color);
}

.swal-icon--warning + .swal-title {
    background-color: var(--warning-color);
}

.swal-footer {
    text-align: center !important;
}

.swal-button:focus {
    box-shadow: none !important;
}

.swal-icon--error__x-mark {
    display: none;
}

.ariform-iframe{
	height: auto !important;
	min-height:100vh;
}

.swal-icon {
    width: 60px;
    height: 60px;
    border-width: 0;
    border-style: 0;
    border-radius: 0;
    padding: 0;
    position: 0;
    box-sizing: content-box;
    margin: 16px auto;
    background-repeat: no-repeat;
    background-size: contain;
}

.swal-icon--success:before,
.swal-icon--success:after {
    content: none;
}

.swal-icon--success__ring,
.swal-icon--success__line--long,
.swal-icon--success__line--tip,
.swal-icon--success__hide-corners,
.swal-icon--warning__body {
    display: none;
}

.swal-icon--error {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M25%2050C38.8071%2050%2050%2038.8071%2050%2025C50%2011.1929%2038.8071%200%2025%200C11.1929%200%200%2011.1929%200%2025C0%2038.8071%2011.1929%2050%2025%2050ZM36.8585%2019.0484L30.9223%2024.9844L36.8836%2030.9498C37.704%2031.7701%2037.7062%2033.0985%2036.8857%2033.9188L33.9187%2036.8858C33.0983%2037.7062%2031.7699%2037.704%2030.9474%2036.8837L24.9839%2030.9183L19.0624%2036.8395C18.2441%2037.6578%2016.9157%2037.6578%2016.0953%2036.8395L13.1282%2033.8726C12.3078%2033.0501%2012.3078%2031.7239%2013.1282%2030.9035L19.0476%2024.9844L13.1156%2019.0526C12.2952%2018.2301%2012.2952%2016.9018%2013.1135%2016.0835L16.0826%2013.1145C16.9031%2012.2962%2018.2335%2012.2962%2019.0539%2013.1187L24.986%2019.0505L30.9223%2013.1145C31.7427%2012.2941%2033.0689%2012.2962%2033.8893%2013.1145L36.8585%2016.0835C37.6768%2016.9018%2037.6768%2018.2301%2036.8585%2019.0484Z%22%20fill%3D%22%23CC000A%22%2F%3E%0A%3C%2Fsvg%3E');
}

.swal-icon--success {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M46.6478%2012.4509C44.4122%208.62088%2041.3797%205.58839%2037.5495%203.35288C33.7187%201.11747%2029.5368%200%2025.0007%200C20.465%200%2016.2819%201.11747%2012.4517%203.35288C8.62134%205.58805%205.58885%208.62054%203.35322%2012.4509C1.11747%2016.2815%200%2020.4647%200%2025C0%2029.5356%201.11782%2033.718%203.35288%2037.5489C5.58839%2041.3789%208.62088%2044.4114%2012.4513%2046.6471C16.2819%2048.8824%2020.4647%2050%2025.0002%2050C29.5358%2050%2033.7191%2048.8824%2037.5494%2046.6471C41.3796%2044.4122%2044.412%2041.3789%2046.6474%2037.5489C48.8824%2033.7184%2049.9998%2029.5353%2049.9998%2025C49.9999%2020.4642%2048.8824%2016.2809%2046.6478%2012.4509ZM41.2106%2021.1914L23.5352%2038.8669C23.1228%2039.2796%2022.624%2039.4858%2022.0377%2039.4858C21.4736%2039.4858%2020.9855%2039.2796%2020.573%2038.8669L8.78872%2027.0833C8.39855%2026.6923%208.20301%2026.205%208.20301%2025.6185C8.20301%2025.0111%208.39787%2024.5116%208.78872%2024.1208L11.751%2021.1914C12.1638%2020.7791%2012.6515%2020.573%2013.2161%2020.573C13.7807%2020.573%2014.269%2020.7792%2014.6812%2021.1914L22.0381%2028.5481L35.3193%2015.2995C35.7317%2014.8871%2036.2198%2014.6808%2036.784%2014.6808C37.3479%2014.6808%2037.8368%2014.8871%2038.2488%2015.2995L41.2111%2018.2294C41.6024%2018.6198%2041.7971%2019.1188%2041.7971%2019.7263C41.7971%2020.3125%2041.6024%2020.8008%2041.2106%2021.1914Z%22%20fill%3D%22%23009045%22%2F%3E%0A%3C%2Fsvg%3E');
}

.swal-icon--warning {
    background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2250%22%20height%3D%2250%22%20viewBox%3D%220%200%2050%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M47.8361%2012.1868L37.4579%201.90908C36.2246%200.672259%2034.4379%200%2032.6952%200H16.4295C14.6891%200%2013.0187%200.672259%2011.7876%201.90908L1.72573%2012.1982C0.493551%2013.435%200%2015.1015%200%2016.8484V33.1754C0%2034.9235%200.493551%2036.6002%201.72573%2037.8358L11.8881%2048.1023C13.1192%2049.3379%2014.6902%2050%2016.4306%2050H32.6975C34.4379%2050%2036.1094%2049.3379%2037.3405%2048.1023L47.8383%2037.8188C49.0694%2036.5832%2050%2034.9223%2050%2033.1742V16.8473C49.9977%2015.1003%2049.0694%2013.4236%2047.8361%2012.1868ZM24.9983%2037.0514C23.2726%2037.0514%2021.8744%2035.6184%2021.8744%2033.851C21.8744%2032.0814%2023.2726%2030.6496%2024.9983%2030.6496C26.724%2030.6496%2028.1234%2032.0825%2028.1234%2033.851C28.1222%2035.6184%2026.724%2037.0514%2024.9983%2037.0514ZM28.1222%2025.2715C28.1222%2027.0389%2026.7591%2028.4707%2024.9972%2028.4707C23.2353%2028.4707%2021.8721%2027.0378%2021.8721%2025.2715V12.0644C21.8721%2010.297%2023.2353%208.86294%2024.9972%208.86294C26.7591%208.86294%2028.1222%2010.297%2028.1222%2012.0633V25.2715Z%22%20fill%3D%22%23D98E49%22%2F%3E%0A%3C%2Fsvg%3E');
}

.formio-custom-select svg {
    top: calc(50% - 2px) !important;
}