/*modal common style header content(scroll) footer*/
.dash-methinks .modal-common-bg {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.dash-methinks .modal-common-bg.poa {
    position: absolute;
}
.modal-common-bg .modal-common-new {
    /* max-width: calc(100% - 20%); */
    width: 100%;
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 120px);
    margin: auto;
}
.modal-common-new-date {
    max-width: 780px !important;
}
.modal-common-new .header-common-new,
.modal-common-new .footer-common-new {
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    flex: 0 0 auto;
}
.modal-common-new .footer-common-new {
    height: 64px;
    border-top: 1px solid #e6ebf0;
}

.modal-common-new .header-common-new.h72 {
    height: 72px;
}
.modal-common-new .footer-common-new.h80 {
    height: 80px;
}
.modal-common-new .header-common-new.height-auto {
    height: auto;
}
.modal-common-new .body-common-new {
    overflow-x: hidden;
    overflow-y: auto;
    flex: 1 1 auto;
}
.modal-common-new .header-common-new,
.modal-style .header-common-new {
    padding: 0px 20px 0 20px;
    box-sizing: border-box;
    flex: 0 0 auto;
    border-bottom: 1px solid #e6ebf0;
    height: 56px;
}
.modal-common-new .header-common-new-none {
    border-bottom: 0px !important;
}
.modal-common-new .header-common-new.border-none {
    border-bottom: none;
}
.body-common-new .content-common-new:not(.clicked) {
    display: none;
}
.body-common-new + .buttons-common-new {
    border-bottom-left-radius: 5px;
    border-bottom-rightt-radius: 5px;
}
.buttons-common-new .btn-common-new:only-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    width: 100%;
}
.buttons-common-new .btn-common-new:not(:only-of-type) {
    width: 50%;
}
.buttons-common-new .btn-common-new:first-child {
    border-bottom-left-radius: 5px;
}
.buttons-common-new .btn-common-new:last-child {
    border-bottom-right-radius: 5px;
}

/*modal alert small*/
.modal-common-bg .modal-common-alert {
    border-radius: 1px !important;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #ffffff;
    max-width: 360px;
    position: relative;
    border-radius: 5px !important;
    overflow: hidden;
}
.modal-common-alert .btn-close-alert {
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 1;
}

.dash-methinks .edit-profile-header-style {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 0px;
    padding-top: 0px;
    box-sizing: border-box;
}

/*modal loading*/
.modal-common-bg .content-loading-new {
    height: 200px;
    margin: auto;
}

