.profile-system select {
    font-size: inherit !important;
}

.profile-preview {
    padding: 0 10px 15px;
    border-bottom: solid 3px #eeeeee;
    justify-content: space-between;
}

.profile-preview .info-left {
    margin-right: 20px;
}

dt.field-name {
    font-size: 12px;
    color: #999999;
    font-weight: 400;
    margin-bottom: 0.8em;
}

dd.field-content {
    font-size: 13px;
    color: #333333;
}

.user-name:not(:last-child) {
    margin-bottom: 10px;
}

.user-name .name {
    font-size: 18px;
    font-weight: 600;
    color: #333333;
    margin-right: 15px;
}

.user-name .name:last-child {
    margin-right: 0;
}

.user-name .vocative {
    font-size: 12px;
}

.user-name dt.field-name {
    font-size: 11px;
    margin-bottom: 0.6em;
}

.profile-preview .basic-infomation {
    margin-right: 45px;
}

.user-gender {
    margin: 0 30px 0 10px;
}

.profile-preview .own-picture {
    padding: 7px;
    background: #fafafa;
    border-radius: 4px;
}

.own-picture dt.field-name {
    margin-bottom: 0.3em;
}

.group-picture.d-flex li:not(:last-child) {
    margin-right: 8px;
}

.profile-preview .profile-input-rate {
    margin-left: 50px;
}

.profile-input-rate dt.field-name {
    margin-bottom: 0em;
}

.profile-input-rate dd.field-content {
    position: relative;
    width: 105px;
    margin: 0 auto;
}

