.d-flex.flex-wrap.align-items-center.justify-content-center.justify-content-lg-start {
    justify-content: right !important;
}
a.dropdown-item_logout {
    text-align: left !important;
}
.container {
    max-width: 100% !important;
}
.question_field .question_body-cell2 {
    width: 33.3%;
}
.question_body-cell_item {
    width: 50% !important;
}
.bg-light1 {
    --bs-bg-opacity: 1;
    background-color: #fff !important;
}
.question_field {
    position: relative;
    margin: 12px;
    background-color: var(--color5);
    padding: 8px;
}
.p-5 {
    padding: 2rem!important;
}
.pd-25 {
    padding: 25px;
}
.text_size-small {
    font-size: 1.125rem;
    font-weight: 600;
    background: #ededed;
    margin: 0 0 12px 0;
    padding: 5px 10px;
}
button.w-100.btn.btn-lg.btn-primary_login.btn-primary {
    font-size: 1rem;
    padding: 5px 0;
    margin-top: 10px;
}
.title_servey {
    font-size: 1.125rem;
    font-weight: 700;
    margin: 10px 0;
}
.question_body-cell_container_child.w-100 {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #f6f6f6;
}
.question_field-container {
    border: 1px solid #f6f6f6;
}
button.btn.btn-sm.btn-primary_login {
    width: 92px;
    border: 1px solid #f6f6f6;
    color: #fff;
    margin: 7px 2px;
    padding: 7px 12px;
    font-size: 1rem;
    line-height: 1.8rem;
    font-family: "Noto Sans JP", "sans-serif" !important;
    font-weight: 400;
}
.text_size-small_empty {
    height: 56px;
    border-bottom: 1px solid #f6f6f6;
}
.text_size-small_name {
    margin: 12px;
}
.table-custom table thead tr th {
    border: 1px solid #efefef;
    background-color: #ffae24 !important;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
}
table thead tr {
    height: 36px;
    min-height: 36px;
}
.table-custom table tbody tr td {
    border: 1px solid #ddd;
    padding: 7px;
}
table tbody tr {
    border-bottom: 1px solid #e6e2e2;
    min-height: 42px;
    height: 41px;
    border-left: 1px solid #f6f6f6;
    border-right: 1px solid #f6f6f6;
}
.question_field-container {
    margin: 0 0 15px;
}

.text_input-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;
}
label.answer_label {
    width: 125px;
    /* text-align: right; */
    padding-top: 10px;
}
.text_input-wrap {
    width: calc(85% - 89px) !important;
}
.question_body-container.question_body-cell_container.body-cell_container_item {
    /* width: calc(79% - 89px); */
    width: 332px;
    padding: 0px 4px;
}
label.answer_label.answer_label_item2 {
    width: 11px;
    text-align: center;
    margin: 6px;
}
.question_field .question_body-container {
    margin-top: 0px;
    margin-bottom: 0px;
    min-height: 52px;
}
.text_input-container.text_input-container_item {
    width: 141px;
    height: 34px;
}
label.answer_label.answer_label_item1 {
    padding-top: 15px;
}

div.text_size-small_content svg,
div.text_size-small_content_csv svg {
    width: 16px;
    height: 20px;
    margin-bottom: 4px;
}
.text_size-small_content,
.text_size-small_content_csv {
    width: 100%;
    cursor: pointer;
}
form.form-horizontal_login.form__main {
    width: 100%;
    max-width: 675px !important;
    padding: 15px;
    margin: auto;
}
.btn-primary_login {
    margin: 0 0 0;
    width: 100% !important;
}
/* #btn-primary_servey_search {
    width: 150px !important;
} */
/* #btn-primary_servey_clear {
    width: 150px !important;
} */
td.nothing_data_exist {
    text-align: center;
}
input.text_input.datepicker.hasDatepicker {
    text-align: center;
}
img.ui-datepicker-trigger {
    margin-top: 9px;
}
@media screen and (min-width: 992px) {
    .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 54% !important;
        /* display: flex; */
    }
    .question_body-container.question_content_condition_search {
        display: flex;
    }
    .question_field .question_body-container {
        height: 52px;
    }
    .w_170, .w_150, .w_215 {
        margin-left: 12px;
    }
}
@media screen and (max-width: 991px) {
    .w_170 {
        width: 170px !important;
    }
    .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 54% !important;
        display: grid;
    }
    .question_field .question_body-cell_container {
        display: flex;
        /* flex-wrap: wrap; */
    }
    .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 100% !important;
        /* display: grid; */
    }
    .question_body-container.question_body-cell_container.body-cell_container_item {
        width: calc(100%) !important;
        padding: 8px 4px;
    }
    .text_input-container.text_input-container_item {
        width: calc(50% - 13px) !important;
        height: 34px;
    }
    .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 100% !important;
    }
    .text_input-wrap {
        width: 100% !important;
    }
    input.text_input.datepicker.hasDatepicker {
        max-width: 100%;
        width: calc(100% - 25px) !important;
    }
    .question_field .question_body-cell2 {
        width: 50%;
    }
}
@media screen and (max-width: 1176px) {
    .question_field .question_body-cell2 {
        width: 50%;
    }
    /* .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 50% !important;
    } */
}