/* Video Modal*/
.modal-youtube-style,
.modal-youtube-style .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3000;
}
.modal-youtube-style {
    overflow: hidden;
    position: fixed;
    opacity: 0;
    -webkit-transform: translate(500%, 0%);
    transform: translate(500%, 0%);
    -webkit-transition: -webkit-transform 0s linear 0s;
    transition: transform 0s linear 0s;
    display: flex;
    align-items: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.modal-youtube-style .overlay {
    z-index: 0;
    background: rgba(0, 0, 0, 0.65);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-out 0.05s;
    transition: opacity 0.2s ease-out 0.05s;
}
.modal-youtube-style .body-youtube-style {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 1;
    margin: 0 auto;
    overflow-y: visible;
    width: calc(100% - 20em);
    height: 0;
    padding-top: calc((100% - 20em) * 0.5625); /* 16:9 calc */
}

@media (min-aspect-ratio: 16/9) {
    .modal-youtube-style .body-youtube-style {
        width: 0;
        height: calc(100vh - 10em);
        padding-top: 0;
        padding-left: calc((100vh - 10em) * 1.7778); /* 16:9 calc */
    }
}
@media (max-width: 640px) {
    .modal-youtube-style .body-youtube-style {
        width: calc(100% - 1em);
        padding-top: calc((100% - 1em) * 0.5625); /* 16:9 calc */
    }
}

.modal-youtube-style .btn-close-youtube {
    display: block;
    position: absolute;
    right: 0;
    top: -40px;
    text-decoration: none;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}

/* set the iframe element to stretch to fit its parent element */
iframe.iframe-video-style {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1; /* background: #000; */ /* box-shadow: 0px 2px 16px rgba(0,0,0,0.5); */
}

/* show the modal:*/
.show-video-modal .modal-youtube-style {
    opacity: 1;
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}
.show-video-modal .modal-youtube-style .overlay {
    opacity: 1;
}
.show-video-modal .body-youtube-style {
    transform: translate(0%, 0%);
    -webkit-transform: translate(0%, 0%);
}

/*image upload modal*/
.dash-methinks .modal-image-upload-style.modal-common-new {
    border-radius: 5px;
    max-width: calc(100% - 24px);
    width: 825px;
    min-height: 500px;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background: #fff;
}
.dash-methinks .modal-image-upload-style .header-common-new {
    border-bottom: none;
}
.dash-methinks .modal-image-upload-style .footer-image-upload-style {
    border-top: none;
}
.dash-methinks .body-image-upload-style,
.dash-methinks .footer-image-upload-style {
    padding: 16px;
    border-radius: 3px;
}
.dash-methinks .body-image-upload-style {
    position: relative;
    width: 100%;
    padding: 0px 16px;
    border-bottom: none;
    text-align: center;
    box-sizing: border-box;
}
.dash-methinks .footer-image-upload-style {
    border-top: 1px solid #eff3f4;
}
.dash-methinks .body-image-upload-style .dropzone {
    /* border-radius: 5px; */
    color: #161931;
    border: 1px solid #dbdfe5;
    width: 100%;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}
.dash-methinks .body-image-upload-style .dropzone.dz-started {
    border: none;
}
.dash-methinks .body-image-upload-style .tab-survey-upload-style ~ .dropzone.dz-started {
    border: 1px solid #dbdfe5;
}
.dash-methinks .inputAnswerScreenerBox .dropzone {
    border-radius: 3px;
    border: none;
    text-align: center;
    overflow: hidden;
    padding: 0px;
    display: flex;
    min-height: auto;
    align-items: flex-end;
}
.dash-methinks .body-image-upload-style .dropzone .dz-preview.dz-image-preview {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #fbfcff;
    min-height: 100%;
    flex: 1;
    display: flex;
    /* flex: 1; */
    /* min-height: 1px; */
    /* display: flex; */
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.dash-methinks .body-image-upload-style .dropzone .dz-preview .dz-image {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
    border-radius: 0px;
    position: relative;
    background: #fff;
    display: flex;
    align-items: center;
}
.dash-methinks .body-image-upload-style .dropzone .dz-preview .dz-image img {
    margin: auto;
    display: block;
}
.dash-methinks .body-image-upload-style .dropzone .dz-message {
    margin: 0;
    position: relative;
    width: 100%;
}
.dash-methinks .body-image-upload-style .dropzone .dz-message .img-upload-style {
    max-width: 100px;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}
.dash-methinks .body-image-upload-style .dropzone.dz-drag-hover {
    background-color: #eff5fd;
    opacity: 1;
    background-image: repeating-linear-gradient(to right, #bdc5ce 0%, #bdc5ce 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to right, #bdc5ce 0%, #bdc5ce 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #bdc5ce 0%, #bdc5ce 50%, transparent 50%, transparent 100%),
        repeating-linear-gradient(to bottom, #bdc5ce 0%, #bdc5ce 50%, transparent 50%, transparent 100%);
    background-position: left top, left bottom, left top, right top;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: 12px 2px, 12px 2px, 2px 12px, 2px 12px;
    opacity: 1;
}
.dash-methinks .body-image-upload-style .dropzone.dz-drag-hover .dz-message {
    opacity: 1;
}
.dash-methinks .body-image-upload-style .dropzone .dz-details,
.dash-methinks .body-image-upload-style .dropzone .dz-progress,
.dash-methinks .body-image-upload-style .dropzone .dz-error-message,
.dash-methinks .body-image-upload-style .dropzone .dz-success-mark,
.dash-methinks .body-image-upload-style .dropzone .dz-error-mark {
    display: none;
}
.dash-methinks .body-image-upload-style .dropzone .dz-preview:hover {
    z-index: initial;
}
.dash-methinks .body-image-upload-style .dropzone .dz-preview:hover .dz-image img {
    filter: none;
    transform: scale(1);
    width: initial;
    height: auto;
    max-width: 100%;
}
.dash-methinks .body-image-upload-style .btn-remove__Img {
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 1px;
    width: 30px;
    height: 30px;
    box-shadow: 0 2px 4px 0 rgba(72, 79, 90, 0.4);
    z-index: 100;
    border-radius: 50px;
    background: #fff;
}
.dash-methinks .body-image-upload-style .tab-survey-upload-style {
    margin-bottom: -1px;
}
.tab-survey-upload-style + .dropzone {
    border: 1px solid #dbdfe5;
}
.dash-methinks .body-image-upload-style .tab-survey-upload-style .btn-upload-style {
    height: 44px;
    display: flex;
    align-items: center;
    border: solid 1px #dbdfe5;
    background-color: #f9fafc;
    padding: 0 20px;
    position: relative;
    z-index: 1;
    font-weight: 500;
}
.body-image-upload-style .tab-survey-upload-style .btn-upload-style.clicked {
    background-color: #fff;
    border-bottom: #fff 1px solid;
}
.body-image-upload-style .tab-survey-upload-style .btn-upload-style + .btn-upload-style {
    border-left: 0;
}
.body-image-upload-style .content-url-style {
    width: 100%;
    min-height: 450px;
    border: 1px solid #dbdfe5;
}

/*common filter*/
.dash-methinks .modal-common-filter-style {
    position: absolute;
    display: none;
    left: 0;
    top: 55px;
    right: 0;
    bottom: 0;
}
.modal-common-filter-style .content-common-filter-style {
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    width: 280px;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 120px);
}
.modal-common-filter-style .filter-container-style {
    overflow-y: auto;
    flex: 1 1 auto;
    width: 280px;
    padding: 20px;
    box-sizing: border-box;
}
.modal-common-filter-style .wrap-date-filter-style {
    display: none;
}
.modal-common-filter-style .wrap-session-filter-style {
    display: none;
}
.modal-common-filter-style .wrap-date-filter-style .item-toggle-style {
    width: 80px;
}
.modal-common-filter-style .grid-1 .item-toggle-style {
    width: 100%;
}
.modal-common-filter-style .grid-2 .item-toggle-style {
    width: 50%; /* padding: 0 8px; */
}
.modal-common-filter-style .grid-3 .item-toggle-style {
    width: 33.33%;
}
.modal-common-filter-style .apply-filter-style {
    border: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #dbdfe5;
    min-height: 56px;
    flex: 0 0 auto;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.modal-common-filter-style .wrap-session-filter-style .input-line-style {
    max-width: 80px;
    padding-left: 8px;
    text-align: center;
}
.modal-common-filter-style .item-toggle-style:focus {
    /* color: #3068ef; */ /* border: 1px solid #eee; */
    box-shadow: 0px 0px 1px 1px rgba(48, 88, 239, 0.4);
}
/*.modal-common-filter-style .apply-filter-style:focus{}*/

/*modal filter participant position*/
/* .modal-common-filter-style .filter-participant-position-style{margin-top: 160px;margin-left: auto; margin-bottom: 20px;} */
/* .modal-common-filter-style .filter-application-position-style,
.modal-common-filter-style .filter-participant-position-style{position: absolute; top: 104px; right: 20px;} */
.modal-common-filter-style .filter-invitations-position-style {
    margin-left: 264px;
    margin-top: 263px;
    margin-bottom: 20px;
    height: 400px;
}
.modal-common-filter-style .filter-announcement-position-style {
    max-width: 160px;
    height: fit-content;
    margin-top: 55px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 330px;
}
.modal-common-filter-style .sort-announcement-position-style {
    margin-top: 55px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 499px;
}
.modal-common-filter-style .sort-interview-position-style {
    margin-top: 47px;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 380px;
}
.modal-common-filter-style .filter-discussion-position-style {
    margin-left: auto;
    margin-top: 108px;
    margin-bottom: 20px;
}
.modal-common-filter-style .filter-suggestion-position-style {
    height: fit-content;
    margin: 50px 0 20px 499px;
}

/*modal contact us*/
.dash-methinks .modal-contact-us.modal-shape {
    width: 800px;
    height: 500px;
    flex-direction: initial;
}
.dash-methinks .modal-contact-us.modal-shape .right-box-contact {
    min-width: 296px;
    width: 296px;
    padding: 32px;
    position: relative;
    background-image: linear-gradient(31deg, #acd2f3, #74a6e3);
    padding-right: 24px;
    box-sizing: border-box;
    padding-top: 24px;
    margin-right: -1px;
    /* border-radius: 10px; */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dash-methinks .modal-contact-us.modal-shape .left-box-contact {
    padding: 24px;
    box-sizing: border-box;
    position: relative;
}
.dash-methinks .box-modal-contact-style .img-logo-contact {
    width: 104px;
    height: 20px;
}
.dash-methinks .box-modal-contact-style {
    margin-top: 128px;
}
.dash-methinks .footer-contact-us.right {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 0 32px 32px;
    transform: none;
}

/*modal review*/
.dash-methinks .modal-review-new {
    max-width: 600px;
    width: 100%;
}
.modal-review-new .header-review-new {
    border-bottom: 1px solid #fff;
}

.content-review-new .box-profile-rating {
    min-width: 160px;
    max-width: 160px;
    width: 100%;
}
.content-review-new .top-rating-reviews {
    min-height: 196px;
    padding-bottom: 30px;
}
.box-feedback-style .btn-line-new {
    max-width: calc(50% - 10px);
    width: 100%;
}
.box-feedback-style .btn-line-new:nth-child(1),
.box-feedback-style .btn-line-new:nth-child(2) {
    margin-bottom: 20px;
}
.box-feedback-style .btn-line-new:nth-child(1),
.box-feedback-style .btn-line-new:nth-child(3) {
    margin-right: 20px;
}
.modal-review-new .box-average-rating.jq-ry-container {
    width: 80px !important;
}
.modal-review-new .box-new-rating.jq-ry-container {
    width: 200px !important;
}
.modal-review-new .jq-ry-container {
    position: relative;
    line-height: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
}
.modal-review-new .jq-ry-container[readonly='readonly'] {
    cursor: default;
}
.modal-review-new .jq-ry-container > .jq-ry-group-wrapper {
    position: relative;
    width: 100%;
}
.modal-review-new .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 10;
    white-space: nowrap;
}
.modal-review-new .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
}
.modal-review-new .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
    width: 100%;
}
.modal-review-new .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

/*rating svg style*/
.modal-review-new .jq-ry-rated-group svg path {
    stroke: #ffb74d;
    fill: #fff;
}

/*rating - read-only*/
.modal-review-new .jq-ry-container[readonly='readonly'] .jq-ry-rated-group svg path {
    stroke: #ffb74d;
    fill: #ffb74d;
}
.modal-review-new .box-rating-style {
    justify-content: center;
    align-items: flex-start;
}
.box-rating-style .count-rating-new {
    margin-top: 4px;
    width: 60px;
    min-width: 60px;
    text-align: right;
}
.box-rating-style .info-rate-padding {
    margin-left: 8px;
}

/*flag*/
.dash-methinks .modal-flag-style {
    width: 300px;
    padding: 4px 0;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    position: absolute;
    display: none;
    top: 40px;
    right: 0;
}
.dash-methinks .modal-flag-style .list-flag-style {
    padding: 0 12px;
    cursor: pointer;
}

/*edit interview type*/
.dash-methinks .modal-interview-type-style {
    width: 720px;
    height: 500px;
}

.modal-common-bg .modal-announcement-schedule-style {
    width: 460px;
}
.modal-common-bg .modal-re-schedule-style {
    width: 720px;
    height: 600px;
}
.modal-re-schedule-style .content-reschedule-style {
    padding: 32px;
}
.modal-re-schedule-style .space-reschedule-style {
    width: 40px;
    min-width: 40px;
    height: 40px;
}
.modal-re-schedule-style .calendar-reschedule-style {
    max-width: 300px;
    width: 100%;
}

#scheduleModal .datepicker--days .datepicker--cells {
    justify-content: space-around;
}
#scheduleModal .datepicker--days .datepicker--cell {
    width: 28px;
    height: 28px;
    margin: 6px;
    border-radius: 100%;
}
#scheduleModal .datepicker--nav {
    display: flex;
    align-items: center;
}
#scheduleModal .datepicker--nav-action svg {
    display: none;
}
#scheduleModal .datepicker--nav-action[data-action='prev'] {
    width: 7px;
    height: 7px;
    border-color: transparent #ced0da transparent transparent;
    border-width: 5px;
    border-style: solid;
    border-radius: 0;
}
#scheduleModal .datepicker--nav-action[data-action='next'] {
    width: 7px;
    height: 7px;
    border-color: transparent transparent transparent #ced0da;
    border-width: 5px;
    border-style: solid;
    border-radius: 0;
}
#scheduleModal .datepicker--nav-action:hover {
    background: none;
}
#scheduleModal .datepicker--nav-title {
    position: relative;
    width: 80%;
    padding: 5px 0;
}
#scheduleModal .datepicker--nav-title::after {
    content: '';
    display: none;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 40px;
    background-image: url('/img/dashboard/common/ic-arrow-down-grey.svg');
    background-repeat: no-repeat;
}