.profile-input-rate dd.field-content .rate-number {
    position: absolute;
    z-index: 1;
    top: calc(50% + 6px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 600;
    color: #fbbd00;
    line-height: 1em;
    pointer-events: none;
    display: none;
}

.attribute-group {
    display: flex;
    flex-wrap: wrap;
    margin: -2px;
}

.attribute-item {
    margin: 2px;
    background: #aaaaaa;
    color: #fff;
    border-radius: 1em;
    font-size: 12px;
    line-height: 1em;
    padding: 5px 15px 4px;
}

.profile-preview .contact-infomation {
    padding-top: 25px;
}

.profile-preview .contact-infomation .group {
    justify-content: flex-end;
    margin-top: 17px;
}

.profile-preview .contact-infomation .group dl:not(:last-child) {
    margin-right: 35px;
}

.profile-editable {
    position: relative;
}

.profile-editable:before {
    content: "";
    width: 18px;
    height: calc(100% - 10px);
    background: #fff;
    position: absolute;
    left: 480px;
    top: 10px;
}

.profile-editable:after {
    content: "";
    width: 2px;
    height: calc(100% - 10px);
    background: #eeeeee;
    position: absolute;
    left: 488px;
    top: 10px;
}

.group-tab-title {
    display: flex;
    border-bottom: solid 2px #eeeeee;
}

.group-tab-title li {
    font-size: 14px;
    font-weight: 600;
}

.group-tab-title li span {
    padding: 15px 35px 10px;
    display: inline-block;
    color: #999999;
    border-bottom: solid 3px transparent;
    cursor: pointer;
    transition: all 0.2s;
    margin-bottom: -3px;
}

.group-tab-title li span.active {
    border-color: #fbbd00;
    opacity: 1;
    color: #333333;
    pointer-events: none;
}

.group-tab-title li:first-child {
    width: 480px;
    margin-right: 15px;
}


.group-tab-content {
    display: flex;
    flex-wrap: wrap;
}

.group-tab-content>[tab-content] {
    padding: 13px 15px 0 10px;
    width: calc(100% - 480px - 15px);
    display: none;
}

.group-tab-content>[tab-content].active {
    display: block;
}

.group-tab-content>[tab-content]:first-child {
    width: 480px;
    margin-right: 15px;
}

form:not(:last-child) {
    margin-bottom: 30px;
}

.form-title {
    justify-content: space-between;
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 8px;
    padding-left: 5px;
}

.form-title dt {
    font-size: 16px;
    color: #333333;
    font-weight: 600;
    padding-top: 6px;
}

.form-btn {
    display: inline-block;
    font-size: 13px;
    color: #333333;
    font-weight: 400;
    padding: 4px 15px 3px;
    border: solid 1px #cccccc !important;
    border-radius: 5px;
    line-height: 1.9em;
    cursor: pointer;
    transition: all 0.2s;
}

.form-btn.txt-blue {
    color: #2a80b9;
    min-width: 129px;
    text-align: center;
}

.form-btn[button-event="edit"] {
    padding-left: 29px;
    padding-right: 7px;
    background: url('../images/icon-pencil-01.png') left 8px center / 16px no-repeat #fff;
}

.form-btn[button-event="submit"],
input[type="submit"].form-btn {
    background: #7fb800;
    color: #fff;
}

form [button-event="cancel"],
form [button-event="submit"],
input[type="submit"].form-btn {
    display: none;
}

form.onEdit [button-event="edit"] {
    display: none;
}

form.onEdit [button-event="cancel"],
form.onEdit [button-event="submit"],
form.onEdit input[type="submit"].form-btn {
    display: inline-block;
}

dl.field-input {
    display: flex;
    flex-wrap: wrap;
    padding: 9px 10px 8px;
    border-bottom: solid 1px #eee;
    align-items: center;
}

dl.field-input.has-sub-item {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
}

dl.field-input.has-sub-item dl.field-input:last-child {
    border-bottom: none;
}

dl.field-input dt.field-name {
    margin-bottom: 0;
    width: 112px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-right: 8px;
    text-align: right;
    border-right: solid 2px #eeeeee;
}

dl.field-input.has-sub-item>dt.field-name {
    border-right: none;
    width: 90px;
}

dl.field-input.require dt.field-name:before {
    content: "*";
    color: #e62110;
    font-size: 16px;
    font-weight: bold;
    margin-right: 2px;
    display: none;
}

form.onEdit dl.field-input.require dt.field-name:before {
    display: inline-block;
}

dl.field-input dd.field-content {
    padding-left: 8px;
    padding-top: 1px;
    border-left: solid 2px #eeeeee;
    margin-left: -2px;
    width: calc(100% - 112px + 2px);
}

dl.field-input.has-sub-item>dd.field-content {
    border-left: none;
    width: calc(100% - 90px + 2px);
}

dl.field-input.has-sub-item>dd.field-content>dl:first-child {
    margin-bottom: -1px;
}

dl.field-input.has-sub-item>dd.field-content dt.field-name {
    width: 119px;
    text-align: right;
}

dl.field-input.has-sub-item>dd.field-content dd.field-content {
    width: calc(100% - 119px + 2px);
}

dl.field-input.longTitle>dt.field-name {
    width: 225px;
}

dl.field-input.longTitle>dd.field-content {
    width: calc(100% - 225px + 2px);
}

dl.field-input.mediumTitle>dt.field-name {
    width: 145px;
}

dl.field-input.mediumTitle>dd.field-content {
    width: calc(100% - 150px + 2px);
}

dl.field-input.has-sub-item>dd.field-content dt.field-name.long {
    width: 175px;
}

dl.field-input.has-sub-item>dd.field-content dt.field-name.long+dd.field-content {
    width: calc(100% - 175px + 2px);
}

dl.field-input.longTitle dt.field-name.long {
    width: 281px;
}

dl.field-input.longTitle dt.field-name.long+dd.field-content {
    width: calc(100% - 281px + 2px);
}

dl.field-input.has-sub-item>dt.field-name,
dl.field-input.longTitle>dt.field-name {
    text-align: left;
}

[on-preview="true"] {
    display: none;
}

.input-preview {
    display: none;
}

[on-preview="true"]+.input-preview {
    display: block;
}

.filePreviewImage {
    position: relative;
}

.filePreviewImage img {
    max-width: 100px;
}

.label-upload-file input {
    display: none;
}

.label-upload-file span {
    color: #2a80b9;
    background: #fff;
    padding: 4px 30px 3px;
}

.uploadImage {
    align-items: center;
}

.filePreviewImage {
    margin: 5px 20px 5px 0;
    display: inline-block;
}

.filePreviewImage.hidden {
    display: none;
}

.delete-btn {
    position: absolute;
    top: -8px;
    right: -10px;
    z-index: 1;
    width: 21px;
    height: 21px;
    border: solid 2px #666666;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: all 0.2s;
}

.delete-btn:before,
.delete-btn:after {
    content: "";
    width: 3px;
    height: 11px;
    background: #666;
    transform: rotateZ(45deg);
    position: absolute;
    left: 7px;
    top: 3px;
    transition: all 0.2s;
}

.delete-btn:after {
    transform: rotateZ(-45deg);
}

.label-upload-file {
    margin-bottom: 0;
}

.fileUploadImage[on-preview="true"]+.filePreviewImage .delete-btn,
.fileUploadImage[on-preview="true"]~.label-upload-file {
    display: none;
}

input[type="radio"].form-check-input.small+label {
    padding-left: 20px;
}

input[type="radio"].form-check-input.small+label:before {
    width: 16px;
    height: 16px;
    background: #fff;
    border: solid 2px #ccc;
    top: 1px;
    transition: all 0.2s;
}

input[type="radio"].form-check-input.small:checked+label:before {
    border: solid 4px #fbbd00;
}

input[type="radio"].form-check-input.small+label:after {
    display: none;
}

.group-inline.large-space .form-check-inline:not(:last-child) {
    margin-right: 2.15em;
}

.group-inline {
    margin-bottom: -0.5em;
}

form.onEdit .alert-input {
    display: none !important;
}

.gray-color {
    color: #888;
}

.form-check-inline .gray-color {
    font-size: 12px;
}

.limit-input {
    position: relative;
    padding-bottom: 16px;
}

.limit-input .count {
    font-size: 11px;
    line-height: 1em;
    color: #888;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ownPicture .label-upload-file {
    display: none;
}

form.onEdit .ownPicture .label-upload-file {
    display: inline-block;
}

.modal-upload .modal-title {
    font-size: 18px;
    font-weight: 600;
    color: #313131;
}

.modal-upload .modal-dialog {
    max-width: 600px;
    width: 96%;
    margin: 2% auto;
}

.modal-upload .modal-header {
    padding: 1.2rem 1.6rem;
}

.modal-upload .modal-body {
    padding: 2rem 1rem;
}

.modal-upload .modal-content {
    border-radius: 10px;
}

.modal-upload .modal-footer {
    justify-content: center;
}

.modal-footer .group-btn {
    justify-content: space-around;
    width: 100%;
    max-width: 400px;
}

.modal-footer .group-btn li {
    margin: 5px;
}

.modal-footer .group-btn li span {
    padding: 7px 10px 6px;
    min-width: 90px;
    text-align: center;
    border-color: #A3A3A3 !important;
}

.modal-footer .group-btn li span[upload-event="submit"] {
    background: #7fb800;
    color: #fff;
}

.single-upload {
    padding: 15px 25px;
    background: #fafafa;
    align-items: center;
    position: relative;
    margin-bottom: 5px;
}

.single-upload .filePreviewImage {
    width: 85px;
    height: 85px;
    display: inline-flex !important;
    justify-content: center;
    justify-content: center;
    align-items: center;
}

.single-upload .filePreviewImage label {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 100%;
}

.single-upload .filePreviewImage:before {
    content: "未選択";
    color: #b6b6b6;
    font-size: 12px;
    font-weight: 500;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background: #eeeeee;
}

.single-upload .filePreviewImage:before {
    display: none;
}

.single-upload .filePreviewImage.hidden:before {
    display: flex;
}

.single-upload .filePreviewImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ownPicture .single-upload .filePreviewImage+.label-upload-file {
    display: none !important;
}

.ownPicture .single-upload .filePreviewImage.hidden+.label-upload-file {
    display: inline-block !important;
}

.ownPicture .single-upload .filePreviewImage~.comment-picture {
    display: block;
}

.ownPicture .single-upload .filePreviewImage.hidden~.comment-picture {
    display: none;
}

.ownPicture .single-upload .comment-picture {
    max-width: calc(100% - 105px);
}

.ownPicture .single-upload .comment-picture .form-check {
    padding-left: 0;
    width: 360px;
    max-width: 100%;
}

.ownPicture .single-upload .filePreviewImage.hidden~.delete-btn {
    display: none;
}


.ownPicture .single-upload .filePreviewImage~.delete-btn {
    display: block;
    top: 10px;
    right: 10px;
    border-color: transparent;
}

.ownPicture .single-upload .filePreviewImage~.delete-btn:before,
.ownPicture .single-upload .filePreviewImage~.delete-btn:after {
    background: #e62110;
    height: 15px;
    top: 1px;
}

.single-upload .label-upload-file span {
    padding: 2px 10px 1px;
}

.group-picture-preview {
    margin-bottom: 10px;
}

.group-picture-preview.hidden {
    display: none;
}

.group-picture-preview li {
    align-items: center;
    display: none;
    margin-bottom: 5px;
}

.group-picture-preview li.show {
    display: flex;
}

.group-picture-preview li .img {
    width: 85px;
    height: 85px;
    margin-right: 10px;
    display: inline-flex !important;
    justify-content: center;
    justify-content: center;
    align-items: center;
}

.group-picture-preview li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.group-picture-preview li .comment {
    width: calc(100% - 95px);
}

.ownPicture .group-inline.show {
    display: block;
}

.form-check input[type="checkbox"].small+label {
    padding-left: 25px;
}

.form-check input[type="checkbox"].small+label:before {
    width: 16px;
    height: 16px;
    top: 1px;
    transition: all 0.2s;
}

.form-check input[type="checkbox"].small+label:after {
    width: 6px;
    height: 10px;
    left: 5px;
    top: 3px;
    border-color: #fff;
    opacity: 1 !important;
}

.form-check input[type="checkbox"].small:checked+label:before {
    background: #fbbd00;
    border-color: #fbbd00;
}

.help {
    display: inline-flex;
    text-align: center;
    width: 15px;
    height: 15px;
    background: #449bf8;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    line-height: 1em;
    border-radius: 50%;
    margin: 1px;
    cursor: pointer;
    transition: all 0.2s;
    padding-top: 1px;
}

.modal-help .modal-dialog {
    max-width: 370px;
    align-items: flex-start;
    padding-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.modal-help .modal-header {
    padding: 0.5rem 1rem 0.3rem;
}

.modal-help .modal-header .modal-title {
    text-align: center;
    width: 100%;
    color: #3d88b8;
    font-size: 14px;
    font-weight: bold;
}

.modal-help .modal-body {
    padding: 25px 15px;
}

.modal-help .modal-body p {
    font-size: 13px;
}

.modal-help .modal-body p:last-child {
    margin-bottom: 0;
}

.modal-help .modal-footer {
    background: #f5f5f5;
    border-top: none;
    padding: 8px 10px;
    justify-content: center;
}

.modal-help .modal-footer .form-btn {
    min-width: 150px;
    text-align: center;
    padding: 7px 15px 5px;
    background: #fff;
    font-size: 14px;
}


span.info {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    width: 14px;
    height: 14px;
    border: solid 1px #3d88b8;
    background: #fff;
    color: #3d88b8;
    font-size: 11px;
    border-radius: 50%;
    margin-right: 8px;
    margin-left: -8px;
    padding-top: 1px;
    transform: translateY(-1px);
}

[on-preview] textarea {
    min-height: 90px;
    resize: none;
}

[on-preview] textarea[limit-character="100"] {
    min-height: 80px;
}

[on-preview] textarea[limit-character="50"] {
    min-height: 70px;
}

span[preview-textarea] {
    font-size: 12px;
    word-break: break-all;
}

.profile-editable .form-control {
    height: calc(1.2em + .85rem + 2px);
    padding: .375rem .75rem .275rem;
}

.profile-editable select.form-control {
    padding: .275rem 0rem .375rem .35rem !important;
}

.profile-editable .form-check-inline {
    margin-right: 0.1rem;
}

.profile-editable input,
.profile-editable select,
.profile-editable textarea {
    border-color: #cacaca !important;
}

.min-size-180 {
    min-width: 180px;
}

.min-size-80 {
    min-width: 80px;
}

.size-130 {
    width: 130px !important;
}

[group-image-submit] {
    display: none;
}

.repeat-action .data-button {
    padding: 14px 0;
    border-bottom: solid 1px #eee;
    display: none;
}

.onEdit .repeat-action .data-button {
    display: block;
}

.repeat-btn {
    color: #2a80b9;
    background: #fff;
    position: relative;
    padding: 3px 15px 2px 28px;
    transition: all 0.1s;
}

.repeat-btn:before {
    content: "";
    width: 2px;
    height: 10px;
    background: #72a8cc;
    position: absolute;
    left: 14px;
    top: calc(50% - 5px);
    transition: all 0.1s;
}

.repeat-btn:after {
    content: "";
    width: 10px;
    height: 2px;
    background: #72a8cc;
    position: absolute;
    left: 10px;
    top: calc(50% - 1px);
    transition: all 0.1s;
}

.form-check-inline label:not([for]) {
    word-break: keep-all;
}

.profile-editable .form-control.input-postal-code {
    padding-left: 30px;
    background-image: url(../images/icon-postal-code-01.png);
    background-size: 11px;
    background-position: left 10px center;
    background-repeat: no-repeat;
}

.list-preview-block>span:not(:empty) {
    display: block;
    position: relative;
}

.profile-system .modal-register .form-check input[type="checkbox"]+label {
    padding-left: 30px;
}

.profile-system .modal-register .form-check input[type="checkbox"]+label:before {
    top: -2px;
}

.profile-system .modal-register .form-check input[type="checkbox"]:not(.checkbox-circle)+label:after {
    top: 1px;
}

.profile-system .modal-register .form-check input[type="radio"]+label:after,
.profile-system .modal-register .form-check input[type="checkbox"].checkbox-circle+label:after {
    top: 4px;
}

[group-checkbox-preview] {
    margin-bottom: 0;
}

[group-checkbox-preview]~[on-preview="false"] {
    margin-top: 0.5em;
}

.profile-system .form-control:disabled,
.profile-system .form-control[readonly] {
    background-color: #f6f6f6;
    color: #cccccc;
}

.accordion-button {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ddd;
    margin-left: 10px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    background: #fff;
    border: solid 1px transparent;
    top: 4px;
}

.accordion-button:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 1px #999999;
    border-right: solid 1px #999999;
    transform: rotateZ(135deg);
    position: absolute;
    top: 4px;
    left: 5px;
}

.accordion-button.open:before {
    transform: rotateZ(-45deg);
    top: 6px;
}

[accordion-content] {
    display: none;
}

.modal-profile .modal-dialog {
    max-width: 860px;
    width: 96%;
    margin: 2% auto;
}

.modal-profile .modal-dialog h5 {
    font-weight: 600;
    font-size: 18px;
}

.modal-profile .modal-dialog h5 .sub-info {
    font-size: 13px;
    color: #fbbd00;
    line-height: 1.3em;
    margin-left: 30px;
}

.modal-profile .modal-dialog h5 .sub-info .info {
    color: #fbbd00;
    border-color: #fbbd00;
}

.modal-profile .modal-dialog .modal-header {
    padding: 20px 20px 20px;
}

.modal-profile .modal-dialog .modal-body {
    padding: 0;
}

.modal-profile.modal-tab .modal-dialog .modal-body {
    position: relative;
    padding-left: 250px;
    min-height: 380px;
    overflow: auto;
    position: relative;
}

.modal-profile.modal-tab .modal-dialog .modal-body:before {
    content: "";
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    left: calc(250px - 1px);
    top: 0;
}

.modal-profile.modal-tab .modal-dialog .modal-footer {
    background: #f5f5f5;
    justify-content: center;
}

.modal-profile.modal-tab .modal-dialog .modal-footer .group-btn {
    max-width: 580px;
}

.modal-profile.modal-tab .modal-dialog .modal-footer .group-btn li .form-btn {
    background: #fff;
}

.modal-profile.modal-tab .modal-dialog .modal-footer .group-btn li .form-btn[attribute-event="submit"],
.modal-profile.modal-tab .modal-dialog .modal-footer .group-btn li .form-btn[job-type-event="submit"] {
    background: #7fb800;
    color: #fff;
}

.modal-tab-title {
    width: 250px;
    height: 55px;
    display: flex;
    align-items: center;
    background: #fafafa;
    border-bottom: solid 1px #eee;
    border-right: solid 1px #eee;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    margin-bottom: 0;
    padding: 10px 50px 10px 21px;
    position: relative;
    border-left: solid 4px transparent;
    transition: all 0.2s;
    position: absolute;
    left: 0;
    top: 0;
}

.modal-tab-title .number {
    display: inline-flex;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    background: #fbbd00;
    color: #fff;
    font-size: 10px;
    font-family: HelveticaNeue;
    margin-left: 7px;
    line-height: 1;
    padding-top: 1px;
    transform: translateY(-1px);
    flex-shrink: 0;
}

.modal-tab-title .number:empty {
    display: none;
}

.modal-tab-title:nth-of-type(2) {
    top: 55px;
}

.modal-tab-title:nth-of-type(3) {
    top: 110px;
}

.modal-tab-title:nth-of-type(4) {
    top: 165px;
}

.modal-tab-title:nth-of-type(5) {
    top: 220px;
}

.modal-tab-title:nth-of-type(6) {
    top: 275px;
}

.modal-tab-title:nth-of-type(7) {
    top: 330px;
}

.modal-tab-title:nth-of-type(8) {
    top: 385px;
}

.modal-tab-title:nth-of-type(9) {
    top: 440px;
}

.modal-tab-title:nth-of-type(10) {
    top: 495px;
}

.modal-tab-title:nth-of-type(11) {
    top: 550px;
}

.modal-tab-title:nth-of-type(12) {
    top: 605px;
}

.modal-tab-title:nth-of-type(13) {
    top: 660px;
}

.modal-tab-title:nth-of-type(14) {
    top: 715px;
}

.modal-tab-title:nth-of-type(15) {
    top: 770px;
}

.modal-tab-title:nth-of-type(16) {
    top: 825px;
}

.modal-tab-title:nth-of-type(17) {
    top: 880px;
}

.modal-tab-title:nth-of-type(18) {
    top: 935px;
}

.modal-tab-title:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 2px #999;
    border-right: solid 2px #999;
    transform: rotateZ(45deg);
    position: absolute;
    right: 27px;
    top: calc(50% - 3px);
}