@media screen and (max-width: 1028px) {
    /* .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 57% !important;
    } */
    .question_field .question_body-cell2 {
        width: 50%;
    }
    .text_input-wrap {
        /* width: calc(100% - 2px) !important; */
        width: calc(85% - 89px) !important;
    }
    .question_body-container.question_body-cell_container.body-cell_container_item {
        width: calc(100% - 81px);
        padding: 0px 4px;
    }
    input.text_input.datepicker.hasDatepicker {
        max-width: 100%;
        width: calc(100% - 28px);
    }
    .text_input-container.text_input-container_item {
        width: auto;;
        height: 34px;
    }
    /* .question_body-container.question_body-cell_container.body-cell_container_check {
        width: 50% !important;
    } */
    .question_body-cell_cont {
        width: 0 !important;
    }
    
    .question_body-cell_container_child.w-100 {
        justify-content: center;
    }
    /* .question_field .question_body-container {
        height: 83px;
    } */
    label.answer_label {
        text-align: left;
        padding-top: 9px;
    }
    label.answer_label.answer_label_item1 {
        padding-top: 12px;
    }
    .lable_search_postno {
        padding-bottom: 5px;
    }
}
@media screen and (max-width: 779px) {
    .question_body-container.question_body-cell_container.body-cell_container_wrap {
        max-height: 174px;
    }
    .question_field .question_body-cell2 {
        width: 100% !important;
    }
}
span.survey_link_customer {
    padding: 6px 10px;
    background: #3bcb89;
    justify-content: center;
    border-radius: 3px;
}
td.survey_link_row {
    text-align: center;
    min-width: 150px;
    width: 150px;
}
span.survey_link_customer:hover {
    background: #44c78a;
    cursor: pointer;
}
.btn-back {
    padding: 4px 0;
    color: #fff;
    background: #505151;
    border-color: #505151;
    margin-bottom: 1rem;
}
.ajax-loader {
    visibility: hidden;
    background-color: rgba(255,255,255,0.7);
    position: fixed;
    z-index: 999 !important;
    width: 100%;
    height:100%;
    overscroll-behavior: contain;
}
  
.ajax-loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
}
  /* .question_field_btn_action {
    justify-content: center;
  } */
span.btn_redirect_date, span.btn_csv_download {
    width: 100px;
    padding: 6px 34px;
    border-radius: 0.3rem;
    background-color: #505151;
    color: #fff;
}
span.btn_redirect_date:hover, span.btn_csv_download:hover {
    width: 100px;
    padding: 6px 34px;
    border-radius: 0.3rem;
    background-color: #505151;
    color: #000;
}
.btn_action_search {
    margin-top: 5px;
}
.pt-5 {
    padding-top: 3rem!important;
}
#call_api_get_data, #btn_output_csv {
    background-color: #ffb535;
    /* color: #ddd; */
    border: #ffae24;
    height: 38px;
}
#call_api_get_data:hover, #btn_output_csv:hover{
    background-color: #f7a61a;
    /* color: rgb(68, 67, 67); */
    border: #ffae24;
}
.js-sort-table thead tr th.js-sort-string,
.js-sort-table thead tr th.js-sort-number,
.js-sort-table thead tr th.js-sort-phonenumber,
.js-sort-table thead tr th.js-sort-id,
.js-sort-table thead tr th.js-sort-name,
.js-sort-table thead tr th.js-sort-title,
.js-sort-table thead tr th.js-sort-int,
.js-sort-table thead tr th.js-sort-decription {
    cursor: pointer;
}
.w_140 {
    margin-left: 12px;
    width: 140px !important;
}
.w_215 {
    margin-left: 12px;
    width: 215px !important;
}
.w_170 {
    margin-left: 12px;
    width: 170px !important;
}
.pt-1.question_field_btn_action {
    width: calc(100% - 125px);
}
.pt-1.question_field_btn_action_2 {
    width: calc(100% - 102px);
}
#select_box_wrap_pagination {
    margin-bottom: 0;
}
/* .get_row_btn_count .select_box-container {
    margin-bottom: 0px;
} */
button#btn_output_csv {
    margin-left: 5px;
}
.ml-0{
    margin-left: 0px;
}

.p-relative {
    position: relative;
}
.p-absolute {
    position: absolute;
}
.btn_func_csv_table {
    top: 60px;
    left: 4px;
    z-index: 10;
}
.btn_func_api_table {
    top: 60px;
    left: 9px;
    z-index: 10;
}
.pd-5 {
    padding-top: 5px;
}

/*  */
.tooltip_table {
    position: relative;
    /* display: inline-block;
    border-bottom: 1px dotted black; */
}

.tooltip_table .tooltiptext {
    visibility: hidden;
    width: 470px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 10px 10px 5px 10px;
    position: absolute;
    z-index: 999;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip_table .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip_table:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tooltiptext p{
    margin-bottom: 0px;
}

.text-middle {
    vertical-align: middle;
}
.hidden{
    display: none;
}

.lessmore_cls,
.seemore_cls {
    cursor: pointer;
}

.link_urls_excel {
    text-decoration: underline !important;
    text-decoration-style: dotted !important;
}
.link_urls_excel:hover {
    color: #0d6efd;
}
.alert-success {
    background-color: #d6ede2;
}
.modal-header .close{
    margin-left: 0px !important;
}
.modal-header #alert-header{
    font-weight: bold;
    margin: auto;
}
.modal-body .alert-block{
    padding: 3px;
    margin-bottom: 0px;
}