.sy_register {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 15px;
}

.sy_register p.error_msg {
    display: none;
    font-size: 14px;
    color: red;
}

.sy_register--head {
    display: flex;
    margin-top: 30px;
}
.sy_register--head--item { 
    padding: 20px 60px;
    border: 1px solid #164194;
    border-right: 0;
    border-bottom: 0;
    color: #164194;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}
.sy_register--head--item:last-child { 
    border-right: 1px solid #164194;
}
.sy_register--head--item.active { 
    background-color: #164194;
    color: white;
}

.sy_register--body {
    border: 1px solid #164194;
    padding: 20px;
}

.sy_register--body--item {
    display: none;
}
.sy_register--body--item.active {
    display: block;
}

.sy_register--form--block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
    flex-wrap: wrap;
}
.sy_register--form--block.invoiceaddress {
    display: none;
}

.sy_register--form--block--item {
    width: 32%;
    flex-grow: 0;
    flex-shrink: 0;
}
.sy_register--form--block--item.sy_half {
    width: 49%;
}
.sy_register--form--block--item.sy_full {
    width: 100%;
}
.sy_register--form--block--item label {
    display: block;
    font-size: 14px;
} 
.sy_register--form--block--item select,
.sy_register--form--block--item input,
.sy_register--form--block--item textarea {
    border: 0;
    font-size: 16px;
    padding: 10px;
    background-color: rgb(227, 227, 227);
    width: 100%;
}

.sy_register--form--block--item select.has-error,
.sy_register--form--block--item input.has-error,
.sy_register--form--block--item textarea.has-error {
    border: 1px solid red;
}

.sy_register--form--block--item label.has-error {
    color: red;
}

.sy_register--form--block--item select.sy_smallselect {
    display: inline-block;
    width: auto;
}
.sy_register--form--block--item input:focus {
    border: 0;
    outline: none;
}

.sy_register--form--block--item input[type="radio"],
.sy_register--form--block--item input[type="checkbox"] {
    width: auto;
}

.sy_register--form--block--item input[type="submit"] {
    width: auto;
    background-color: #164194;
    border: 1px solid #164194;
    color: white;
    font-weight: bold;
    padding: 10px 30px;
    border-radius: 2px;
    transition: 0.2s all ease-in-out;
    cursor: pointer;
}
.sy_register--form--block--item input[type="submit"]:hover {
    background-color: #164194;
    border: 1px solid #164194;
}


.members_block {
    padding-bottom: 25px;
    border-bottom: 1px solid #dadada;
    padding-top: 25px;
    display: none;
}

.members_block.active {
    display: block;
}

.memberstaff--titlebar {
    background: #164194;
    color: white;
    padding: 5px 10px;
    position: relative;
    cursor: pointer;
    display: none;
}

.memberstaff--titlebar.active {
    cursor: initial;
    display: block;
}

.memberstaff--titlebar span {
    position: absolute;
    right: 10px;
}

.sy_register .alert-success {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}


.sy_register .big-button {
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    cursor: pointer;
    min-width: 300px;
}
.sy_register .big-button--blue {
    background: #164194;
}

.sy_register .big-button--grey {
    background: #3a3a3a;
}

.sy_register .big-button--orange {
    background: #E73B2D;
}

.sy_register .file {
    display: none;
}

.sy_register .memberupload-form {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.sy_register .memberupload-form button[type="submit"] {
    border: 0;
    appearance: none;
    padding: 10px;
    text-align: left;
    font-size: 18px;
}

.sy_register .memberupload-form .input-row {
    margin-bottom: 10px;
}

.sy_register .memberupload-form p {
    margin-bottom: 5px;
}

.sy_register .memberupload-form .big-button {
    font-size: 18px;
    padding: 10px 10px;
}
.sy_register .memberupload-form #response {
    display: none;
}

.sy_register .memberupload-form #file-uploaded {
    background: #1a9fd5;
    padding: 10px;
    color: white;
    font-size: 14px;
    display: none;
}

.sy_register .memberupload-form #file-uploaded.active {
    display: inline-block;
}

.sy_register .memberupload-form #response.error {
    color: red;
    display: block;
}

@media screen and (max-width: 800px) {

    .sy_register--head {
        flex-direction: column;
    }
    .sy_register--head--item { 
        width: 100%;
        border-right: 1px solid #164194;
        padding: 20px;
    }
    
    .sy_register--form--block--item,
    .sy_register--form--block--item.sy_half {
        width: 100%;
        margin-bottom: 20px;
    }
}


.tx-sy-register .tooltip {
    position: absolute;
    top: 0;
    right: -30px;
    z-index: 10;
}
.tx-sy-register .tooltip .tooltip--trigger {
    display: block;
    background-color: #164194;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
}
.tx-sy-register .tooltip .tooltip--message {
    display: none;
    background: white;
    border: 1px solid #164194;
    position: absolute;
    color: #164194;
    border-radius: 10px;
    padding: 5px 5px 5px 33px;
    top: -7px;
    left: -7px;
    width: 420px;
    z-index: -1;
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}

.tx-sy-register label.label_title {
    position: relative;
    display: inline-block;
}

.tx-sy-register label.label_title:hover .tooltip .tooltip--message {
    display: block;
}