.modal-tab-title.active {
    color: #f1b500;
    background: #fff;
    border-left-color: #f1b500;
    border-right-color: transparent;
    pointer-events: none;
}

.modal-tab-title.active:before {
    border-color: #f1b500;
}

.modal-list {
    width: 100%;
    padding: 25px 35px 5px;
    background: #fff;
    display: none;
    border-left: solid 1px #eee;
    margin-left: -1px;
}

.modal-list.active {
    display: block;
}

.list-attributes {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
}

.list-attributes li {
    width: 50%;
    margin: 0 0 20px;
    line-height: 1.4;
}

.list-attributes li.form-check input[type="checkbox"]+label:before,
.job-type-category dd .form-check input[type="checkbox"]+label:before {
    border-width: 2px;
    border-color: #ccc;
}

#over-selected {
    background: rgba(0, 0, 0, 0.8);
}

.add-attribute .title {
    font-weight: bold;
    margin-bottom: 35px;
}

.group-add-attribute {
    max-width: 482px;
    margin-bottom: 14px;
}

.group-add-attribute li {
    display: none;
    flex-wrap: wrap;
}

.group-add-attribute input:checked+li {
    display: flex;
}

.group-add-attribute li>p {
    width: calc(100% - 83px);
    margin-right: 8px;
}

