.navbar-brand {
    margin: 0 auto;
}

.slllc-logo img {
    margin: auto;
}

.radio-wrapper,
.input-wrapper,
.slllc-message .edit-input-wrapper .form-group .form-control {
    width: calc(100% - 210px);
    display: inline-block;
}

.slllc-message .form-group .radio-wrapper label {
    width: 100px;
}

.slllc-message .edit-input-wrapper .form-group .input-wrapper .form-control.short {
    width: 100px;
}

.slllc-message .edit-input-wrapper .form-group .input-wrapper .form-control.long {
    width: calc(97% - 100px);
    float: right;
}

.slllc-message .edit-input-wrapper .form-group .form-control.full-width {
    width: 100%;
    margin-top: 2px;
}

.couple-name {
    display: none;
}

/* cindy 20230502
.email span {
    width: 100%;
    word-break: break-all;
    font-size: 14px;
}
*/

.pc-break {
    display: block;
}

.id-num label,
.id-num input {
    vertical-align: middle;
}

.ui-datepicker .ui-datepicker-title select {
    margin: 0 1px;
}

.end-text {
    margin-left: 15px;
    display: inline-block;
}

.survey ol {
    padding-left: 20px;
}

.survey li {
    margin-bottom: 20px;
}

.survey li p {
    margin-bottom: 5px;
}

.sub-choose {
    /*display: none;*/
}

.ui-widget-header .ui-icon {
    background-image: url(/images/ui-icons_444444_256x240.png);
}

.pink-note.block {
    display: block;
    color: red;
    font-style: normal;
    margin-left: 134px;
    width: calc(100% - 180px);
    word-break: break-all;
}

.slllc-message .form-group label {
    width: 130px;
}

.red-text {
    color: red;
    font-size: 20px;
}

.bold {
    font-weight: 700;
}

.slllc-message .edit-input-wrapper .form-group .addr-wrapper .form-control {
    width: 100%;
    margin-bottom: 5px;
}

.slllc-message .edit-input-wrapper .form-group .addr-wrapper {
    vertical-align: top;
}

.input-wrapper.email p {
    margin-bottom: 0;
}

@media(max-width:480px) {

    .radio-wrapper,
    .input-wrapper,
    .slllc-message .edit-input-wrapper .form-group .form-control {
        width: 100%
    }

    .radio-wrapper,
    .input-wrapper,
    .edit-form .form-group {
        width: 100%;
        display: block;
    }

    .slllc-message .edit-input-wrapper .form-group .input-wrapper .form-control.short,
    .slllc-message .edit-input-wrapper .form-group .input-wrapper .form-control.long {
        display: block;
    }

    .slllc-message .edit-input-wrapper .form-group .input-wrapper .form-control.long {
        width: 100%;
        float: initial;
        margin-top: 10px;
    }

    input[type="checkbox"] {
        width: 25px;
        height: 25px;
        vertical-align: middle;
        margin-bottom: 10px;
    }

    input[type="radio"] {
        width: 25px;
        height: 25px;
        vertical-align: middle;
        margin-right: 3px;
    }

    input[type="checkbox"]~span {
        vertical-align: middle;
        margin-bottom: 10px;
        display: inline-block;
    }

    .survey li:first-child {
        position: relative;
        padding-bottom: 20px;
    }

    .end-text {
        position: absolute;
        width: 300px;
        left: -110px;
        top: 30px;
    }

    .pink-note.block {
        display: block;
        /*color: lightcoral;*/
        font-style: normal;
        margin-left: 0;
        width: 100%;
    }
}