.g-recaptcha {
    text-align: center;
    text-align: -moz-center;
    text-align: -webkit-center;
}

.center {
    text-align: center;
}

.content_box_login {
    max-width: 1250px;
    width: 90%;
}

.container {
    width: 100%;
    max-width: 1250px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    margin: 0;
}

.progress_bar {
    width: 100%;
    height: 50px;
    background: linear-gradient(45deg,
    var(--start_phase) 0%, var(--continue_phase) 20%); /*var(--start_phase);*/ /*#ffcc88;*/
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    padding-left: 13px;
    box-sizing: border-box;
}

.progress_bar.no_gradient {
    background: var(--start_phase);
}

.progress_bar_content {
    display: flex;
    margin-left: 12px;
}

.progress_complex {
    width: 25%;
    line-height: 20px;
    display: flex;
    position: relative;
    padding: 8px 0px 5px 0px;
    transition: 0.25s;
    background: linear-gradient(90deg, transparent, #505050 75%);
}

.progress_complex.no_gradient {
    background: #97999B;
}

.progress_complex:last-child {
    border-top-right-radius: 30px;
}

.progress_complex_done {
    background: linear-gradient(90deg, transparent, var(--end_phase) 75%);
}

.progress_complex_done.no_gradient {
    background: var(--end_phase);
}

.progress_complex_current {
    background: linear-gradient(90deg, transparent, var(--current_phase) 75%);
}

.progress_complex_current.no_gradient {
    background: var(--current_phase);
}

.progress_point {
    height: 25px;
    width: 25px;
    border-radius: 25px;
    border: 1px solid #00000040;
    text-align: center;
    line-height: 25px;
    font-weight: bold;
    margin-top: 5px;
    transition: 0.5s;
    background: var(--area_button); /*#deb887;*/
    color: var(--point_foreground_color);
    position: absolute;
    left: -2px;
}

.progress_point.no_borders {
    border: 0px;
}

.progress_point_todo {
    color: white;
    background: transparent;
}

.progress_point_done {
    background: var(--area_button_alt);
    color: forestgreen;
}

.progress_next_step.no_spikes {
    border-left: 0px !important;
    background: #97999B;
}

.warning_box {
    width: 370px;
    margin: 10px auto;
    padding: 10px;
    border: 1px solid #ffffcc;
    border-radius: 4px;
    margin-bottom: 25px;
    background-color: #ffffcc;
    color: #888833;
    position: relative;
    text-align: center;
}

.confirm_box {
    width: 370px;
    margin: 10px auto;
    padding: 0 10px;
    border: 1px solid #ccffcc;
    border-radius: 4px;
    margin-bottom: 25px;
    background-color: #ccffcc;
    color: #338833;
    position: relative;
    text-align: center;
}

/* Start for warning_box points */
li::marker {
    content: "\f061";
    font-family: 'Font Awesome 5 Pro';
    color: darkgoldenrod;
}

li p {
    margin: 0.5em;
    text-align: left;
}

/* End for warning_box points */

.progress_point_done:after {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
}

.progress_description {
    line-height: initial;
    padding: 0 3px 0 28px;
    color: white;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.progress_next_step {
    width: 0px;
    height: 0px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 15px solid #505050;
    padding: 0 5px;
    transition: 0.25s;
}

.progress_next_step_done {
    border-left: 15px solid var(--end_phase);
}

.progress_next_step_done.no_spikes {
    background: var(--end_phase);
}

.progress_next_step_current {
    border-left: 15px solid var(--current_phase);
}

.progress_next_step_current.no_spikes {
    background: #97999B;
}

[id^=step_] {
    padding: 10px;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

#seconds {
    color: var(--end_phase);
    font-weight: bold;
}