.group-add-attribute li .delete-row {
    display: inline-flex;
    width: 75px;
    height: 30px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    color: #888888;
    font-size: 13px;
    padding: 5px 5px 5px 15px;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    margin-top: 1px;
}

.group-add-attribute li .delete-row:before,
.group-add-attribute li .delete-row:after {
    content: "";
    width: 9px;
    height: 2px;
    background: #888;
    transform: rotateZ(45deg);
    position: absolute;
    top: calc(50% - 1px);
    left: 12px;
    border-radius: 5px;
    transition: all 0.2s;
}

.group-add-attribute li .delete-row:after {
    transform: rotateZ(-45deg);
}

.add-attribute .repeat-btn {
    padding-right: 20px;
    padding-left: 30px;
}

[preview-group]:empty {
    margin: 0;
}

[preview-group]:not(:empty)+[on-preview="false"] {
    margin-top: 5px;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog {
    max-width: 999px;
    width: 96%;
    margin: 2% auto;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-header {
    flex-direction: column;
    padding-bottom: 0px;
    border-bottom: none;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-header .job-type-search {
    margin: 0 -20px;
    padding: 12px 20px;
    text-align: center;
    width: calc(100% + 40px);
    background: #fafafa;
    border-top: 1px solid #dee2e6;
    margin-top: 18px;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-header .job-type-search .wrap-input {
    max-width: 780px;
    margin: 0 auto;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-header .job-type-search input {
    width: 100%;
    font-size: 13px;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-body {
    padding-left: 380px;
    height: 700px;
}

.modal-profile.modal-tab.job-type-selection .modal-tab-title {
    width: 380px;
    font-size: 15px;
    padding-left: 10px;
    line-height: 1.3;
}

.modal-profile.modal-tab.job-type-selection .modal-dialog .modal-body:before {
    left: calc(380px - 1px);
}

.job-type-category {
    margin-bottom: 25px;
}

.job-type-category dt {
    border-bottom: solid 1px #fbbd00;
    font-size: 15px;
    margin-bottom: 13px;
    padding-bottom: 1px;
    font-weight: 400;
}

.job-type-category dd {
    padding: 0 15px;
    margin-bottom: 0;
}

.job-type-category dd ul {
    display: flex;
    flex-wrap: wrap;
}

.job-type-category dd ul.block {
    flex-direction: column;
}

.job-type-category dd .form-check {
    padding-left: 0;
}

.job-type-category dd ul li {
    min-width: 120px;
    padding-right: 10px;
    margin-bottom: 6px;
    line-height: 1.4;
}

.job-type-category dd ul li .form-check-label {
    margin-top: 0;
    margin-bottom: 0;
}

.search-overlay {
    position: absolute;
    top: 127px;
    left: 0;
    width: 380px;
    height: calc(100% - 197px);
    background: rgba(174, 200, 216, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.search-overlay.open {
    opacity: 1;
    visibility: visible;
}

.search-overlay p .icon {
    margin-right: 7px;
    display: inline-block;
    transform: translateY(-1px);
}

.search-overlay p {
    font-size: 18px;
    color: #277ab0;
    margin: 0;
    font-weight: bold;
    line-height: 1;
    position: relative;
}

.job-type-search .wrap-input {
    position: relative;
}

.job-type-search .wrap-input input {
    padding-right: 40px;
}

.job-type-search .wrap-input .close-search {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 5px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.job-type-search .wrap-input .close-search.open {
    opacity: 1;
    visibility: visible;
}

.job-type-search .wrap-input .close-search:before,
.job-type-search .wrap-input .close-search:after {
    content: "";
    width: 9px;
    height: 2px;
    background: #888;
    transform: rotateZ(45deg);
    position: absolute;
    top: calc(50% - 1px);
    left: 5px;
    border-radius: 5px;
    transition: all 0.2s;
}

.job-type-search .wrap-input .close-search:after {
    transform: rotateZ(-45deg);
}

.search-keywords {
    position: relative;
    margin-left: 15px;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    display: inline-block;
}

.search-keywords:empty {
    display: none;
}

.search-keywords:before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: solid 2px #999;
    border-right: solid 2px #999;
    transform: rotateZ(-135deg);
    position: absolute;
    left: 4px;
    top: calc(50% - 4px);
}

.highlight,
.itemHighlight {
    background: #ffff00;
}

.check-empty {
    position: relative;
}

.check-empty .wrap-empty {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(251, 189, 0, 0.03);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.onEdit .check-empty .wrap-empty {
    display: none;
}

.check-empty .wrap-empty p {
    text-align: center;
    margin: 0;
    font-size: 14px;
    color: #fbbd00;
    font-weight: bold;
}