.selected-option {
    border: #2b3a67 dashed 2px !important;
    box-shadow: rgba(0,0,0,0.1) 5px 5px;
}

.waitingDlg {
    width: 100%;
    height: 20%;
    position: fixed;
    top: 20%;
    left: 0;
    background-color: #dadada;
    opacity: 0.95;
    text-align: center;
    z-index: 11000;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.35);
    z-index: 5000;
}

.longRunningDlg {
    width: 100%;
    height: 40%;
    position: fixed;
    top: 20%;
    left: 0;
    background-color: #ffffff;
    opacity: 0.95;
    text-align: center;
    z-index: 205;
    padding-bottom: 50px;
}

.longRunningOverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.35);
    z-index: 201000;
}

.hand {
    cursor: pointer
}

.clay {
    background: var(--clay-background, rgba(0, 0, 0, 0.005));
    border-radius: var(--clay-border-radius, 32px);
    box-shadow: var(--clay-shadow-outset, 8px 8px 16px 0 rgba(0, 0, 0, 0.25)), inset var(--clay-shadow-inset-primary, -8px -8px 12px 0 rgba(0, 0, 0, 0.25)), inset var(--clay-shadow-inset-secondary, 8px 8px 12px 0 rgba(255, 255, 255, 0.4));
}

.swiper {
    width: 80vw;
    height: 80vh;
}