.modal-common-bg .modal-announcement-schedule-style {
    width: 460px;
}
.modal-announcement-schedule-style .content-reschedule-style {
    padding: 32px;
}

.set-schedule-box .grey-interview-style {
    border-radius: 5px;
    border: solid 1px #dbdfe5;
    background-color: #f3f5f9;
    padding: 30px 20px;
}
.grey-interview-style .arrow-time-style {
    transform: rotate(-90deg);
}
.grey-interview-style .left-past-style {
    width: 150px;
}

.content-reschedule-style {
    /* padding: 0 50px; */
}
.content-reschedule-style .detail-reschedule-style {
    max-width: 280px;
    width: 100%;
}

/*modal change moderator*/
.dash-methinks .change-moderator-style {
    width: 564px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    background-color: #ffffff;
    position: fixed;
    left: 400px;
    top: 500px;
    padding: 24px 32px;
    box-sizing: border-box;
}
.dash-methinks .change-moderator-style .arrow {
    display: block;
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 2px;
    margin-left: -6px;
    left: 50%;
    top: 0px;
    position: absolute;
}
.dash-methinks .change-moderator-style .arrow.top {
    transform: rotate(180deg) translateX(-50%) rotate(45deg);
    top: -6px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
}
.dash-methinks .change-moderator-style .arrow:before {
    content: '';
    position: absolute;
    bottom: -1px;
    left: -26px;
    width: 40px;
    background: #fff;
    height: 20px;
    transform: rotate(135deg) translate(0);
}
.change-moderator-style .arrow-team-style {
    transform: rotate(-90deg);
}
.change-moderator-style .content-moderator-style {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8px;
}
.content-moderator-style .list-moderator-style {
    width: 100px;
    height: 80px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 8px;
    margin: 6px 0;
    margin-top: 0;
}
.content-moderator-style .add-moderator-style {
    border: dashed 1px #dbdfe5;
    fill: #dbdfe5;
}
.content-moderator-style .add-moderator-style:hover {
    border: dashed 1px #697788;
    fill: #697788;
}
.list-moderator-style .radio-moderator-style {
    position: absolute;
    right: -5px;
    bottom: -4px;
}

