@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@100..900&display=swap');

.grecaptcha-badge {
    visibility: hidden;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: linear-gradient(217deg, rgb(109, 213, 250), rgb(41, 128, 185));
    background-attachment: fixed;
    /* keep gradient fixed while scrolling */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: content-box;
}

html,
body,
input,
button {
    font-size: 16px !important;
    font-family: 'Noto Sans Thai', sans-serif !important;
}

.alert.alert-white-grey {
    background: #eee !important;
    border: 1px solid #eee !important;
    color: #333 !important;
}

.form-floating>label {
    padding: 18px 1rem !important;
    transition: all 0.2s ease !important;
}

.form-floating .form-control.is-invalid+label {
    color: #d63939 !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyMHB4IiBmaWxsPSIjZDYzOTM5Ij48cGF0aCBkPSJNNDc5Ljc5LTI4OHExNS4yMSAwIDI1LjcxLTEwLjI5dDEwLjUtMjUuNXEwLTE1LjIxLTEwLjI5LTI1LjcxdC0yNS41LTEwLjVxLTE1LjIxIDAtMjUuNzEgMTAuMjl0LTEwLjUgMjUuNXEwIDE1LjIxIDEwLjI5IDI1LjcxdDI1LjUgMTAuNVptMC0xNDRxMTUuMjEgMCAyNS43MS0xMC4zNVQ1MTYtNDY4di0xNjhxMC0xNS4zLTEwLjI5LTI1LjY1UTQ5NS40Mi02NzIgNDgwLjIxLTY3MnQtMjUuNzEgMTAuMzVRNDQ0LTY1MS4zIDQ0NC02MzZ2MTY4cTAgMTUuMyAxMC4yOSAyNS42NVE0NjQuNTgtNDMyIDQ3OS43OS00MzJabS40OSAzMzZRNDAxLTk2IDMzMS0xMjZ0LTEyMi41LTgyLjVRMTU2LTI2MSAxMjYtMzMwLjk2dC0zMC0xNDkuNVE5Ni01NjAgMTI2LTYyOS41cTMwLTY5LjUgODIuNS0xMjJUMzMwLjk2LTgzNHE2OS45Ni0zMCAxNDkuNS0zMHQxNDkuMDQgMzBxNjkuNSAzMCAxMjIgODIuNVQ4MzQtNjI5LjI4cTMwIDY5LjczIDMwIDE0OVE4NjQtNDAxIDgzNC0zMzF0LTgyLjUgMTIyLjVRNjk5LTE1NiA2MjkuMjgtMTI2cS02OS43MyAzMC0xNDkgMzBabS0uMjgtNzJxMTMwIDAgMjIxLTkxdDkxLTIyMXEwLTEzMC05MS0yMjF0LTIyMS05MXEtMTMwIDAtMjIxIDkxdC05MSAyMjFxMCAxMzAgOTEgMjIxdDIyMSA5MVptMC0zMTJaIi8+PC9zdmc+) !important;
    background-position: right 1em center !important;
}

.invalid-feedback {
    padding: 1px 5px !important;
}