/*!
 * wz.application.css for qcpx.com
 * Author fang <fangwei@wzcoder.com>
 * @Copyright 2005-2024 wzcoder.com (https://www.wzcoder.com)
 * @version 1.0
 * @date 2024/11/23-20:10
 */
.applicationModal .modal-title {
    font-size: 18px;
}

.applicationModal .modal-body h3.description {
    font-size: 18px;
    color: #333333;
    margin-bottom: 1rem;
}

.must {
    color: red;
    margin-left: 5px;
}

.js-ajax-form .error-message {
    display: none;
    font-size: 14px;
    color: var(--focus-color);
    text-align: center;
    padding: 10px 15px;
}

.js-ajax-form .sent-message {
    display: none;
    font-size: 14px;
    color: var(--primary-color);
    text-align: center;
    padding: 10px 15px;
}

.js-ajax-form .loading {
    display: none;
    text-align: center;
    padding: 10px 15px;
}

.js-ajax-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid var(--primary-color);
    border-top-color: var(--border-color);
    animation: animate-loading 1s linear infinite;
}

.js-ajax-form .loading-message {
    min-height: 48px;
}

@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.application_form input,
.application_form select {
    font-size: 14px;
    color: var(--text-color-secondary);
}

.application_form input::placeholder,
.application_form textarea::placeholder {
    font-size: 14px;
    color: var(--text-color-secondary);
}