/* ***********************************
    POPUP
*/
.k-window[data-type="williamsonact-popup"] {
    --gap: 0.5rem;
}

.k-window[data-type="williamsonact-popup"] .k-window-content {
    box-sizing: border-box;
    padding: var(--gap) !important;
}

/*
.k-window[data-type="williamsonact-popup"] .k-window-action {
    visibility: hidden;
}
*/

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-main-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-main-container > div:not(:first-child) {
    margin-top: var(--gap);
}

.k-window[data-type="williamsonact-popup"] .asr-error-invalid::after {
    display: block;
    color: red;
    font-size: 0.8rem;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-apn-container.asr-error-invalid::after {
    content: "APN is invalid";
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-apn-parent-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-apn-container > input {
    width: 8rem;
    margin-left: 0.5rem;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-recaptcha-container {
    overflow: hidden;
    transition: height 1s ease-out;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-recaptcha-container.asr-error-invalid::after {
    content: "reCAPTCHA is not passed";
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-command-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-command-container:not([data-recaptcha="pass"]) {
    margin-top: var(--gap);
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-command-container input[type="button"] {
    width: 8rem;
    height: 2rem;
    line-height: 1.75rem;
    cursor: pointer;
    background: #139DE0;
}

.k-window[data-type="williamsonact-popup"] .williamsonact-popup-command-container input[type="button"]:active {
    transform: scale(0.965);
}

/* ***********************************
    ALERT
*/
.k-window[data-type="williamsonact-alert"] .williamsonact-alert-main-container {
    width: 15rem;
    margin: 1rem;
}

.k-window[data-type="williamsonact-alert"] .williamsonact-alert-command-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 2rem 0 0.5rem 0;
}

.k-window[data-type="williamsonact-alert"] .williamsonact-alert-command-container input[type="button"] {
    width: 8rem;
    height: 2rem;
    line-height: 1.75rem;
    cursor: pointer;
}

.k-window[data-type="williamsonact-alert"] .williamsonact-alert-command-container input[type="button"]:active {
    transform: scale(0.965);
}

/* ***********************************
    ERROR
*/
.k-window[data-type="williamsonact-error"] .williamsonact-error-main-container {
    width: 15rem;
    margin: 1rem;
}

.k-window[data-type="williamsonact-error"] .williamsonact-error-command-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 2rem 0 0.5rem 0;
}

.k-window[data-type="williamsonact-error"] .williamsonact-error-command-container input[type="button"] {
    width: 8rem;
    height: 2rem;
    line-height: 1.75rem;
    cursor: pointer;
}

.k-window[data-type="williamsonact-error"] .williamsonact-error-command-container input[type="button"]:active {
    transform: scale(0.965);
}