/*modal multiple message*/
.dash-methinks .modal-message-multiple-style {
    max-width: 450px;
}
.dash-methinks .modal-message-multiple-style .box-warning-message-style {
    padding: 10px 20px;
}
.dash-methinks .modal-message-multiple-style .box-warning-message-style {
    box-shadow: 0 4px 12px 0 rgba(22, 38, 55, 0.3);
    background-color: #4e5f71;
}
.dash-methinks .modal-message-multiple-style .toggle-user-invited-style {
    border-radius: 2px;
    box-shadow: 0 4px 8px 0 rgba(223, 230, 238, 0.3);
    background-color: #ffffff;
    margin-left: auto;
}
.dash-methinks .content-invited-message-style.text-hidden {
    max-width: 80%;
}
.dash-methinks .content-invited-message-style:not(.text-hidden) {
    max-width: 90%;
}
.dash-methinks .content-invited-message-style:not(.text-hidden) ~ .toggle-user-invited-style {
    display: none;
}
.dash-methinks .box-user-invited-message-style {
    padding: 16px 20px;
    background: #f9fafc;
}
.dash-methinks .content-invited-message-style.text-hidden.clicked ~ .toggle-user-invited-style {
    display: block;
    transform: rotate(0deg);
}
.dash-methinks .content-invited-message-style:not(.text-hidden).clicked ~ .toggle-user-invited-style {
    transform: rotate(-90deg);
    display: block;
}
.dash-methinks .modal-message-multiple-style .box-user-textarea-style {
    padding: 16px 24px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.dash-methinks .modal-message-multiple-style .box-user-textarea-style .custom_textarea {
    height: 250px;
}

.dash-methinks .modal-message-multiple-style .footer-message-multiple button {
    flex: 1;
}

/*modal manually style*/
.bg-manually-style .modal-manually-style {
    max-width: 520px;
    margin: 0;
}
.bg-manually-style .modal-search-style {
    max-width: 460px;
    margin: 0;
    position: relative;
    box-shadow: 0 2px 4px 0 rgba(72, 82, 95, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(44, 47, 48, 0.24);
    margin-left: 5px;
    margin-bottom: 80px;
    display: none;
    max-height: 458px;
}
.bg-manually-style .modal-search-style.modal-search-participant {
    box-sizing: content-box;
}
.bg-manually-style .modal-search-style .arrow-search-style + .body-common-new {
    position: relative;
    z-index: 100;
    background-color: #fff;
}
.modal-manually-style .header-manually-style {
    height: 72px;
}
.modal-manually-style .content-manually-style .icon-plus-style {
    background: #f16963;
}
.content-manually-style .icon-plus-style {
}
.modal-manually-style .content-manually-style {
    min-height: 400px;
    max-height: 400px;
}

.modal-search-style .content-search-style {
    min-height: 400px;
    max-height: 400px;
}
.modal-search-style .content-search-style .icon-plus-style {
    background: #3068ef;
}

.modal-search-style .arrow-search-style {
    position: absolute;
    left: -5px;
    top: 22px;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    transform: rotate(45deg);
    box-shadow: 0 2px 4px 0 rgba(72, 82, 95, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(44, 47, 48, 0.24);
}
.bg-manually-style .modal-search-style .header-search-style {
    background: #fff;
    z-index: 10;
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.bg-manually-style .search-participant-style {
    border-bottom: 1px solid #e6ebf0;
}

/*placeholder : common manually*/
.bg-manually-style .placeholder-manually-style {
    margin: auto;
    transform: translateY(50%);
}

/*screener question information modal*/
.dash-methinks .modal-info-style {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    max-width: calc(600px - 24px);
    position: relative;
}
.modal-info-style .item-screener-style {
    margin-bottom: 70px;
    min-height: 400px;
}
.modal-info-style .img-screener-style {
    height: 239px;
    width: auto;
}
.modal-info-style .btn-prev-style,
.modal-info-style .btn-next-style {
    top: 277px;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
}
.modal-info-style .btn-prev-style {
    left: -72px;
    transform: rotate(180deg);
}
.modal-info-style .btn-next-style {
    right: -72px;
}
.modal-info-style .box-navi-style .dot-navi-style {
    width: 10px;
    height: 10px;
    background: rgba(22, 25, 49, 0.2);
}
.modal-info-style .box-navi-style .dot-navi-style.active {
    background: rgba(22, 25, 49, 1);
}

/*modal status interview*/
.dash-methinks .modal-status-interview-style {
    width: 448px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    position: fixed;
    box-sizing: border-box;
    border-radius: 5px;
    display: none;
    left: 50px;
    max-height: 200px;
}
.dash-methinks .modal-status-interview-style.display-flex {
    display: flex;
}
.modal-status-interview-style .scroll-status-interview-style {
    flex: 1 1 auto;
    overflow-y: auto;
    position: relative;
    z-index: 1;
    background: #fff;
}
.modal-status-interview-style .content-status-interview-style {
    padding: 24px 40px; /* position: relative; */ /* z-index: 1; */
}
.dash-methinks .modal-status-interview-style .arrow {
    position: absolute;
    left: -12px;
    top: 50%;
    background: #fff;
    width: 16px;
    height: 16px;
    /* z-index: 1; */
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    transform: rotate(45deg) translateY(-50%);
    /* z-index: -1; */
}

/*modal notification*/
.dash-methinks .modal-notification-style {
    width: 450px;
    height: 600px;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    background-color: #ffffff;
    position: fixed;
    top: 49px;
    overflow-y: auto;
    display: none;
}
.modal-notification-style .title-notification-style {
    margin-top: 28px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 28px;
}
.title-notification-style svg {
    margin-top: -2px;
}
.modal-notification-style .list-notification-style {
    padding: 16px 32px;
    box-sizing: border-box;
    padding-left: 63px;
}
.list-notification-style .text-notification-style {
    line-height: 1.71;
}
.list-notification-style .icon-notification-style {
    position: absolute;
    left: 32px;
    top: 18px;
}

/*modal confirm invitation && BYOU recruit*/
.dash-methinks .modal-confirm-invi {
    max-width: 500px;
    width: 100%;
    min-height: 400px;
    flex-direction: inherit;
    justify-content: center;
    padding: 72px 0;
}
.modal-confirm-invi .grid-invited-users {
    display: grid;
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    max-width: 312px;
    grid-template-columns: repeat(auto-fit, 50px);
    position: relative;
}
.modal-confirm-invi .grid-invited-users.max:before {
    content: '…';
    position: absolute;
    right: -12px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;

    color: #161931cc;
}

/*modal credit*/
.modal-credit-bg .modal-check-credit-style {
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 400px; /* height: 600px; */
}
.modal-check-credit-style .close-check-credit-style {
    position: absolute;
    right: 12px;
    top: 12px;
}
.modal-check-credit-style .content-check-credit-style {
    padding: 40px;
    text-align: center;
}
.content-check-credit-style .current-credit-style {
    max-width: 126px;
    margin: 0 auto;
    margin-bottom: 20px;
    border: solid 1px #dbdfe5;
    background-color: #f8fafc;
    padding: 7px 12px;
}
.modal-check-credit-style .btn-check-credit-style {
    border-radius: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative;
}
.modal-check-credit-style .text-credit-style {
    line-height: 1.57;
}
.buttons-check-credit-style .btn-blue-new {
    border-bottom-left-radius: 0px;
}
.btn-check-credit-style .icon-arrow-style {
    position: absolute;
    right: 16px;
    top: 14px;
}

/*modal flagged thinker settng*/
.dash-methinks .modal-flagged-setting-style {
    width: 640px;
    height: 500px;
}

/*modal time zone*/
.dash-methinks .subModal-timeZone-setting-style {
    border-radius: 5px;
    box-shadow: 0 2px 4px 0 rgba(72, 82, 95, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(44, 47, 48, 0.24);
    width: fit-content;
    max-height: 700px;
    position: fixed;
    right: 402px;
    top: 0;
    z-index: 9999;
    background: #fff;
    padding: 4px 0 10px;
    box-sizing: border-box;
    display: none;
}
.dash-methinks .box-scroll-timeZone-style > .list-timeZone-setting {
    padding: 6px 16px;
    box-sizing: border-box;
    display: block;
    text-align: left;
    height: 40px;
    width: 100%;
}
.dash-methinks .box-scroll-timeZone-style > .list-timeZone-setting.clicked {
    position: relative;
}
.dash-methinks .box-scroll-timeZone-style > .list-timeZone-setting.clicked::before {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    background: url(/renewal/img/svg/ic_check_16x_black.svg);
    width: 16px;
    height: 16px;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: right;
    transform: translateY(-50%);
}
.dash-methinks .edit-profile-img-style {
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    bottom: 0;
    right: -4px;
    background: #fff;
}
.dash-methinks .btn-arrowDown-setting {
    background: #fff;
}
.dash-methinks .box-scroll-timeZone-style {
    max-height: 680px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*wrap-share-settings-style*/
.wrap-share-settings-style {
    padding: 20px 24px;
    display: none;
}
.wrap-share-settings-style .label-setting-style {
    display: none;
}

/*add focus group list*/
.modal-add-focus-style {
    max-width: 460px;
    width: 100%;
    position: fixed;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.modal-add-focus-style .list-participant-style:hover {
    background-color: #f3f5f9;
}
.modal-add-focus-style .save-add-focus-style {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.modal-add-focus-style .wrap-search-result-style {
    max-height: 400px;
    overflow-y: auto;
}

/*modal predefined choice*/
.dash-methinks .modal-predefined-choice-style {
    width: 500px;
}
.modal-predefined-choice-style .info-total-options-style {
    position: sticky;
    top: 0;
    background: #fff;
    width: 100%;
}
.modal-predefined-choice-style .content-predefined-choice-style {
    min-height: 400px;
    max-height: 500px;
    background: #f9f9fb;
}
.content-predefined-choice-style .option-predefined-choice-style:hover {
    background-color: #eceef1;
}
.content-predefined-choice-style .option-predefined-choice-style {
    padding: 0 24px 0 24px;
    background: #f9f9fb;
}
.modal-predefined-choice-style .btn-option-setting-style:not(.clicked) .check-icon {
    display: none;
}
.modal-predefined-choice-style .btn-option-setting-style:not(.check-minus-style) .minus-icon {
    display: none;
}
.modal-predefined-choice-style .btn-option-setting-style.check-minus-style .check-icon {
    display: none;
}
.modal-predefined-choice-style .btn-option-setting-style svg rect {
    rx: 2;
}
.content-predefined-choice-style .option-predefined-choice-style .btn-option-setting-style:not(.clicked) svg rect {
    stroke: #656c6d52;
    stroke-width: 2px;
}
.content-predefined-choice-style
    .option-predefined-choice-style:hover
    .btn-option-setting-style:not(.clicked):not(:hover)
    svg
    rect {
    stroke: #656c6d;
}
.modal-predefined-choice-style .option-reject-accept-style .btn-reject-style:hover svg rect,
.modal-predefined-choice-style .option-reject-accept-style .btn-accept-style:hover svg rect {
    fill: #fff;
}
.modal-predefined-choice-style .option-reject-accept-style .btn-reject-style:hover svg rect {
    stroke: #ff4764;
}
.modal-predefined-choice-style .option-reject-accept-style .btn-accept-style:hover svg rect {
    stroke: #00d4d0;
}
.modal-predefined-choice-style .option-reject-accept-style .btn-accept-style.clicked svg rect {
    fill: #00d4d0;
    stroke: #00d4d0;
}
.modal-predefined-choice-style .option-reject-accept-style .btn-reject-style.clicked svg rect {
    fill: #ff4764;
    stroke: #ff4764;
}

/*forum : manage section*/
.dash-methinks .modal-forum-manage-style {
    width: 800px;
}
.modal-forum-manage-style .content-manage-section-style {
    padding: 40px;
}

/*modal setting team member*/
.dash-methinks .modal-team-setting-style {
    width: 400px;
}
.modal-team-setting-style .content-team-setting-style {
    padding: 30px 40px;
}
.content-team-setting-style .title-setting-style {
    padding-bottom: 4px;
    border-bottom: 1px solid #000000;
    margin-bottom: 16px;
}
.modal-team-setting-style .line-dash-style.w100,
.modal-team-setting-style .line-dash-style.h48 {
    background: rgba(0, 0, 0, 0.12);
}
.modal-team-setting-style .line-dash-style.h48 {
    width: 1px;
}
.modal-team-setting-style .line-dash-style.w100 {
    height: 1px;
}

/*modal estimated duration*/
.dash-methinks .modal-estimated-duration-style {
    width: 400px;
}

/*modal start recruiting*/
.dash-methinks .modal-start-recruiting-style {
    width: 420px;
    min-height: 400px;
    border-radius: 5px;
    overflow: hidden;
}
.dash-methinks .hide-schedule-style {
    height: 100%;
}

/*modal recruitment setting*/
.dash-methinks .modal-recruitment-setting-style {
    width: 640px;
}
.modal-recruitment-setting-style .content-recruitment-settings {
    min-height: 500px;
}
.modal-recruitment-setting-style div:not(.header-common-new):not(.footer-common-new).display-flex {
    flex: 0 1 auto;
}
.modal-recruitment-setting-style .icon-setting-style {
    background-color: #ecf0ff;
}
.modal-recruitment-setting-style .label-number-participant-style {
    /* margin-left: 52px */
}
.modal-recruitment-setting-style .share-link-style {
    max-width: calc(100% - 92px);
}
.modal-recruitment-setting-style .upload-logo-style.upload-logo-style {
    flex: 0 1 auto;
}
.modal-recruitment-setting-style .upload-logo-style.upload-logo-style,
.modal-recruitment-setting-style .share-link-style.share-link-style {
    max-width: calc(560px - 144px);
    color: #161931;
}

/*modal restricted applicants*/
.dash-methinks .modal-restricted-applicants-style {
    width: 640px;
}
.modal-restricted-applicants-style .input-add-user-style {
    padding-right: 100px;
}
.modal-restricted-applicants-style .btn-add-style {
    position: absolute;
    right: 28px;
    top: 4px;
}
.modal-restricted-applicants-style .content-manage-restricted-style {
    height: 400px;
}
.modal-restricted-applicants-style .header-manage-restricted-style {
    border-bottom: 1px solid #e6ebf0;
    position: sticky;
    top: 0;
    background: #fff;
}
.modal-restricted-applicants-style .row-user-detail-style {
    padding: 0 24px;
    display: flex;
    height: 40px;
    align-items: center;
    position: relative;
}
.row-user-detail-style .label-chk-user-style {
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}
.row-user-detail-style > span:nth-child(2) {
    max-width: 100px;
    padding-right: 16px;
    box-sizing: border-box;
    width: 100%;
    position: relative; /* white-space: nowrap; */ /* overflow: hidden; */ /* text-overflow: ellipsis; */
}
.row-user-detail-style > span:nth-child(3) {
    max-width: 80px;
    box-sizing: border-box;
    width: 100%;
}
.content-manage-restricted-style .row-user-detail-style:nth-of-type(odd) {
    background-color: #f9faff;
}
.modal-restricted-applicants-style .tooltip-memo-style {
    font-size: 13px;
    border-radius: 2px;
    border: solid 1px #dbdfe5;
    background-color: #f9faff;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    max-width: 100px;
    z-index: 10;
    color: #697788;
    word-break: break-word;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
}

/*modal tips*/
.dash-methinks .modal-tips-uploading-style {
    width: 460px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
.modal-tips-uploading-style .btn-close-style {
    position: absolute;
    right: 16px;
    top: 16px;
}
.modal-tips-uploading-style .content-tips-uploading-style {
    padding: 32px;
    padding-top: 24px;
    position: relative;
}

/*get share link*/
.dash-methinks .modal-share-link-style {
    width: 600px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 5px;
}
.dash-methinks .modal-share-link-style .content-share-link-style {
    padding: 15px 24px 24px 24px;
}
.modal-share-link-style .info-recruitment-link-style {
    line-height: 21px;
}
.modal-share-link-style .close-share-link-style {
    right: 24px;
    top: 14px;
}
.modal-share-link-style .wrap-link-copy-style {
    flex: 0 1 auto;
}
.modal-share-link-style .share-link-style {
    flex: 0 1 auto;
}
/*.modal-share-link-style .btn-copy-link-style{padding: 0;}*/

/*participant review / paid/ permission*/
.dash-methinks .modal-participant-setting-style {
    width: 500px;
    border-radius: 5px;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
/* .modal-participant-setting-style .btn-close-style{position: absolute;right: 16px;top: 16px;} */
.modal-participant-setting-style .box-star-style + .review-history-style {
    margin-top: 16px;
}
.modal-participant-setting-style .review-history-style {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
}
.review-history-style .item-review-flag-style {
    margin: 2px;
    display: flex;
    line-height: 1; /* align-items: center; */
}
.review-history-style .btn-add-flag-style {
    margin: 2px;
    border-radius: 2px;
    border: solid 1px #e93733;
    background-color: #fff;
    width: 40px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.review-history-style .btn-add-flag-style svg {
    margin: -2px;
}
.review-history-style .btn-add-flag-style:hover {
    background-color: #e93733;
}
.review-history-style .btn-add-flag-style:hover svg path {
    fill: #fff;
}
.item-review-flag-style .count-review-flag-style {
    margin-left: 5px;
}
.modal-participant-setting-style .rate-count-style {
    height: 40px;
    width: 60px;
    line-height: 1;
    margin-right: 20px;
}
.modal-participant-setting-style .wrap-rating-style {
    margin-top: -4px;
}
.wrap-flag-setting-style .item-flag-style {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #bebec8;
    font-size: 15px;
}
.wrap-flag-setting-style .item-flag-style.item-flag-style.clicked {
    background-color: #3068ef;
    color: #fff;
    border-top-color: #3068ef; /* border-bottom-color: #3068ef; */
    border-right-color: #3068ef;
}
.modal-participant-setting-style .added-flag-history-style {
    margin-top: 16px;
    position: relative;
}
.item-review-flag-style .btn-remove-flag-style {
    margin-left: 4px;
}
.modal-participant-setting-style .payment-detail-style {
    display: flex;
    line-height: 1;
}
.modal-participant-setting-style .feature-apptest-permission-style {
    margin-left: 32px;
}

/*rating*/
.jq-ry-container {
    position: relative;
    line-height: 0;
    display: inline-block;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    direction: ltr;
}
.jq-ry-rated-group svg path {
    stroke: #ffb74d;
    fill: #fff;
}
.jq-ry-container[readonly='readonly'] {
    cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
    position: relative;
    width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
    position: relative;
    line-height: 0;
    z-index: 5;
    white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
    display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
    width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
    width: 0;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

/*participant advanced search*/
.dash-methinks .participant-advanced-search-style {
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 8px 20px 0 rgba(0, 0, 0, 0.08);
    width: 500px;
    position: absolute;
    left: 329px;
    top: 110px;
    transition: left 0.3s ease-in-out;
}
.participant-advanced-search-style .row-search-type-style {
    grid-row-gap: 16px;
    padding: 0 8px;
    min-height: 50px;
}
.participant-advanced-search-style .row-search-type-style .cell-search-type-style {
    position: relative;
}
.participant-advanced-search-style
    .row-search-type-style
    .cell-search-type-style:not(:only-child):not(:nth-of-type(2n)) {
    margin-right: 10px;
}
.participant-advanced-search-style .row-search-type-style .cell-search-type-style:not(:only-child):nth-of-type(2n) {
    margin-left: 10px;
}
.row-search-type-style .task-status-style .item-toggle-style {
    flex: 1;
    padding: 0 12px;
}
.wrap-survey-pack-style .item-survey-pack-style .icon-check-style {
    background: #dbdfe5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.wrap-survey-pack-style .item-survey-pack-style.clicked .icon-check-style {
    background: #3068ef;
    border: #3068ef;
}
.wrap-survey-pack-style .item-survey-pack-style.clicked .icon-check-style img:nth-child(1),
.wrap-survey-pack-style .item-survey-pack-style:not(.clicked) .icon-check-style img:nth-child(2) {
    display: none;
}
.participant-advanced-search-style .app-date-list-style {
    max-height: 300px;
    overflow-y: auto;
}
.app-date-list-style .item-date-style .icon-check-style {
    background: #dbdfe5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app-date-list-style .item-date-style.clicked .icon-check-style {
    background: #3068ef;
    border: #3068ef;
}
.app-date-list-style .item-date-style.clicked .icon-check-style img:nth-child(1),
.app-date-list-style .item-date-style:not(.clicked) .icon-check-style img:nth-child(2) {
    display: none;
}

.participant-advanced-search-style .content-advanced-search-style {
    margin-bottom: 50px;
}

/*project date*/
.dash-methinks .modal-project-schedule-style {
    width: 420px;
    height: 560px;
}
.modal-project-schedule-style .content-project-schedule-style {
    padding: 32px 40px;
}
.modal-project-schedule-style .buttons-project-schedule-style {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.modal-project-schedule-style .buttons-project-schedule-style .line-style {
    width: 1px;
    background: rgba(0, 0, 0, 0.12);
}

/*project details*/
.dash-methinks .modal-project-detail-style {
    width: 800px; /* height: 500px; */
}
.dash-methinks .modal-project-detail-style .body-common-new {
    height: 500px;
}
.dash-methinks .modal-project-detail-style .body-common-new > div {
    overflow-y: auto;
}
/*status description*/
.dash-methinks .modal-status-description-style {
    width: 500px;
}

/*duplicate survey*/
.dash-methinks .modal-duplicate-survey-style {
    width: 500px;
    height: 600px;
}
.modal-duplicate-survey-style .list-project-recruit-style:not(:last-child) {
    margin-bottom: 8px;
}
.modal-duplicate-survey-style .list-project-recruit-style {
    border-radius: 3px;
    box-shadow: 0 1px 1px 0 rgba(176, 186, 197, 0.4);
    border: solid 1.2px #ecf0ff;
    height: 80px;
    box-sizing: border-box;
    padding: 0 26px 0 20px;
    cursor: pointer;
}
.modal-duplicate-survey-style .list-project-recruit-style:not(.disabled):hover {
    box-shadow: 0 1px 4px 0 rgba(44, 64, 90, 0.21), inset 0 -1px 0 0 #7e95a7;
    border: solid 1px rgba(183, 210, 229, 0.8);
}
.modal-duplicate-survey-style .list-project-recruit-style.disabled,
.modal-duplicate-survey-style .type-select-invite.disabled {
    box-shadow: 0 1px 1px 0 rgba(176, 186, 197, 0.4);
    border: solid 1.2px #ecf0ff;
    background-color: #eff3f4;
    cursor: default;
}
.modal-duplicate-survey-style .list-project-recruit-style:not(.disabled):active {
    box-shadow: 0 1px 1px 0 rgba(176, 186, 197, 0.4);
    background-color: #74a6e3;
}
.modal-duplicate-survey-style .list-project-recruit-style:not(.disabled):active span,
.modal-duplicate-survey-style .step-select-type-invi .type-select-invite:not(.disabled):active h1,
.modal-duplicate-survey-style .step-select-type-invi .type-select-invite:not(.disabled):active h2,
.modal-duplicate-survey-style .step-select-type-invi .type-select-invite:not(.disabled):active span,
.modal-duplicate-survey-style .step-select-type-invi .type-select-invite:not(.disabled):active li {
    color: #fff !important;
}
.modal-duplicate-survey-style .list-project-recruit-style .w24 {
    min-width: 24px;
    min-height: 24px;
}

/*upload import copy survey*/
.dash-methinks .modal-survey-import-style {
    width: 560px;
    height: 520px;
    border-radius: 10px;
}
.modal-survey-import-style .content-upload-import-style {
    padding: 32px 40px;
}
.label-excel-form-style {
    display: block;
    border-radius: 5px;
    background-color: #f9faff;
    border: solid 1px #dbdfe5;
}
.label-excel-form-style .label-placeholder-style {
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal-survey-import-style .uploaded-item-style {
    padding: 30px;
    min-height: 110px;
    display: flex;
    background-color: #f9faff;
    border: solid 1px #dbdfe5;
    border-radius: 5px;
}
. survey-upload-tab-style .btn-tab-style {
    color: #373d52;
}
.survey-upload-tab-style .btn-tab-style.clicked:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    background-color: #3068ef;
}
.modal-survey-import-style .disabled {
    background-color: #f8f8f8;
    color: rgba(22, 25, 49, 0.5);
    border: 1px solid #f8f8f8;
}
.modal-survey-import-style .disabled .radio-label-style {
    background-color: #dbdfe5;
}
.modal-survey-import-style .copy-project-list-style:not(.disabled):hover,
.modal-survey-import-style .btn-project-list-style:not(.disabled):hover,
.modal-survey-import-style .survey-pack-list-style:not(.disabled):hover {
    background-color: #f9faff;
}

/*survey setting*/
.dash-methinks .modal-survey-setting-style {
    width: 500px;
}
.modal-survey-setting-style .row-user-detail-style:nth-of-type(odd):not(.check-all-style) {
    background-color: #f9faff;
}
.modal-survey-setting-style .row-user-detail-style {
    padding: 0 40px;
    height: 40px;
    align-items: center;
    position: relative;
    display: flex;
}
.modal-survey-setting-style .label-available-all-style {
    border-top: 1px solid #e6ebf0;
    position: sticky;
    bottom: 0;
    background-color: #fff;
}
.modal-survey-setting-style .info-survey-target-style {
    padding-top: 12px;
}
.modal-survey-setting-style .check-all-style {
    position: sticky;
    top: 0;
    background: #fff;
}
.modal-survey-setting-style .disabled-style {
    position: relative;
}
.modal-survey-setting-style .disabled-style:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    display: block;
    background: #fff;
    z-index: 1;
}
@media (max-width: 768px) {
    .modal-common-bg .modal-common-new:not(.modal-common-alert) {
        max-height: calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}

/*modal announcement*/
.dash-methinks .modal-create-news-style {
    width: 640px; /* height: 700px; */
}
.modal-create-news-style .info-select-user-style {
    padding-top: 12px;
}
.modal-create-news-style .row-user-detail-style:nth-of-type(odd):not(.check-all-style) {
    background-color: #f9faff;
}
.modal-create-news-style .row-user-detail-style {
    padding: 0 40px;
    height: 40px;
    align-items: center;
    position: relative;
    display: flex;
}
.modal-create-news-style .label-available-all-style {
    border-top: 1px solid #e6ebf0;
    position: sticky;
    bottom: 0;
    background-color: #fff;
}
.modal-create-news-style .check-all-style {
    position: sticky;
    top: 0;
    background: #fff;
}
.dash-methinks .scroll-image-news-style {
    overflow-x: auto;
    width: 100%; /* height: 80px; */
    overflow-y: hidden;
    display: flex;
}
.dash-methinks .scroll-image-news-style .list-img-create-news {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 80px;
    height: 80px;
    margin-bottom: 8px;
    padding: 4px;
    border-radius: 3px;
}
.dash-methinks .scroll-image-news-style .list-img-create-news img:not(.w24),
.dash-methinks .scroll-image-news-style .list-img-create-news .video-thumb,
.dash-methinks .scroll-image-news-style .list-img-create-news video {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    object-fit: cover;
}
.dash-methinks .list-img-create-news:not(.loading):hover:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 3px;
}
.dash-methinks .list-img-create-news:not(.loading):hover .btn-delete-image-news {
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    transform: translate(-50%, -50%);
}
.dash-methinks .list-img-create-news .btn-delete-image-news {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}
.dash-methinks .list-img-create-news.loading:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background-color: #333333;
}

/*modal-view-announcement*/
.dash-methinks .modal-view-announcement-style {
    box-shadow: 0 2px 4px 0 rgba(72, 82, 95, 0.3), 0 0 2px 0 rgba(0, 0, 0, 0.2), 0 8px 20px 0 rgba(44, 47, 48, 0.24);
    background-color: #ffffff;
    flex: 1;
    max-width: 630px;
    border-radius: 5px;
    position: relative;
    width: 100%;
}
.dash-methinks .modal-view-announcement-style .content-announcement-style {
    min-height: 300px;
}
.dash-methinks .modal-view-announcement-style .btn-step-announcement-style {
    position: absolute;
    border-radius: 50px;
    top: 50%;
    transform: translateY(-50%);
    transition-duration: 0.2s;
    transition-property: background-color, color;
}
.dash-methinks .modal-view-announcement-style .btn-step-announcement-style:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.dash-methinks .modal-view-announcement-style .btn-left-step-style {
    left: -100px;
}
.dash-methinks .modal-view-announcement-style .btn-right-step-style {
    right: -100px;
}
.dash-methinks .modal-view-announcement-style .shape-arrow-style {
    width: 20px;
    height: 20px;
    border: solid 2px #ffffff;
    display: inline-block;
    vertical-align: middle;
    transform: rotate(225deg);
}
.dash-methinks .btn-right-step-style .shape-arrow-style {
    border-right-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0);
    margin-right: 9px;
}
.dash-methinks .btn-left-step-style .shape-arrow-style {
    border-left-color: rgba(0, 0, 0, 0);
    border-bottom-color: rgba(0, 0, 0, 0);
    margin-left: 9px;
}
/*.dash-methinks .right-create-news .select-all-create-style{ height: 40px; background-color: #f9fafc; display: flex; border-top: 1px solid #dfe6ee; align-items: center;}*/
.dash-methinks .right-create-news .select-all-create-style {
    height: 40px;
    display: flex;
    border-bottom: 1px solid #dfe6ee;
    align-items: center;
}
.dash-methinks .content-announcement-style .img-announcement-style {
    height: auto;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    object-fit: initial;
}

/*modal word list*/
.dash-methinks .modal-word-list-style {
    width: 900px;
}
.modal-word-list-style .content-word-list-style {
    padding: 32px 40px;
    padding-top: 0;
}

.content-word-list-style .fixed-content-style {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    padding-top: 30px;
}
.content-word-list-style .header-search-word-style {
    border: solid 1px #dbdfe5;
    border-top: solid 1px #dbdfe5;
    border-left: solid 1px #dbdfe5;
}
.content-word-list-style .table-search-word-style {
    background: #fff;
    border: solid 1px #dbdfe5;
}
.table-search-word-style .row-search-word-style {
    height: 36px;
}
.table-search-word-style .row-search-word-style:not(.header-search-word-style):nth-of-type(odd) {
    background-color: #f9f9f9;
}
.row-search-word-style .rank-search-word-style {
    max-width: 128px;
    width: 128px;
    padding-left: 12px;
    height: 36px;
    display: flex;
    align-items: center;
    border-right: 1px solid #dbdfe5;
}
.row-search-word-style .word-search-word-style {
    max-width: 478px;
    width: 478px;
    padding: 0 12px;
    height: 36px;
    display: flex;
    align-items: center;
    border-right: 1px solid #dbdfe5;
}
.row-search-word-style .vote-search-word-style {
    max-width: 214px;
    width: 214px;
    padding-left: 12px;
    height: 36px;
    display: flex;
    align-items: center;
}
.table-search-word-style .btn-word-reset-style {
    border: 1px solid #161931;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.27;
}
.table-search-word-style .row-search-word-style:not(:hover) .btn-word-reset-style:not([data-title='Reset']) {
    display: none;
}
.table-search-word-style .btn-word-reset-style:hover {
    opacity: 1;
}
.row-search-word-style.reset-style {
    text-decoration: line-through;
    color: #b4b5bc;
}

/*modal create new tab*/

/*create new tab*/
.dash-methinks .create-tab-style {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    overflow-y: auto;
    position: fixed;
    top: 162px;
    left: 348px;
    width: 100%;
    max-width: 380px;
    height: fit-content;
    min-height: 1px;
    max-height: 450px;
    padding: 0;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 0 1px rgb(0 0 0 / 7%), 0 8px 20px 0 rgb(0 0 0 / 8%);
}
.create-tab-style .input-create-tab {
    padding-right: 84px;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 12px 8px;
    font-size: 13px;
}

.create-tab-style .input-create-tab::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.create-tab-style .input-create-tab:read-only {
    color: #161931;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.create-tab-style .input-create-tab.input-new-style:not(:disabled):read-only:hover {
    border: 1px solid #bebec8;
}
.create-tab-style .input-create-tab.input-img:read-only {
    padding-left: 44px;
}
.create-tab-style .input-create-tab.qualified {
    background-image: url(/img/dashboard/common/ic-24-tab-qualified.svg);
}
.create-tab-style .input-create-tab.disqualified {
    background-image: url(/img/dashboard/common/ic-24-tab-disqualified.svg);
}
.create-tab-style .input-create-tab.new:read-only {
    background-image: url(/img/dashboard/common/ic-24-tab.svg);
}
.create-tab-style .row-focus-style .input-create-tab:not(:read-only) {
    border: 1px solid #3068ef;
}
.create-tab-style button.add-tab-style {
    position: absolute;
    top: 50%;
    right: 4px;
    width: fit-content;
    min-width: 64px;
    height: 32px;
    padding: 0 8px;
    box-shadow: none;
    transform: translateY(-50%);
}
.create-tab-style .bottom-create-tab {
    margin-top: auto;
}
.create-tab-style .row-create-tab-style .edit-tab-style {
    position: absolute;
    top: 4px;
    right: 0px;
}
.create-tab-style .row-create-tab-style {
    display: flex;
    flex-wrap: wrap-reverse;
}
.create-tab-style .edit-tab-style:hover + .input-create-tab {
    border: 1px solid #bebec8;
}
.create-tab-style .row-create-tab-style:not(.row-focus-style) .edit-tab-style {
    display: none;
}
.create-tab-style .row-create-tab-style:not(.row-focus-style):hover .edit-tab-style {
    display: flex;
}
.create-tab-style .row-create-tab-style:not(.row-focus-style):hover .input-create-tab {
    padding-right: 170px;
}
.create-tab-style .row-create-tab-style:not(.row-focus-style):hover .edit-tab-style .save-edit-tab-style {
    display: none !important;
}
.create-tab-style .row-create-tab-style .save-edit-tab-style {
    display: none;
}
.create-tab-style .row-focus-style .edit-tab-style button:not(.save-edit-tab-style) {
    display: none;
}

/*  list style  디자인 변경 */
/* modal list */
.modal-wrap {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
}
.wrap-participants-news > div:nth-child(even) {
    background-color: #f9faff;
}

/* 모달 스타일 가이드 */
.modal-style {
    max-width: calc(100% - 20%);
    border-radius: 10px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    max-height: calc(100% - 120px);
    margin: auto;
}

.modal-size-small {
    z-index: 9999;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 500px;
    max-height: 820px;
    transform: translate(-50%, -50%);
}
.modal-size-medium {
    width: 720px;
    max-height: 820px;
    z-index: 9999;
    position: relative;
}

.modal-size-small .footer-btn-area {
}
/* 모달 버튼 기본 오른쪽 정렬 cancel ok */
.footer-invitation-new .footer-btn-box,
.modal-size-medium .footer-btn-area .footer-btn-box,
.modal-size-small .footer-btn-area .footer-btn-box {
    border-top: 1px solid #e6ebf0;
    padding: 12px 20px 12px 20px;
    width: 100%;
    box-sizing: border-box;
    flex: 0 0 auto;
    display: flex;
    -webkit-flex: 0 0 auto;
    justify-content: flex-end;
    align-items: center;
}
.modal-size-small .footer-btn-area,
.modal-size-medium .footer-btn-area {
    width: 100%;
}
.footer-btn-box .btn-modal-r {
    /* ok 버튼 등 기본 버튼 */
    background-color: #3068ef;
    height: 40px;
    font-size: 14px;
    color: rgba(255, 255, 255, 1);
    padding: 10px 25px;
    border-radius: 5px;
}
.footer-btn-box button {
    display: inline-block;
    /* display:flex;
    flex:0 0 auto;
    -webkit-flex:0 0 auto;*/
}
.footer-btn-box button:not(first-child) {
    margin-left: 10px;
}
.footer-btn-box .btn-modal-sub {
    /* cancel 버튼 등 */
    background-color: #fff;
    height: 40px;
    font-size: 14px;
    color: #161931;
    padding: 10px 25px;
    border-radius: 5px;
    border: 1px solid #dbdfe5;
}
.modal-header {
    padding: 0px 20px 0 20px;
    box-sizing: border-box;
    flex: 0 0 auto;
    border-bottom: 1px solid #e6ebf0;
    height: 56px;
    justify-content: space-between;
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    font-size: 14px;
}
.modal-header .modal-h1 {
    color: #161931;
    font-weight: 600;
    font-size: 16px;
}
.modal-content-wrap {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow-y: auto;
}
.modal-content-wrap::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
}
.modal-content-wrap::-webkit-scrollbar {
    width: 6px;
}
.modal-content-box {
    margin: 32px 40px;
}
.btn-closeX {
    background-image: url('/img/dashboard/common/ic-24-close.svg');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: center;
    border-radius: 50%;
}
.btn-closeX:hover {
    background-color: #efefef;
}
.btn-arrow-left {
    background-image: url('/img/dashboard/common/arrow-menu-left.svg');
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    background-position: center;
    border-radius: 50%;
}
.btn-arrow-left:hover {
    background-color: #efefef;
}

/* modal table list */
.table-list-select {
    letter-spacing: 0.3px;
    font-weight: 400;
    padding: 0 20px;
    box-sizing: border-box;
    width: 100%;
    border-radius: 5px;
    box-sizing: border-box;
    min-width: fit-content;
    min-width: -moz-fit-content;
    min-width: -webkit-fit-content;
    height: 80px;
    border: 1px solid #dbdfe5;
    margin-bottom: 12px;
}

.table-list-select:disabled {
    box-shadow: none;
    background-color: #f3f5f9;
    color: rgba(22, 25, 49, 0.5);
    border: none;
    cursor: default;
    /*border: 0px!important;*/
}
.table-list-select > ul {
    text-align: left;
    width: calc(100% - 24px);
}
.table-list-select > em > label {
    display: inline-block;
    height: 24px;
    width: 24px;
    background-color: pink;
    margin-top: -10px;
}
.subtitle-invitation-op70 {
    display: inline-block;
    margin-bottom: 24px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}
.check-interview-type:checked + .box-common-interview {
    border: 1px solid #3068ef;
    background: #f9fbff;
}
.checkbox-style-new {
    position: absolute;
    top: -9999px;
    left: -9999px;
    appearance: none;
}
.checkbox-style-new + .check-style::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 32px;
    width: 18px;
    height: 18px;
    border: solid 2px #bdc5ce;
    background-color: #fff;
    transform: translateY(-50%);
}
.checkbox-style-new:checked + .check-style::before {
    width: 20px;
    height: 20px;
    border: 1px solid #3068ef;
    background-color: #eceef1;
}
.checkbox-style-new:checked + .check-style::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 33px;
    width: 20px;
    height: 20px;
    background-image: url('/img/dashboard/common/ic-checkmark-white-checked.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    transform: translateY(-50%);
}
.checkbox-style-new:not(:disabled):checked + .check-style::after {
    background-image: url('/img/dashboard/common/ic-checkmark-white.svg');
    background-color: #3068ef;
}
.checkbox-style-new:checked + .check-style {
    border: 1px solid #3068ef;
    background-color: #f9fbff;
}
.checkbox-style-new:disabled + .check-style {
    background-color: #f3f5f9;
    color: rgba(22, 25, 49, 0.5);
    cursor: default;
}
.check-style {
    position: relative;
    cursor: pointer;
}
/* error 메시지 */
.error-wrap {
    background-color: #d0021b03;
    border-radius: 8px;
    text-align: center;
    padding: 40px 90px;
    margin: 40px;
    border: 1px solid #d0021b33;
}
.error-title {
    color: #161931;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 500;
}
.error-title:before {
    display: inline-block;
    content: '';
    background-image: url('/img/dashboard/common/icon-status-action-required.svg');
    background-position-y: 5px;
    width: 16px;
    height: 20px;
    background-repeat: no-repeat;
    margin-right: 8px;
}
.error-textbox {
    color: #161931b3;
    font-size: 14px;
    text-align: center;
}
/* end:error 메시지 */

/* Duplicate Project (Joseph 디자인) */
.modal-duplicate-style .header-common-new {
    height: 70px;
    padding: 0 28px 0 40px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #3068ef;
}
.modal-duplicate-style .title-info-duplicate-style {
    min-width: 220px;
    max-width: 220px;
    margin-right: 30px;
}
.modal-duplicate-style .content-duplicate-description {
    width: 100%;
}
.modal-duplicate-style .border-97 {
    border: 1px solid #524545;
}
.list-project-style .setting-option-style {
    top: 45px;
    max-width: 200px;
}

/* Invitation Settings - Logo */
.logo-file-name {
    display: inline-block;
    max-width: 360px;
}
.gig-logo-preview {
    overflow: hidden;
    width: 140px;
    height: auto;
    max-height: 72px;
    border-radius: 5px;
}
.gig-logo-preview img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}