@charset "UTF-8";
/**
 * Sunrise Custom Styles
 *
 * SmartAdmin 5.5 移行後のカスタムスタイル
 * 既存の common.css から移行
 */
.hide {
  display: none !important;
}

.logo {
  padding-top: 5px;
}

.logo img {
  width: 80%;
}

.page-content {
  overflow: hidden;
  color: #666 !important;
}

.bg-subtlelight-fade {
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f5fcff));
  background-image: linear-gradient(to top, #fff, #f5fcff);
}

.btn-gray {
  color: #a5a5a5;
  background-color: #eee;
  border-color: #eee;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}

.btn-gray:hover {
  color: #a5a5a5;
  background-color: #eee;
  border-color: #eee;
}

.btn-gray.focus, .btn-gray:focus {
  color: #a5a5a5;
  background-color: #eee;
  border-color: #eee;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

.btn-gray.disabled, .btn-gray:disabled {
  color: #a5a5a5;
  background-color: #eee;
  border-color: #eee;
}

.btn-gray:not(:disabled):not(.disabled).active, .btn-gray:not(:disabled):not(.disabled):active, .show > .btn-gray.dropdown-toggle {
  color: #a5a5a5;
  background-color: #eee;
  border-color: #eee;
}

.btn-gray:not(:disabled):not(.disabled).active:focus, .btn-gray:not(:disabled):not(.disabled):active:focus, .show > .btn-gray.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}

strong {
  font-weight: 700;
}

.btn-outline-info:active, .btn-outline-info:hover {
  background: #fff !important;
  color: #329df3 !important;
  border-color: #329df3 !important;
}

.btn-outline-delete, .btn-outline-delete:active, .btn-outline-delete:hover {
  background: #fff;
  color: #ff5563;
  border-color: #ff5563;
}

.btn-red {
  color: #fff;
  background-color: #ef4865;
  border-color: #ef4865;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(239, 35, 58, 0.07);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(239, 35, 58, 0.07);
}

.btn-red:hover {
  color: #fff;
  background-color: #ef4865;
  border-color: #ef4865;
}

.btn-red.focus, .btn-red:focus {
  color: #fff;
  background-color: #ef4865;
  border-color: #ef4865;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 35, 58, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(239, 35, 58, 0.5);
}

.btn-red.disabled, .btn-red:disabled {
  color: #fff;
  background-color: #ef4865;
  border-color: #ef4865;
}

.btn-red:not(:disabled):not(.disabled).active, .btn-red:not(:disabled):not(.disabled):active, .show > .btn-red.dropdown-toggle {
  color: #fff;
  background-color: #ef4865;
  border-color: #ef4865;
}

.btn-red:not(:disabled):not(.disabled).active:focus, .btn-red:not(:disabled):not(.disabled):active:focus, .show > .btn-red.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(239, 35, 58, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(239, 35, 58, 0.5);
}

.btn:not(.btn-icon):not(.btn-xs):not(.header-btn) {
  padding: 0.5rem;
  min-width: 75px;
}

.btn-icon {
  height: calc(2.1rem + 1px);
}

.btn-icon.btn-sm {
  height: calc(1.5rem + 1px);
}

.btn:disabled:hover {
  cursor: not-allowed;
}

.header-btn[data-class=mobile-nav-on] {
  border-color: #afafaf;
  background-color: #fff;
  background-image: none;
  color: #afafaf;
}

.panel-toolbar .btn-panel {
  min-width: 1rem !important;
}

.btn-group-xs > .btn, .btn-xs {
  padding: 1px 0.844rem;
}

.btn-outline-primary:hover {
  color: #fff !important;
}

.btn-primary {
  color: #fff !important;
}

.btn-outline-default {
  border-color: #cacaca;
}

.btn-outline-default:hover {
  background-color: #f5f5f5;
  border-color: #d6d6d6;
}

.btn-height-md {
  padding: 20px 10px;
}

.score {
  font-size: 25px;
}

.score-text {
  padding: 10px 0;
}

.btn-search {
  padding: 0.5rem 1rem !important;
  border-radius: 20px;
}

.btn-search::after {
  content: "\f002";
  font-family: "Font Awesome 5 Pro";
  margin: 0 0 0 10px;
  right: 0;
  position: absolute;
  text-align: center;
  color: #fff;
  background: #de5f99;
  top: 0;
  padding: 6px 8px;
  font-size: 16px;
  width: 50px;
}

.btn-searching {
  white-space: nowrap;
  background: #df6098;
  color: #fff;
}

.btn-searching strong {
  font-weight: bolder;
}

.search-box {
  position: relative;
}

.search-total {
  font-size: 21px;
  position: absolute;
  right: 3rem;
  top: 8px;
  font-weight: 700;
}

.breadcrumb > li.breadcrumb-item {
  max-width: inherit;
}

.nav-title {
  padding: 0.25rem 2rem;
  margin-top: 1rem;
}

.nav-tab-custom .tab-content {
  background-color: #fff !important;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.table {
  color: #666;
}

.table-click {
  cursor: pointer;
  color: #0064bd;
}

.link:hover {
  cursor: pointer;
} /*!**/
.pull-right {
  float: right;
}

.user-box-table {
  width: 100%;
  margin-bottom: 0;
}

.job_conditions_table .text-req, .user-box-table .text-req {
  display: inline-block;
  float: right;
  background-color: #fff;
  color: #7e7e7e;
  padding: 2px 5px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.required.required-done .job_conditions_table .text-req {
  background-color: #ccc;
}

.btn-none {
  border: none;
  background: 0 0;
}

select.form-control {
  margin-bottom: 5px;
}

.color-red {
  color: #fa5661;
}

.validation-text {
  color: #e60012;
  display: none;
}

.validation-alert {
  color: #e60012;
}

.error .validation-text {
  display: block;
}

.error .validation-text strong {
  display: block;
}

.required-text {
  display: none;
}

.required .required-text {
  display: inline-block;
  background-color: rgba(230, 0, 18, 0.7882352941);
  color: #fff !important;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 13px;
}

.require-label {
  display: inline-block;
  background-color: rgba(230, 0, 18, 0.7882352941);
  color: #fff !important;
  padding: 2px 5px;
  border-radius: 3px;
  font-size: 10px;
}

tr.required.required-done td {
  background-color: #fff;
}

tr.required.required-done:nth-of-type(odd) td {
  background-color: rgba(80, 80, 80, 0.02);
}

.required.required-done .required-text {
  background-color: #ccc;
}

.error.required-done .required-text {
  background-color: #e60012;
}

.error td, .required td {
  background-color: rgba(255, 0, 17, 0.15);
}

tr.error td.input-sample, tr.required td.input-sample {
  background-color: #fff !important;
}

tr:nth-of-type(odd).error td.input-sample, tr:nth-of-type(odd).required td.input-sample {
  background-color: rgba(80, 80, 80, 0.02) !important;
}

.error td table td, .error td table th, .required td table td, .required td table th {
  background-color: #f3f3f3;
}

.input-sample .alert {
  margin-bottom: 0.2rem;
  padding: 0.5rem;
}

.form-group {
  margin-bottom: 1rem;
}

.contact-alert {
  font-size: 15px;
  font-weight: 400;
}

.contact_alert_email {
  color: #dd5292;
}

.check-form-cnt {
  display: none;
  background-color: #fff;
  border-radius: 8px;
  border: solid 4px #ea2f32;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  position: fixed;
  z-index: 30;
  bottom: 4%;
  right: 2%;
  padding: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0.9;
}

.check-form-cnt h3 {
  color: #e60012;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.check-form-cnt h3 .check-form-cnt-num {
  background-color: #e60012;
  color: #fff;
  padding: 5px 5px;
  border-radius: 50%;
  width: 29px;
  height: 28px;
  display: inline-block;
  text-align: center;
}

.check-form-cnt .check-form-cnt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-box-list {
  margin-bottom: 20px;
}

.user-box-list .user-box-text {
  display: block;
  margin-top: 10px;
  color: #8e8e8e;
}

.user-box-list .user-list-item {
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 3px solid #e6e6e6;
  margin-bottom: 10px;
}

.user-box-list .user-list-item:last-child {
  margin-bottom: 0;
}

.cv-detail-modal table th {
  background: #f6f6f6;
}

.candidates-table-container {
  overflow-x: auto;
  min-height: 300px;
}

.companies-table-container {
  overflow-x: auto;
  min-height: 300px;
}

[data-toggle=collapse] .triangle {
  font-size: 25px;
  vertical-align: sub;
}

[data-toggle=collapse][aria-expanded=true] .triangle {
  transform: rotate(0);
  transition: 0.5s;
}

[data-toggle=collapse][aria-expanded=false] .triangle {
  transform: rotate(180deg);
  transition: 0.5s;
}

.jobs-table-container {
  min-height: 300px;
}

#candidate-detail .user-box-list {
  margin-bottom: 0;
}

#candidate-detail .work-sub-title {
  background: #fff;
}

.user-box-list .user-list-item table {
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.user-box-list .work-title {
  padding-bottom: 5px;
  font-size: 1.2em;
}

.user-box-list .work-title strong {
  font-weight: 700;
}

.user-box-list .education-title {
  padding-bottom: 5px;
  font-size: 1.2em;
}

.user-box-list .education-title strong {
  font-weight: 700;
}

.user-box-list .programing-title {
  padding-bottom: 5px;
  font-size: 1.2em;
}

.user-box-list .programing-title strong {
  font-weight: 700;
}

.user-box-list .license-title {
  padding-bottom: 5px;
  font-size: 1.2em;
}

.user-box-list .license-title strong {
  font-weight: 700;
}

.user-box-list .btn-remove {
  display: inline-block;
  color: #e60012;
  float: right;
  cursor: pointer;
  pointer-events: auto;
}

.user-box-list .user-list-item:hover {
  background-color: rgba(170, 170, 170, 0.05);
}

.user-box-add {
  border-top: solid 5px #ff9f9d;
  background: #f6f6f6;
}

.modal-cstm .modal-sub {
  position: absolute;
  width: 300px;
  left: -320px;
  padding-top: 50px;
}

.modal-cstm .modal-sub #deal_internal_matting, .modal-cstm .modal-sub .progress-menu {
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  padding: 10px;
}

.modal-cstm .modal-sub .progress-menu .progress-menu-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
}

.new-notify-number {
  color: #fff;
  background: #de5f99;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 10px;
}

.progress-quick-search {
  text-align: center;
  padding: 15px;
  margin-top: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  margin-bottom: 1.5rem;
}

.progress-quick-search-small {
  text-align: center;
  padding: 9px 5px 4px;
  margin-top: 14px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}

.job-conditions-box table th {
  background-color: #f3f3f3;
}

.job-conditions-box tbody tr:nth-of-type(odd) {
  background: #fff;
}

.job_conditions_table {
  margin-bottom: 0;
}

.job_conditions_table td {
  background: #fff !important;
}

.job-conditions-detail-contents {
  border: 1px solid #e9e9e9;
  padding: 10px;
  border-top: 5px solid #ffaf33;
  margin-left: 30px;
  position: relative;
  background: #f3f3f3;
}

.job-conditions-detail-contents:first-child {
  margin-bottom: 20px;
}

.job-conditions-detail-contents h3 {
  text-align: center;
  font-weight: 700;
  font-size: 15px;
}

.job-conditions-detail-contents table {
  width: 100%;
  min-height: 100px;
}

.job_conditions_insert_btn {
  width: 44px;
  height: 44px;
  position: absolute;
  background: #ffae33;
  color: #fff;
  font-size: 20px;
  border-radius: 50%;
  left: -50px;
  top: 50px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  justify-content: center;
}

.job_conditions_start_detail {
  margin-top: 20px;
}

.job-conditions-detail-contents table th, .job_conditions_start_detail table th {
  background: #fcfcfc;
}

.job-quick-search {
  text-align: center;
  padding: 8px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}

.job-quick-search .custom-control {
  margin-bottom: 0;
}

.job-condition-remove {
  position: absolute;
  right: 10px;
  top: 14px;
  color: #ff3232;
}

.job-condition-tr {
  position: relative;
}

.job_conditions_table .job-condition-td {
  padding-right: 30px;
}

.job-condition-tr:hover .job-condition-td {
  background: #fffbf1 !important;
  cursor: pointer;
}

.job-condition-tr:hover .job-condition-th {
  background: #fff3cd !important;
  cursor: pointer;
}

.job-condition-tr-removing .job-condition-td, .job-condition-tr-removing .job-condition-th, .job-condition-tr-removing:hover .job-condition-td, .job-condition-tr-removing:hover .job-condition-th {
  background: #fff4f3 !important;
}

.job_condition_remove_btn {
  visibility: hidden;
  opacity: 0;
}

.job_condition_remove_btn.btn-loading-disabled {
  visibility: visible;
  opacity: 1;
}

.job-condition-tr:hover .job_condition_remove_btn {
  visibility: visible;
  opacity: 1;
}

.job-conditions-detail .job_conditions_table .job-condition-td {
  padding-right: 0.75rem;
}

.job-conditions-detail .job-condition-remove {
  display: none;
}

.job-conditions-detail .text-req {
  display: none;
}

.job-conditions-detail .job-condition-tr:hover .job-condition-th {
  background: #f9f9f9 !important;
  cursor: inherit;
}

.job-conditions-detail .job-condition-tr:hover .job-condition-td {
  background: #fff !important;
  cursor: inherit;
}

.job-create-btn-group {
  margin: auto;
  display: flex;
  width: 500px;
}

.job-create-btn-group .btn-job-public {
  width: 55%;
}

.panel-job-category h2:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: -5px;
  opacity: 0.7;
}

.panel-sun_settings table {
  border-left-color: gray;
  border-left-width: 5px;
}

.panel-basic_info table {
  border-left-color: #1e90ff;
  border-left-width: 5px;
}

.panel-app_guide table {
  border-left-color: #32cd32;
  border-left-width: 5px;
}

.panel-app_conditions table {
  border-left-color: #20b2aa;
  border-left-width: 5px;
}

.panel-work_conditions table {
  border-left-color: orange;
  border-left-width: 5px;
}

.panel-sun_conditions table {
  border-left-color: #c71585;
  border-left-width: 5px;
}

.panel-select_info table {
  border-left-color: #8a2be2;
  border-left-width: 5px;
}

.panel-new_graduates table {
  border-left-color: #deb887;
  border-left-width: 5px;
}

.panel-sun_settings h2:before {
  background: gray;
}

.panel-basic_info h2:before {
  background: #1e90ff;
}

.panel-app_guide h2:before {
  background: #32cd32;
}

.panel-app_conditions h2:before {
  background: #20b2aa;
}

.panel-work_conditions h2:before {
  background: orange;
}

.panel-sun_conditions h2:before {
  background: #c71585;
}

.panel-select_info h2:before {
  background: #8a2be2;
}

.panel-new_graduates h2:before {
  background: #deb887;
}

.job-detail-sun_settings > th {
  border-left-color: gray;
  border-left-width: 8px;
}

.job-detail-basic_info > th {
  border-left-color: #1e90ff;
  border-left-width: 8px;
}

.job-detail-app_guide > th {
  border-left-color: #32cd32;
  border-left-width: 8px;
}

.job-detail-app_conditions > th {
  border-left-color: #20b2aa;
  border-left-width: 8px;
}

.job-detail-work_conditions > th {
  border-left-color: orange;
  border-left-width: 8px;
}

.job-detail-sun_conditions > th {
  border-left-color: #c71585;
  border-left-width: 8px;
}

.job-detail-select_info > th {
  border-left-color: #8a2be2;
  border-left-width: 8px;
}

.job-detail-new_graduates > th {
  border-left-color: #deb887;
  border-left-width: 8px;
}

.check-form-content .category_check {
  list-style-type: none;
}

.check-form-content .category_check:hover {
  cursor: pointer;
  text-decoration: underline;
}

.check-form-content .category_check::before {
  content: "";
  width: 10px;
  height: 10px;
  margin-right: 7px;
  display: inline-block;
  background-color: #d0d0d0;
}

.check-form-content .category_check_sun_settings::before {
  background-color: gray;
}

.check-form-content .category_check_basic_info::before {
  background-color: #1e90ff;
}

.check-form-content .category_check_app_guide::before {
  background-color: #32cd32;
}

.check-form-content .category_check_app_conditions::before {
  background-color: #20b2aa;
}

.check-form-content .category_check_work_conditions::before {
  background-color: orange;
}

.check-form-content .category_check_sun_conditions::before {
  background-color: #c71585;
}

.check-form-content .category_check_select_info::before {
  background-color: #8a2be2;
}

.check-form-content .category_check_new_graduates::before {
  background-color: #deb887;
}

.ml-minus-3 {
  margin-left: -3px;
}

.job_collaboration_format_label, .job_overtime_label, .job_payment_type_expect_label, .job_payment_type_label, .job_support_salary_label, .job_trial_label, .toggle_label {
  max-width: 250px;
}

.panel-company-category h2:before {
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
  margin-left: -5px;
  opacity: 0.7;
}

.panel-company_contract_info h2:before {
  background: #1e90ff;
}

.panel-company_main_info h2:before {
  background: #32cd32;
}

.panel-company_contact_info h2:before {
  background: orange;
}

.panel-company_contract_info table {
  border-left-color: #1e90ff;
  border-left-width: 5px;
}

.panel-company_main_info table {
  border-left-color: #32cd32;
  border-left-width: 5px;
}

.panel-company_contact_info table {
  border-left-color: orange;
  border-left-width: 5px;
}

.check-form-content .category_check_company_contact_info::before {
  background-color: orange;
}

.check-form-content .category_check_company_main_info::before {
  background-color: #32cd32;
}

.check-form-content .category_check_company_contract_info::before {
  background-color: #1e90ff;
}

.company-detail-company_contract_info > th {
  border-left-color: #1e90ff;
  border-left-width: 8px;
}

.company-detail-company_main_info > th {
  border-left-color: #32cd32;
  border-left-width: 8px;
}

.company-detail-company_contact_info > th {
  border-left-color: orange;
  border-left-width: 8px;
}

.company-detail-internal_trading_status > th {
  border-left-color: #c71585;
  border-left-width: 8px;
}

.tab-progress-container {
  height: calc(100vh - 26rem);
  overflow-y: auto;
}

.progress-menu-status {
  position: relative;
  display: block;
  font-size: 20px;
  text-align: center;
  padding: 10px 0;
  color: #fd52a3;
}

.btn-progress-status-undo {
  min-width: 10px !important;
  padding: 2px 10px !important;
  position: absolute;
  right: 0;
  border: 1px solid #f1f1f1;
  font-size: 16px;
}

.progress-menu-update {
  margin: 10px 0;
}

.progress-file-upload {
  display: inline-block;
  margin: 5px 10px;
}

.progress-message-alert-check .input-group-text {
  background-color: rgba(255, 169, 156, 0.25);
}

.progress-message-alert-check .ni-fire {
  color: red;
  font-size: 1.4em;
}

.progress-reward-notice {
  font-size: 10px;
  color: #319ef2;
}

.message_import:last-child {
  margin-bottom: 0 !important;
}

.modal-cstm .modal-sub .score {
  background-color: #0c7cd5;
  border-radius: 10px;
  margin-bottom: 8px;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.3), transparent);
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  padding: 10px;
  border: 1px solid #fff;
}

.modal-cstm .modal-sub .score-color1 {
  background-color: #dd3468;
}

.modal-cstm .modal-sub .score-color2 {
  background-color: #0c7cd5;
}

.modal-cstm .modal-sub .score-color3 {
  background-color: #0dd53e;
}

.modal-cstm .modal-sub .score .score-title {
  display: block;
  font-size: 12px;
}

.modal-cstm .modal-sub .score .score-num {
  display: block;
  font-size: 48px;
  padding: 10px 0;
}

.modal-cstm .modal-sub .score .score-num .score-each-num {
  margin: 0 10px;
  display: inline-block;
  font-size: 40px;
  min-width: 50px;
}

.modal-cstm .modal-sub .score .score-num .score-slash {
  font-weight: 100;
  font-size: 15px;
}

.progress-arrow {
  font-size: 10px;
  color: #868e96;
}

.modal-cstm .modal-sub .score .score-max {
  display: block;
  font-size: 12px;
}

.modal-cstm table img {
  max-width: 200px;
}

.modal-cstm table .movcube-link {
  margin-top: 10px;
}

.modal-cstm table .movcube-link button {
  padding: 5px 0;
}

.table-title {
  color: #fff;
  background-image: linear-gradient(250deg, rgba(16, 112, 102, 0.7), transparent);
  background-color: #0c7cd5;
}

.tr-color1 > th {
  border-left-color: gray;
  border-left-width: 8px;
}

.tr-color2 > th {
  border-left-color: #1e90ff;
  border-left-width: 8px;
}

.tr-color3 > th {
  border-left-color: #32cd32;
  border-left-width: 8px;
}

.tr-color4 > th {
  border-left-color: #20b2aa;
  border-left-width: 8px;
}

.tr-color5 > th {
  border-left-color: orange;
  border-left-width: 8px;
}

.tr-color6 > th {
  border-left-color: #c71585;
  border-left-width: 8px;
}

.tr-color7 > th {
  border-left-color: #8a2be2;
  border-left-width: 8px;
}

.tr-color8 > th {
  border-left-color: #deb887;
  border-left-width: 8px;
}

.tr-color9 > th {
  border-left-color: #db7093;
  border-left-width: 8px;
}

.modal-window {
  height: calc(100vh - 260px);
  overflow-y: auto;
  position: relative;
}

.modal-window .btn-remove, .modal-window .user-box-text {
  display: none;
}

.modal-window .user-box-list {
  margin-bottom: 0;
}

.modal .select2, .select2-dropdown {
  z-index: 2060;
}

.modal-search .modal-search-item {
  margin-bottom: 10px;
}

.modal-search .modal-search-item .modal-search-title {
  display: block;
  margin-bottom: 5px;
  font-weight: 700;
}

.modal-search-footer {
  display: flex;
  margin-top: 20px;
  padding: 0 16px 16px;
}

.modal-search-footer button {
  margin: 0 5px;
}

.modal-search-footer button:first-child {
  margin-left: 0;
}

.modal-search-footer button:last-child {
  margin-right: 0;
}

.search-bookmark {
  background: #f9f9f9;
}

.search-bookmark-remove {
  background: rgba(255, 0, 17, 0.15);
}

.search-bookmark:last-child {
  margin-bottom: 10px;
}

.search-bookmark strong {
  font-weight: 700;
}

.search-bookmark-condition {
  position: relative;
}

.search-bookmark-condition-content {
  padding: 0.5rem;
  margin-right: 30px;
}

.search-bookmark-count {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  width: 200px;
  margin-left: 0.5rem;
  text-align: center;
  font-weight: 700;
}

.btn-search-bookmark-remove {
  color: #e60012;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
  pointer-events: auto;
}

.select2-results__option[aria-selec1ted] {
  color: #585858;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  padding-right: 0;
}

.select2-selection--multiple .select2-search {
  width: auto;
}

.select2-selection--multiple .select2-search:first-child, .select2-selection--multiple .select2-search__field {
  width: 100% !important;
}

select[readonly] + .select2 .select2-selection__rendered {
  background-color: rgba(0, 0, 0, 0.1);
}

.company-detail-internal_trading_status a.js-tab-control {
  text-decoration: underline !important;
}

.company-detail-internal_trading_status a.js-tab-control:hover {
  color: #0064bd !important;
}

.step-bar {
  display: flex;
  color: #b0bec5;
  padding-left: 0;
  counter-reset: step;
  z-index: 1;
}

.step-bar li {
  position: relative;
  list-style: none;
  flex: 1;
}

.step-bar li:before {
  content: counter(step);
  counter-increment: step;
  height: 24px;
  width: 24px;
  background: #fff;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-weight: 700;
  line-height: 20px;
  border: 2px solid #b0bec5;
  margin: 0 auto 5px auto;
}

.step-bar li:after {
  content: "";
  width: 100%;
  height: 3px;
  background: #b0bec5;
  display: block;
  position: absolute;
  top: 12px;
  left: -50%;
  z-index: -1;
}

.step-bar li:first-child:after {
  content: none;
}

.step-bar li.active:before {
  border: 2px solid #fb8c00;
  background: #fb8c00;
  color: #fff;
}

.step-bar li.active:after {
  background: #fb8c00;
}

.step-bar-number {
  font-size: 10px;
  font-weight: 900;
  margin-left: calc(50% - 12px);
}

.step-bar-title {
  margin-top: 5px;
  font-size: 11px;
  margin-left: calc(50% - 12px);
}

.progress-unread {
  color: #db4a6d;
  font-size: 1.3em;
}

.progress-opened {
  color: #509bff;
  font-size: 1.2em;
}

.progress-recommend .ni-fire {
  display: inline-block;
  color: red;
  font-size: 1.2em;
}

.progress-from-icon button {
  border: none;
  background: 0 0;
  color: #08b9a7;
}

.progress-from-icon-scouter button {
  color: #de5292;
}

.progressbar {
  display: flex;
  z-index: 1;
  padding-left: 0;
  color: #788890;
}

.progressbar li {
  float: left;
  position: relative;
  text-align: center;
  list-style: none;
  flex: 1;
}

.progressbar li span {
  width: 30px;
  height: 30px;
  display: block;
  margin: 0 auto 5px auto;
  border-radius: 50%;
  background: #ddd;
  color: #ddd;
  text-align: center;
  font-weight: 700;
  position: relative;
}

.progressbar li.active span {
  background: #fb8c00;
}

.progressbar li.active span:after {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  z-index: 1;
  right: 5px;
  top: 5px;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, 0.15);
}

.progressbar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 5px;
  background: #ddd;
  top: 12px;
  left: -50%;
  z-index: -1;
}

.progressbar li:first-child:after {
  content: none;
}

.progressbar li.active:after {
  background: #fb8c00;
}

.progressbar li.active:before {
  border-color: #fb8c00;
  background: #fb8c00;
  color: #fff;
}

.progressbar-step {
  font-size: 10px;
  font-weight: 900;
  margin-left: calc(50% - 12px);
  text-align: left;
}

.progressbar-title {
  margin-top: 4px;
  font-size: 11px;
  margin-left: calc(50% - 12px);
  text-align: left;
}

.step-flow {
  font-size: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 1em;
  padding: 0;
  margin-bottom: 30px;
}

.step-flow > li {
  position: relative;
  display: block;
  width: auto;
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  color: #b0bec5;
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}

.step-flow > li .title {
  font-weight: 700;
}

.step-flow > li .text {
  display: block;
  padding-right: 2.5em;
}

.step-flow > li .text p {
  margin-bottom: 5px;
}

.step-flow > li .bubble {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 0 0.5em;
  border-radius: 1000px;
  background-color: #b0bec5;
}

.step-flow > li .bubble::after, .step-flow > li .bubble::before {
  position: absolute;
  top: 9px;
  display: block;
  width: 100%;
  height: 3px;
  content: "";
  background-color: #b0bec5;
}

.step-flow > li.completed, .step-flow > li.completed .bubble {
  color: #00acc1;
}

.step-flow > li.completed .bubble, .step-flow > li.completed .bubble::after, .step-flow > li.completed .bubble::before {
  background-color: #4dd0e1;
}

.step-flow > li:last-child .bubble::after, .step-flow > li:last-child .bubble::before {
  width: 0%;
  margin-right: 50%;
}

.step-flow > li.active, .step-flow > li.active .bubble {
  color: #f57c00;
}

.step-flow > li.active .bubble, .step-flow > li.active .bubble::after, .step-flow > li.active .bubble::before {
  background-color: #fb8c00;
}

.top-bar-search {
  clear: both;
}

.panel-hdr h2.text-center {
  display: block;
  text-align: center !important;
  line-height: inherit;
}

.panel-flex {
  display: flex;
  justify-content: center;
  align-items: center;
}

.panel-statistic-height-fix {
  height: 178px;
  overflow-y: auto;
}

.panel-scout {
  position: relative;
  font-size: 12px;
}

.panel-scout .panel-container {
  border-radius: 4px;
}

.panel-container-remove {
  opacity: 0.5;
  height: 100%;
}

.panel-scout-remove {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background: #f2f2f2;
  font-size: 13px;
  padding: 10px 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.deal-candidate-select-lists, .deal-job-select-lists, .question-job-select-lists {
  padding: 1rem 1.25rem;
}

.deal-candidate-selected, .deal-job-selected, .question-job-selected {
  padding: 5px 0 0 0;
}

.node-sunriser {
  color: #ea2d5a;
}

.node-scouter {
  color: #ddd;
}

.node-normal {
  color: #1ab0a0;
}

.scout-sub-menu {
  position: absolute;
  right: -190px;
  width: 170px;
}

.scout-sub-menu .scout-btn-main {
  margin-bottom: 15px;
}

.recommend-sub-menu .progress-btn-next-previous, .scout-sub-menu .progress-btn-next-previous {
  background-color: #fff;
  margin-top: 30px;
  display: inline-block;
  border-radius: 4px;
}

.scout-sub-menu .scout-btn-main .scout-btn-text {
  display: inline-block;
  text-decoration: underline !important;
  color: #000;
  background-color: #fff;
  padding: 3px 8px;
}

.scout-sub-menu .scout-btn-main a.btn, .scout-sub-menu .scout-btn-main button.btn {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.progress-detail-progress-list {
  position: absolute;
  right: -190px;
  width: 170px;
  bottom: 0;
}

.scout-candidate-detail-page .progress-detail-progress-list {
  right: 0;
  top: 300px;
}

.recommend-job-detail-page .progress-detail-progress-list {
  right: 0;
  top: 300px;
}

.progress-detail-progress-list .card-header {
  text-align: center;
  padding: 5px;
}

.progress-detail-progress-list .card-body {
  padding: 5px;
  max-height: 195px;
  min-height: 100px;
  overflow: auto;
}

.progress-detail-progress-list .card-body-line {
  padding: 4px 0;
}

.progress-detail-progress-list .card-body-line:before {
  content: "";
  margin-right: 2px;
  background: #bbb;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.btn-color-red {
  background-color: #ff293f;
}

.btn-recommend, .btn-scout {
  padding: 20px 10px;
}

.panel-scout .panel-content {
  padding: 5px 10px !important;
}

.panel-scout .scout-id {
  font-weight: 700;
  height: 20px;
}

.panel-scout .scout-summary .scout-photo, .scout-modal .scout-summary .scout-photo {
  position: relative;
}

.panel-scout .scout-summary .scout-photo .scout-photo-department, .scout-modal .scout-summary .scout-photo .scout-photo-department {
  display: inline-block;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);
  font-weight: 700;
  position: absolute;
  font-size: 12px;
  top: 10px;
  left: 10px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  z-index: 1;
}

.panel-scout .scout-summary .scout-photo .scout-photo-flag, .scout-modal .scout-summary .scout-photo .scout-photo-flag {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.03);
  z-index: 1;
}

.panel-scout .scout-summary .scout-photo .scout-photo-flag img, .scout-modal .scout-summary .scout-photo .scout-photo-flag img {
  width: 100%;
}

.panel-scout .scout-summary .scout-photo .scout-photo-file, .scout-modal .scout-summary .scout-photo .scout-photo-file {
  background-color: #f6f6f6;
  overflow: hidden;
  position: relative;
  padding-top: 120%;
}

.panel-scout .scout-summary .scout-photo .scout-photo-file .scout-photo-file-content, .scout-modal .scout-summary .scout-photo .scout-photo-file .scout-photo-file-content {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}

.panel-scout .scout-summary .scout-photo .scout-photo-file img, .scout-modal .scout-summary .scout-photo .scout-photo-file img {
  width: 100%;
  background: #eee;
}

.panel-scout .scout-summary .scout-photo .scout-photo-name, .scout-modal .scout-summary .scout-photo .scout-photo-name {
  text-align: center;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 5px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  font-weight: 700;
  font-size: 12px;
}

.panel-scout .scout-summary .scout-menu, .scout-modal .scout-summary .scout-menu {
  padding: 10px 0 0 0;
}

.panel-scout .scout-summary .scout-menu .scout-menu-item, .scout-modal .scout-summary .scout-menu .scout-menu-item {
  margin-bottom: 10px;
}

.scout-list-container {
  padding-left: 0;
}

.scout-list-item-agent-name {
  position: absolute;
  bottom: 4px;
  right: 4px;
  background: #fff;
  border: 1px solid #ddd;
  padding: 2px 4px;
  border-radius: 5px;
}

.panel-scout .scout-summary .scout-list .scout-list-group {
  border: 1px solid #ddd;
  background-color: #f1f1f1;
  padding: 5px 10px 0;
  margin-bottom: 5px;
  border-radius: 3px;
}

.panel-scout .scout-summary .scout-list .scout-list-item {
  margin-bottom: 5px;
}

.panel-scout .scout-summary .scout-list .scout-list-item .scout-list-item-title {
  display: inline-block;
  min-width: 30px;
  font-size: 12px;
  max-height: 15px;
  font-weight: 700;
}

.panel-scout .scout-summary .scout-list .scout-list-item .scout-list-item-title img {
  display: inline-block;
  width: 18px;
}

.panel-scout .scout-summary .scout-list .scout-list-item.scout-list-item-over .scout-list-item-title {
  width: 100px;
  margin-top: 5px;
}

.panel-scout .scout-summary .scout-list .scout-list-item .scout-list-item-content {
  font-size: 12px;
  display: inline;
}

.panel-scout .scout-summary .scout-list .scout-list-item .scout-list-item-content-textarea {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.scout-id a {
  font-weight: 700;
  text-decoration: underline !important;
}

.scout-modal .modal-content {
  padding: 10px;
  border: none;
  margin-right: 130px;
}

.scout-modal .modal-header {
  background: inherit;
  color: inherit;
  padding: 0;
}

.scout-modal .modal-content table {
  margin-bottom: 0;
}

.scout-modal .scout-top {
  font-weight: 700;
  margin-bottom: 5px;
}

.scout-modal .scout-list-item {
  margin-bottom: 5px;
}

.scout-modal .scout-list-item-title {
  display: inline-block;
  font-size: 12px;
  max-height: 16px;
  background-color: #ddd;
  padding: 2px 10px;
  line-height: 15px;
  border-radius: 2px;
}

.scout-modal .scout-list-item-content {
  display: block;
  font-size: 12px;
}

.scout-detail {
  height: 50vh;
  overflow-y: auto;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #ddd;
}

.scout-modal .scout-box-title {
  background-color: #ddd;
  padding: 3px 10px;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  width: 80px;
  text-align: center;
}

.scout-modal .scout-box-content {
  overflow-y: auto;
  border: solid 1px #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px 10px;
  margin-bottom: 10px;
  background-color: #fafafa;
}

.scout-modal .scout-box-content .scout-info-list {
  margin-bottom: 10px;
}

.scout-modal .scout-box-content .scout-info-list:last-child {
  margin-bottom: 0;
}

.scout-modal .scout-box-content .user-box-list {
  margin-bottom: 0;
}

.scout-modal .scout-box-content .user-box-list .education-title, .scout-modal .scout-box-content .user-box-list .license-title, .scout-modal .scout-box-content .user-box-list .programing-title, .scout-modal .scout-box-content .user-box-list .work-title {
  font-size: 12px;
  padding-bottom: 0;
}

.scout-modal .scout-box-content .user-box-list .user-list-item {
  background: 0 0;
  border: none;
  margin-bottom: 10px;
  padding: 0;
}

.scout-modal .scout-box-content .user-box-list .user-list-item:last-child {
  margin-bottom: 0;
}

.scout-modal .scout-box-content .scout-info-list .btn-remove, .scout-modal .scout-box-content .scout-info-list .user-box-text {
  display: none;
}

.scout-modal .scout-box-content .user-box-list .user-license, .scout-modal .scout-box-content .user-box-list .user-programing {
  width: 49%;
  float: left;
  margin-right: 2%;
  background: linear-gradient(to left, #eaeaea, #f3f3f3);
  padding: 4px 8px 4px 8px;
  border-left: solid 4px #eaeaea;
}

.scout-modal .scout-box-content .user-box-list .user-license:nth-child(even), .scout-modal .scout-box-content .user-box-list .user-programing:nth-child(even) {
  margin-right: 0;
}

.label-new-public {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 85%;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 4px;
  color: #de5f99;
  background-color: #fff;
  margin-right: 5px;
}

.ribbon-wrap {
  position: absolute;
  right: 3px;
  top: 3px;
}

.ribbon {
  background: #ff6d62;
  color: #fff;
  padding: 2px 5px;
  border-radius: 3px;
}

.btn.btn-primary .js__new-histories {
  float: right;
  margin-left: auto;
  padding: 1px 7px;
  border-radius: 4px;
}

.btn.btn-primary .js__new-histories:empty {
  display: none !important;
}

.js__new-active-histories {
  padding: 1px 5px;
  border-radius: 4px;
  display: none;
}

.menu-number {
  background: #ff6d62;
  color: #fff;
}

.ah-content-detail-link {
  color: #de5f99;
  cursor: pointer;
}

.js-ah-content-click.expanded {
  cursor: pointer;
}

.work-table th {
  width: 30%;
}

.work-table-modal td, .work-table-modal th {
  padding: 0.4rem;
  border: 1px solid #ddd;
}

.work-table-modal th {
  background: #efefef;
}

.chat-body {
  overflow: auto;
}

.question-list tbody tr:hover {
  background: #fffbf1;
}

.question-list tbody tr.active {
  background: #fff6e2;
}

.question-list a {
  display: block;
  border-radius: 0 !important;
  width: 100%;
  padding: 0.5rem 1rem;
}

.question-list .question-job-pid {
  background: #1ec9b7;
  color: #fff;
  padding: 2px 6px;
  border-radius: 30px;
}

.question-box {
  height: calc(100vh - 17rem);
  overflow-y: auto;
  margin-right: 400px;
}

.question-box .nav-pills .nav-link.active {
  color: inherit;
  background-color: rgb(246, 249, 250);
  border-left: 5px solid #1ec9b7;
}

.question-box a.nav-link {
  color: #666;
  border-left: 5px solid #fff;
}

.question-not-read {
  bottom: 4px;
  left: 110px;
}

.question-box .question-last-answer, .question-box .question-last-time {
  color: #8e8e8e;
  font-weight: 400;
  position: relative;
}

.question-box .question-sunriser {
  color: #08b9a7;
}

.question-box .question-scouter {
  color: #de5292;
}

.question-detail {
  width: 400px;
  position: fixed;
  right: 0;
  top: 0;
  border-left: 5px solid #f6f9fa;
  z-index: 2000;
}

.question-detail .card {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0;
}

.question-detail .question-detail-header {
  height: 53px;
  border-radius: 0;
}

.question-detail .question-detail-header .question-detail-target-id {
  padding: 0 3px;
  border-bottom: 1px solid;
}

.question-detail .question-detail-body {
  height: calc(100vh - 53px);
  overflow-y: auto;
}

.question-menu-item-msg .ni-fire {
  display: inline-block;
  color: red;
  font-size: 1.4em;
  padding: 0 5px;
}

.dashboard-score .panel {
  margin-bottom: 15px;
}

.dashboard-title {
  text-align: center;
  font-size: 12px;
  border-bottom: 2px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.dashboard-sub-title {
  font-size: 10px;
}

.dashboard-btn-title {
  font-size: 18px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

#modal-recommend-order, #modal-scout-order {
  background-color: rgba(0, 0, 0, 0);
}

#modal-recommend-order .recommend-order-box, #modal-scout-order .scout-order-box {
  min-height: 200px;
}

.question_bookmark {
  font-size: 0.9375rem;
  color: #b5b5b5;
  transition: 0s;
}

.question_bookmark:hover i.fal {
  color: #ffc241;
  cursor: pointer;
  transition-delay: 0.1s;
}

.question_bookmark i.fas {
  color: #ffc241;
}

.question_bookmark:hover {
  cursor: pointer;
}

.scout_bookmark {
  font-size: 0.9375rem;
  color: #b5b5b5;
  transition: 0s;
}

.scout_bookmark:hover {
  cursor: pointer;
}

.scout_bookmark:hover i.fal {
  color: #ffc241;
  cursor: pointer;
  transition-delay: 0.1s;
}

.scout_bookmark i.fas {
  color: #ffc241;
}

.chat-message {
  padding: 0.5rem 0.75rem;
  word-break: break-all;
}

.chat-segment-sent .chat-time {
  text-align: right;
}

.scout_money_container {
  color: #3a4c63;
}

.scout_last_money_container {
  color: #319ef2;
}

.scout_last_joined_payment, .scout_last_money, .scout_last_salary {
  font-size: 14px;
  text-align: center;
}

.scout_last_joined_payment strong, .scout_last_money strong, .scout_last_salary strong {
  font-weight: 900;
  font-size: 16px;
}

.scout_last_money_comment {
  padding: 10px;
  text-align: left;
}

.scout_entry_waiting_time {
  text-align: center;
  font-size: 16px;
}

.message_import {
  background: #fff;
  border-radius: 4px;
}

.chat-gallery-content {
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
}

.message_import_init {
  position: relative;
  margin: 0.5rem;
  border-radius: 4px;
  display: inline-block;
  background-color: #f7f9fa;
  border: 1px solid #dee2e6;
}

.message_import_init:first-child {
  margin-left: 0;
}

.message_import_init:last-child {
  margin-right: 0;
}

.table-filter-input:focus {
  border-color: #e5e5e5;
}

.message_import_remove {
  position: absolute;
  top: -8px;
  right: -8px;
  background: #868e96;
  color: #fff;
  border-radius: 50%;
  opacity: 0;
  font-weight: 700;
  width: 20px;
  text-align: center;
}

.message-upload-files {
  display: none;
}

.message_import_remove:hover {
  cursor: pointer;
}

.message_import_init:hover .message_import_remove {
  opacity: 1;
}

.file_preview {
  min-width: 50px;
  text-align: center;
}

.file_preview_img {
  height: 46px;
  width: auto;
}

.file-download-url {
  font-size: 20px;
  border: 1px solid #f8d4e4;
  padding: 7px 9px;
  border-radius: 50%;
}

.modal-matching-compare {
  max-width: inherit;
  width: calc(100vw - 300px);
}

.modal-matching-compare .modal-content {
  max-height: 100vh;
  overflow-y: auto;
}

.matching-title {
  text-align: center;
  color: #df6099;
  margin-bottom: 10px;
  border-bottom: 1px solid;
}

.matching-compare-actions {
  position: fixed;
  right: -250px;
  padding: 5px;
  top: 50px;
  width: 250px;
  background: #faf9fa;
  border-radius: 0 4px 4px 0;
}

.matching-btn-next-previous i {
  font-style: normal !important;
}

.matching-status {
  font-size: 15px;
  text-align: center;
  color: #747474;
  padding: 13px 0;
}

.matching-status-delete {
  color: #ea3b3b;
  border-bottom: 1px solid #ea3b3b;
}

.matching-status-public {
  color: #329df3;
  border-bottom: 1px solid #329df3;
}

.matching-status-wait {
  color: #6c757d;
  border-bottom: 1px solid #6c757d;
}

.keys {
  text-align: center;
  width: 100%;
  padding: 10px;
  margin-top: 1rem;
  background: #fff;
}

.key {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}

.key-description {
  margin-left: 8px;
}

.key-arr {
  cursor: pointer;
  width: 30px;
  height: 28px;
  text-align: center;
  background: #eaeaea;
  font-size: 16px;
  transition: all 50ms linear;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.key-arr:active {
  border-bottom: 8px solid #4d4d4d;
  text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 20px #fff;
  transform: translate(0, 2px);
}

.matching-welcome {
  background-color: #c7f9c9;
}

.matching-required {
  background-color: #ffebc1;
  color: #666;
}

.skill-matching-welcome {
  padding: 5px !important;
  border: 2px solid #c7f9c9 !important;
}

.skill-matching-required {
  padding: 5px !important;
  border: 2px solid #ffebc1 !important;
}

.scout-detail-content.matching-required, .scout-detail-content.matching-welcome {
  background-color: inherit;
}

.recommend-detail-content.matching-welcome .recommend-box-title, .scout-modal .scout-detail-content.matching-welcome .scout-box-title {
  background-color: #c7f9c9;
}

.recommend-detail-content.matching-welcome .recommend-info-box, .scout-modal .scout-detail-content.matching-welcome .scout-box-content {
  border-color: #c7f9c9;
}

.recommend-detail-content.matching-required .recommend-box-title, .scout-modal .scout-detail-content.matching-required .scout-box-title {
  background-color: #ffebc1;
}

.recommend-detail-content.matching-required .recommend-info-box, .scout-modal .scout-detail-content.matching-required .scout-box-content {
  border-color: #ffebc1;
}

.recommend-info-box-conditions.matching-welcome {
  padding: 5px !important;
  border: 2px solid #c7f9c9 !important;
}

.recommend-info-box-conditions.matching-required {
  padding: 5px !important;
  border: 2px solid #ffebc1 !important;
}

.recommend-detail-content.matching-required, .recommend-detail-content.matching-welcome {
  background-color: inherit;
}

#SuggestsController_detail .matching_compare {
  margin-right: 200px;
}

#SuggestsController_detail .matching-compare-actions {
  position: absolute;
  right: 5px;
  width: 200px;
  top: 1.25rem;
}

#SuggestsController_detail .matching-btn-next-previous {
  display: none;
}

#NodeController_matching .key-delete, #NodeController_matching .key-hold, #SuggestsController_detail .key-next, #SuggestsController_detail .key-previous {
  display: none;
}

@media screen and (max-width: 1366px) {
  .panel-scout .scout-summary .scout-list .scout-list-item .scout-list-item-content-textarea {
    -webkit-line-clamp: 2;
  }
}
@media screen and (max-width: 767px) {
  .table td:last-child {
    border-bottom: solid 1px #e9e9e9;
    width: 100%;
    margin-bottom: 15px;
  }
  .table td table td {
    margin-bottom: 0 !important;
  }
  .table .td {
    width: 80%;
  }
  .table td, .table th {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  .table thead {
    display: none;
  }
  .check-form-cnt {
    width: 260px;
    font-size: 12px;
    overflow: auto;
  }
  .text-truncate.text-truncate-header.hidden-xs-down {
    display: block !important;
  }
  .table-bordered {
    border: none;
  }
  .table-hover tbody tr:hover {
    box-shadow: none;
  }
}
.table-csv th {
  min-width: 200px;
  vertical-align: middle;
}

.modal-header {
  padding: 0.7rem 1rem;
  background: linear-gradient(250deg, #3e93d6, #d35c94);
  color: #fff;
  height: 47px;
}

.modal-header .close {
  color: #fff;
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-body {
  padding: 1rem;
}

.modal-footer {
  padding: 0.5rem 1rem;
}

.modal-body-full-right {
  height: calc(100vh - 8rem);
  overflow: auto;
}

.modal-window-messages {
  height: calc(100vh - 10.3rem);
}

.modal-loading {
  min-height: 160px;
}

.nav-menu li a {
  padding: 0.8125rem 1.5rem;
}

.nav-menu li.active:not(.open) > a:before {
  content: none;
}

.nav-tab-waiting {
  margin-left: auto;
}

.toggle {
  box-sizing: border-box;
  font-size: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  align-items: stretch;
}

.toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}

.toggle input + label {
  margin: 0;
  padding: 0.5rem 2rem;
  box-sizing: border-box;
  position: relative;
  border: solid 1px #b3b9c1;
  background-color: #fff;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  -webkit-transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.toggle input + label:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}

.toggle input + label:last-of-type {
  border-radius: 0 6px 6px 0;
}

.toggle input:hover + label {
  border-color: #4b9dea;
  cursor: pointer;
}

.toggle input:checked + label {
  background-color: #4b9dea;
  color: #fff;
  box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
  border-color: #4b9dea;
  z-index: 1;
}

@media (max-width: 800px) {
  .toggle input + label {
    padding: 0.75rem 0.25rem;
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
  }
}
#conditions-edit hr {
  margin-top: 0.5rem;
}

#conditions-edit .input-group-text {
  width: 120px;
  text-align: center;
  display: block;
}

.conditions-container {
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  border-bottom: 5px solid #ccc;
}

.conditions-experiences-container {
  display: inherit;
}

.conditions-experiences-container input + label.conditions-experience-container {
  display: block;
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 0;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-bottom: 3px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: left;
  min-height: 50px;
}

.conditions-experiences-container input:checked + label.conditions-experience-container {
  background-color: #ffd8d8;
  box-shadow: 0 0 10px rgba(185, 198, 210, 0.5);
}

.conditions-experience-container {
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-bottom: 3px solid #ccc;
  border-right: 1px solid #ccc;
  margin-bottom: 10px;
}

.conditions-experience-container:hover {
  cursor: pointer;
  background: #f9f9f9;
}

.conditions-experience {
  margin: 5px 0;
}

.conditions-experience-or {
  font-size: 14px;
  color: #ef4865;
}

.conditions-experience-number {
  background: #ef4865;
  color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  margin-right: 5px;
  display: inline-block;
}

.conditions-experience-form-group {
  position: relative;
  padding-right: 60px;
}

.conditions-experience-form-group .btn-icon {
  position: absolute;
  right: 10px;
  top: 20px;
}

.status {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}

.status span {
  font-weight: 600;
  color: #b6985a;
}

.status span:first-of-type {
  display: inline;
}

.status span:last-of-type {
  display: none;
}

@media (max-width: 800px) {
  .status span:first-of-type {
    display: none;
  }
  .status span:last-of-type {
    display: inline;
  }
}
.scout-education-icon {
  font-size: 16px;
  color: #505050;
  font-weight: 400;
}

#scouts_lists .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

#scouts_lists .panel-scout {
  height: calc(100% - 1.5rem);
  position: relative;
}

.pagination .page-link {
  background-color: #f4effb;
}

.pagination .page-item.disabled .page-link, .pagination .page-item:first-child:not(.active) .page-link, .pagination .page-item:last-child:not(.active) .page-link {
  background-color: #f4effb;
}

.pagination .page-dot {
  background: #fff;
  padding: 0.5rem;
}

.pagination .page-dot:hover {
  background-color: inherit !important;
  color: inherit;
}

#progress-detail-page .modal-sub {
  margin-bottom: 30px;
  background: #fff;
  padding: 12px;
  width: 30%;
  float: left;
  margin-right: 2%;
  box-shadow: 0 0 13px 0 rgba(74, 53, 107, 0.08);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 4px;
}

#progress-detail-page .modal-sub #deal_internal_matting {
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
  padding-top: 10px;
}

#progress-detail-page .modal-body {
  padding: 0;
  width: 68%;
  float: left;
  height: calc(100vh - 13rem);
}

#progress-detail-page .modal-window {
  height: calc(100vh - 19rem);
}

#progress-detail-page .memo-container {
  height: auto;
}

.form-content-editable {
  min-height: 6rem;
  max-height: 50vh;
  resize: none;
  width: 100%;
  border: none;
  color: #666;
  padding-right: 8px;
}

.btn-progress-modal-detail {
  word-break: break-all;
}

.modal-cv {
  max-width: 700px;
}

.cv-box-list .user-list-item {
  background-color: #fff;
  padding: 10px;
  border-top: 1px solid #dfdfdf;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 3px solid #e6e6e6;
  margin-bottom: 10px;
}

.cv-box-list .js__modal_selected, .cv-box-list .user-list-item:hover {
  background-color: #f9fcff;
  border-top: 1px solid #c9e3fb;
  border-left: 1px solid #c9e3fb;
  border-right: 1px solid #c9e3fb;
  border-bottom: 3px solid #a5d1fa;
}

.cv-box-list .user-list-item table {
  width: 100%;
  table-layout: fixed;
  font-size: 12px;
}

.cv-box-list .cv-education-title, .cv-box-list .cv-job-title, .cv-box-list .cv-programing-title, .cv-box-list .cv-qualification-title {
  font-size: 1.1em;
}

.cv-programing-title, .cv-qualification-title {
  display: flex;
  align-items: center;
}

.cv-insert-btn {
  background: #ffae33;
  color: #fff !important;
}

.js__cv_detail:hover {
  cursor: pointer;
}

.cv-detail-modal-btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}

.cv-detail-modal-btn-group div:only-child {
  margin-left: auto;
}

.tooltip_candidate_ch_level, .tooltip_candidate_en_level, .tooltip_candidate_ja_level, .tooltip_job_collaboration_format, .tooltip_job_company, .tooltip_job_payment, .tooltip_job_recommend_type, .tooltip_job_title, .tooltip_movcube {
  min-width: 500px;
}

.check-form-content ul {
  margin-bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}

.candidate-upload-file-progress {
  margin-top: 10px;
}

.candidate-file-content {
  position: relative;
}

.candidate-photo-content {
  pointer-events: none;
}

.candidate-file-content img {
  width: 150px;
}

.candidate-file-content:hover {
  background-color: rgba(255, 0, 17, 0.05);
}

.candidate-file-content input {
  padding-right: 40px;
  background: #fff !important;
  border: 1px solid #329df3;
}

.btn_candidate_remove_file, .btn_candidate_remove_photo {
  color: #e60012;
  cursor: pointer;
  pointer-events: auto;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 20;
}

.table-sm td, .table-sm th {
  padding: 0.5rem;
}

.card-header {
  padding: 0.7rem 1rem 1rem 1rem;
}

.table-sunrise th {
  background: #f9f9f9;
}

.table-hover tbody tr.hover, .table-hover tbody tr:hover {
  background-color: #fffaca;
  -webkit-box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.01), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow: inset 1px 0 0 #dadce0, inset -1px 0 0 #dadce0, 0 1px 2px 0 rgba(60, 64, 67, 0.01), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
  z-index: 1;
}

.preview-tooltip {
  z-index: 100000;
  width: 50%;
  max-width: 800px;
  margin-left: 2px;
}

.preview-tooltip:before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
  left: 0;
  border-width: 10px 5px 10px 0;
  border-right-color: #329df3;
  top: calc(50% - 10px);
}

.panel-preview {
  border: 2px solid #329df3;
}

.tooltip-inner {
  background-color: rgba(54, 54, 54, 0.8);
  max-width: 300px;
}

.tooltip-inner ul {
  padding-left: 20px;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tooltip-fullwidth .tooltip-inner {
  max-width: inherit;
  text-align: left;
}

.tooltip {
  pointer-events: none;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow-gradient::before, .bs-tooltip-bottom .arrow-gradient::before {
  border-bottom-color: #8f75b2;
}

.bs-tooltip-auto[x-placement^=top] .arrow-gradient::before, .bs-tooltip-top .arrow-gradient::before {
  border-top-color: #8f75b2;
}

.bs-tooltip-auto[x-placement^=left] .arrow-gradient::before, .bs-tooltip-left .arrow-gradient::before {
  border-left-color: #2196f3;
}

.bs-tooltip-auto[x-placement^=right] .arrow-gradient::before, .bs-tooltip-right .arrow-gradient::before {
  border-right-color: #dc619f;
}

.custom-control {
  margin-bottom: 5px;
}

.page-breadcrumb {
  margin: 0 0 1rem;
}

.subheader-title {
  font-size: 1rem;
  color: #dd5292 !important;
  font-weight: 700;
}

.subheader-title small {
  color: #8b8b8b !important;
}

.page-header {
  height: 4.2rem;
}

.page-footer {
  background: #f7f7f7;
}

.header-icon {
  height: 3.5rem;
  line-height: inherit;
}

.page-logo {
  height: 3.5rem;
}

.header-icon:not(.btn)[data-toggle=dropdown][aria-expanded=true]:after {
  top: 0.5125rem;
}

.header-icon:not(.btn)[data-toggle=dropdown] + .dropdown-menu {
  top: 3.5rem !important;
}

.header-icon-name:after {
  background: #fff !important;
}

.dropdown-icon-menu > ul > li .btn, .header-btn {
  text-align: center;
  border: 1px solid #afafaf;
  color: #afafaf;
}

.header-btn[data-class=mobile-nav-on] {
  padding: 0;
}

.border-radius-0 {
  border-radius: 0;
}

.min_w-200 {
  min-width: 200px;
}

.min_w-150 {
  min-width: 150px;
}

.min_w-100 {
  min-width: 100px;
}

.min_w-80 {
  min-width: 60px;
}

.min_w-60 {
  min-width: 60px;
}

.w-100px {
  width: 100px;
}

.w-200px {
  width: 200px;
}

.input-group-text {
  min-width: 44px;
}

.subheader {
  margin-bottom: 1rem;
  border-left: 5px solid #dd5292;
  padding: 2px 10px;
}

.small, small {
  font-size: 80%;
  font-weight: 400;
}

a {
  color: #dd5292;
}

a:hover {
  color: #d7508e;
}

.panel .panel-container .panel-content {
  padding: 10px;
}

.panel .panel-container .panel-widget {
  padding: 4px;
}

.badge-light {
  border: 1px solid #ccc;
}

.badge-gray {
  background: #e4e4e4;
  color: #505050;
}

.badge-secondary {
  background-color: #9ca5af;
}

[class*=box-line] {
  height: 16px;
  width: 400px;
  background: #f6f7f9;
  margin-bottom: 13px;
  margin-right: 5px;
}

.box-loading-sm [class*=box-line] {
  height: 10px;
  margin-bottom: 10px;
}

.box-loading {
  background: #fff;
  width: 100%;
  padding: 1rem;
  display: block;
  margin: 0 auto;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tab-pane .box-loading {
  padding: 0;
}

.box-thumbnail {
  height: 67px;
  width: 70px;
  float: left;
  margin-right: 20px;
  display: inline-block;
}

.box-line-sm {
  width: 30%;
  margin-top: 0;
  margin-left: 90px;
}

.box-line-xs {
  width: 20%;
  margin-left: 90px;
}

.box-line-df {
  margin-top: 30px;
  width: 75%;
}

.box-loading-sm .box-line-df {
  margin-top: 0;
  height: 10px;
}

.box-line-lg {
  width: 50%;
}

.box-line-lgx {
  width: 100%;
}

.box-thumbnail, [class*=box-line] {
  animation: timeline;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  background: linear-gradient(to right, #eee 8%, #ddd 18%, #eee 33%);
  background-size: 800px auto;
  background-position: 100px 0;
}

@keyframes timeline {
  0% {
    background-position: -350px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
.nav-menu li a > .ni, .nav-menu li a > [class*=fa-] {
  color: #dd96b9;
}

.nav-menu li.active > a {
  background-color: rgba(0, 0, 0, 0.09);
  box-shadow: inset 3px 0 0 #319ef2;
}

.table thead th {
  vertical-align: middle;
  text-align: center;
  color: #585858;
}

.table-middle td, .table-middle th {
  vertical-align: middle;
}

.tr-current-member {
  background-color: #ffe3a7 !important;
  color: rgba(0, 0, 0, 0.8);
}

.job-reward-rate-convert {
  font-size: 16px;
  line-height: 37px;
  color: #fd3995;
}

.render-reward, .render-reward-expect {
  margin-top: 10px;
  font-size: 14px;
  background: #ff54a4;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
}

.render-reward strong, .render-reward-expect strong {
  font-size: 14px;
  padding: 0 5px;
  background: #fff;
  color: #ff54a4;
  margin: 0 5px;
  border-radius: 2px;
}

.job-reward-rate-text {
  font-size: 13px;
  color: #fd3995;
  text-align: right;
  margin-top: 5px;
}

.deal-quick-search {
  margin-left: 20px;
  margin-right: 10px;
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  padding: 4px 12px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}

.deal-quick-search .custom-control {
  margin-bottom: 0;
}

.deal-sort {
  text-align: right;
}

.deal-sort .btn-sort {
  color: #666;
  padding: 4px 12px !important;
  background-color: #fff;
  border: 1px solid #d0d0d0 !important;
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
}

.panel-recommend {
  font-size: 12px;
}

.recommend-summary .col-recommend-basic {
  margin-bottom: 5px;
}

.recommend-title {
  padding: 10px 10px 6px 0;
  margin-bottom: 12px;
  background: #fff;
  border-left: 3px solid #fff;
  font-weight: 700;
  border-radius: 0;
  border-bottom: 1px dashed #bfbfbf;
}

.recommend-basic {
  margin-bottom: 5px;
}

.recommend-detail {
  height: 60vh;
  overflow-y: auto;
  overflow-x: hidden;
  border-top: 1px dashed #ddd;
  padding-top: 10px;
}

.recommend-job-detail-page .recommend-detail {
  height: initial;
  overflow: initial;
}

.recommend-detail-content {
  margin-bottom: 10px;
}

.recommend-detail-content:last-child {
  margin-bottom: 0;
}

.recommend-detail-category-content {
  margin-bottom: 10px;
  background: linear-gradient(to right, #fafafa, #f3f3f3);
  border: solid 1px #ddd;
  border-radius: 4px;
}

.recommend-box-category-title {
  padding: 6px 10px 0 10px;
  font-size: 12px;
  text-align: center;
}

.recommend-box-category-content {
  padding: 10px 10px;
}

.recommend-sub-title {
  display: block;
  margin-right: 13px;
  border-radius: 4px;
  background: #fff;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  min-width: 80px;
  width: 62px;
  padding: 0;
  border: 1px solid #bdbdbd;
  float: left;
}

.recommend-sub-content {
  line-height: 20px;
}

.col-sm-12 .recommend-sub-title.recommend-sub-title-block {
  width: auto;
  float: none;
  display: inline-block;
}

.recommend-sub-menu {
  position: absolute;
  right: -190px;
  width: 170px;
}

.recommend-sub-menu .recommend-btn-main {
  margin-bottom: 15px;
}

.recommend-sub-menu .recommend-btm-menu {
  background-color: #fff;
  margin-top: 30px;
  display: inline-block;
  border-radius: 4px;
}

.recommend-sub-menu .recommend-btn-main .recommend-btn-text {
  display: inline-block;
  text-decoration: underline !important;
  color: #000;
  background-color: #fff;
  padding: 3px 8px;
}

.recommend-sub-menu .recommend-btn-main a.btn, .recommend-sub-menu .recommend-btn-main button.btn {
  box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1), 0 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.col-recommend {
  display: flex;
  flex-direction: column;
}

.panel-recommend {
  height: 100%;
}

.panel-recommend .panel-footer {
  height: 54px;
}

.panel-recommend .panel-container {
  padding-bottom: calc(1rem + 30px);
}

.recommend-bottom {
  position: absolute;
  width: 100%;
  padding: 0 10px 10px 10px;
  bottom: 0;
}

.recommend-box-title {
  background-color: #ddd;
  padding: 3px 10px;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-right: 10px;
}

.recommend-info-box {
  border: solid 1px #ddd;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  padding: 10px 10px;
  margin-bottom: 0;
  background-color: #fff;
}

.recommend-info-box-conditions {
  background: #fff;
  margin-bottom: 5px;
  padding: 5px 5px 5px 7px;
  border: 1px solid #ddd;
  border-left: 5px solid #ddd;
}

.recommend-info-box-conditions:last-child {
  margin-bottom: 0;
}

.recommend-info-box-conditions strong {
  font-weight: 900;
}

.recommend-textarea {
  height: 80px;
  overflow: hidden;
}

#recommend-job-detail-page {
  position: relative;
}

.recommend-job-detail-page {
  margin-right: calc(170px + 1rem);
  padding: 10px;
  -webkit-box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-transition: border 0.5s ease-out;
  transition: border 0.5s ease-out;
}

.recommend-job-detail-page .recommend-info-box {
  height: calc(100% - 20px);
  overflow: inherit;
  min-height: 40px;
}

.recommend-job-detail-page .recommend-sub-menu {
  right: 0;
  top: 0;
}

.recommend-job-detail-page .close {
  display: none;
}

.recommend-job-detail-page .scout-top {
  font-weight: 700;
  margin-bottom: 5px;
}

#board-detail-modal .modal-content, #board-edit-modal .modal-content, #board-new-modal .modal-content, #memo-modal .modal-content {
  background: #f6f8f9;
}

.board-container {
  height: calc(100vh - 47px);
}

#board-detail .board-container, #candidate-memo .memo-container, #job-memo .memo-container, #messages-modal .memo-container {
  height: inherit;
}

.board-detail, .memo-detail {
  height: calc(100vh - 34rem);
  overflow: auto;
}

.memo-detail.memo-detail-candidate {
  height: calc(100vh - 16rem);
}

.memo-detail.memo-detail-job {
  height: calc(100vh - 34rem);
}

.memo-content {
  background: #ffeaea;
}

.memos-comments-post {
  padding: 1rem;
}

#candidate-memo .memos-comments-post, #deal-candidate-memo .memos-comments-post, #deal-job-memo .memos-comments-post, #job-memo .memos-comments-post {
  padding: 1rem 0 0 0;
}

#candidate-memo .memo-detail, #deal-candidate-memo .memo-detail, #deal-job-memo .memo-detail, #job-memo .memo-detail {
  height: inherit;
}

.board-comment, .memo-comment {
  background: #f6f8f9;
  border-bottom: 1px dashed #dcdcdc;
  position: relative;
  min-height: 100px;
}

.board-comment:hover, .memo-comment:hover {
  background: #efefef;
}

.board-comment-remove:hover, .memo-comment-remove:hover {
  cursor: pointer;
}

.board-comment-remove, .memo-comment-remove {
  position: absolute;
  right: 20px;
  bottom: 7px;
  color: #ff3232;
}

.btn_board_comment_remove, .memo-remove-btn {
  visibility: hidden;
  opacity: 0;
}

.board-comment:hover .btn_board_comment_remove, .memo-comment:hover .memo-remove-btn {
  visibility: visible;
  opacity: 1;
}

.btn_board_comment_remove.btn-loading-disabled, .memo-remove-btn.remove-loading-disabled {
  visibility: visible;
  opacity: 1;
}

.board-comments .card, .board-comments-post .card, .memo-comments .card, .memo-comments-post .card {
  border-radius: 0;
}

.board-setting {
  position: absolute;
  right: 10px;
  top: 8px;
  color: #ff3232;
}

.board-setting-dropdown {
  min-width: 10px !important;
  padding: 0 7px 0 5px !important;
}

.board-remove:hover {
  cursor: pointer;
}

.board-panel {
  position: absolute;
  right: 10px;
}

.board-lists-comment-like {
  display: flex;
  justify-content: center;
  align-items: center;
}

.board-comment-like {
  position: absolute;
  right: 20px;
  top: 40px;
}

.board-header .board-comment-like {
  top: 20px;
}

.board-comment-like-content {
  font-size: 12px;
  border-radius: 50%;
  background: #ccc;
  padding: 4px;
  width: 25px;
  height: 25px;
  text-align: center;
  color: #fff;
}

.board-comment-like-content.active {
  background: #329df3;
}

.board-comment-like-content:hover {
  cursor: pointer;
}

#board-detail .modal-header button {
  display: none;
}

#board-detail .boards-comments-post .card {
  margin: 0.5rem 0 0 0 !important;
}

#board-detail .board-detail {
  height: calc(100vh - 23rem);
}

#scout-candidate-detail-page {
  position: relative;
}

#scout-candidate-detail-page .user-list-item table {
  margin-bottom: 0;
}

#recommend-job-detail-page .progress-btn-next-previous, #scout-candidate-detail-page .progress-btn-next-previous {
  display: none;
}

.progress-btn-next-previous i {
  font-style: normal !important;
}

#scout-candidate-detail-page .col {
  margin-bottom: 10px;
}

.scout-candidate-detail-page .work-table td, .scout-candidate-detail-page .work-table th {
  padding: 0.5rem;
  vertical-align: top;
  border-top: 1px solid #e9e9e9;
}

.scout-candidate-detail-page {
  margin-right: calc(170px + 1rem);
  padding: 10px;
  -webkit-box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  box-shadow: 0 0 13px 0 rgba(62, 44, 90, 0.08);
  margin-bottom: 1.5rem;
  border: 1px solid rgba(0, 0, 0, 0.09);
  border-bottom: 1px solid #e0e0e0;
  border-radius: 4px;
  -webkit-transition: border 0.5s ease-out;
  transition: border 0.5s ease-out;
}

.scout-candidate-detail-page .scout-detail {
  overflow: initial;
  height: initial;
}

.scout-candidate-detail-page .scout-sub-menu {
  right: 0;
  top: 0;
}

.scout-candidate-detail-page .close {
  display: none;
}

.tbody-themed a.status-alert {
  text-decoration: underline !important;
}

.tbody-themed a.status-alert:hover {
  color: #0064bd !important;
}

.seekers-site .page-content-wrapper {
  padding-left: 0 !important;
}

.seekers-site .page-sidebar {
  flex-flow: row;
}

.seekers-site .page-sidebar .primary-nav .nav-menu {
  justify-content: flex-end;
}

.seekers-site .change-lang-container a {
  width: 120px;
}

.seekers-site .change-lang-container img {
  width: 22px;
}

.seekers-site .seeker-company-name {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  color: #6c6462;
}

.seekers-site .table-bordered {
  border: none;
}

.seekers-site .toggle input + label {
  min-width: inherit;
  width: 50%;
}

.seekers-site .select2 {
  margin-bottom: 5px;
}

.seekers-site .page-logo img {
  width: 150px;
}

.seekers-site .page-header {
  background-color: #fff;
}

.seekers-site .header-icon:not(.btn) .profile-image {
  width: 2.2rem;
  height: 2rem;
}

.seekers-site .work-table th {
  width: 30%;
}

.seekers-site .user-box-list {
  margin-bottom: 0;
}

.campaign-new {
  padding: 4px 10px;
  flex: 1;
  border-radius: 4px;
  background: #de5f99;
  font-size: 14px;
}

.campaign-new a {
  color: #fff;
}

.table-campaigns-list th {
  background: #f1f1f1;
}

.th-campaign-full {
  background: linear-gradient(to top, #e4e4e4, #fafafa);
  color: red;
  font-weight: 700;
}

#my-campaign {
  padding: 10px;
  border: 1px solid #efefef;
  border-radius: 5px;
  background: #f9f9f9;
  box-shadow: 5px 5px 5px #ddd;
}

.my-campaign-styles {
  display: flex;
}

.my-campaign-title {
  border: 2px solid #fff;
  border-radius: 3px;
  font-size: 30px;
  font-weight: 700;
  padding: 5px 10px;
  text-align: center;
  font-family: serif;
  margin: 0 30px 10px 30px;
}

.my-campaign-title:hover {
  border-color: #f3a36d;
}

.my-campaign-description {
  border: 2px solid #fff;
  border-radius: 3px;
  font-size: 14px;
  margin: 0 30px;
  padding: 5px 10px;
}

.my-campaign-description:hover {
  border-color: #f3a36d;
}

.my-campaign-header {
  flex: 5;
}

.my-campaign-save-status {
  position: absolute;
  right: 8px;
  bottom: 0;
  color: #afafaf;
}

.my-campaign-candidate-detail .scout-candidate-detail-page {
  background: #fff;
}

.panel-campaign {
  background: #fff;
}

.panel-campaign-header {
  height: inherit;
  padding: 0.5rem 0;
}

.panel-campaign-header h2 {
  line-height: inherit;
  color: #666;
}

.panel-campaign-content-message {
  margin-bottom: 10px;
}

.panel-campaign-end {
  border: 1px solid #ddd;
  margin-right: 10px;
  text-align: center;
  padding: 2px 10px !important;
  border-radius: 5px;
  background: #fff;
}

.btn-toggle-label {
  border: 3px solid #3a4b63;
  display: inline-block;
  padding: 5px;
  position: relative;
  text-align: center;
}

input[type=radio].toggle {
  display: none;
}

input[type=radio].toggle + label {
  cursor: pointer;
  min-width: 60px;
}

input[type=radio].toggle + label:hover {
  background: 0 0;
  color: #3a4b63;
}

input[type=radio].toggle + label:after {
  background: #3a4b63;
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

input[type=radio].toggle.toggle-left + label {
  border-right: 0;
}

input[type=radio].toggle.toggle-left + label:after {
  left: 100%;
}

input[type=radio].toggle.toggle-right + label {
  margin-left: -5px;
}

input[type=radio].toggle.toggle-right + label:after {
  left: -100%;
}

input[type=radio].toggle:checked + label {
  cursor: default;
  color: #fff;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  background: #3a4b63;
}

input[type=radio].toggle:checked + label:after {
  left: 0;
}

#my-campaign-p .my-campaign-title:hover {
  border-color: #fff;
}

#my-campaign-p .my-campaign-description:hover {
  border-color: #fff;
}

#my-campaign-p .panel-scout {
  height: calc(100% - 1.5rem);
}

.my-contact-result-content {
  max-height: 92px;
  overflow: auto;
}

.dashboard-deals {
  width: 100%;
  white-space: nowrap;
  padding-bottom: 20px;
  height: calc(100vh - 14rem);
  overflow: auto;
}

.dashboard-deals-name {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}

.dashboard-deals-overview {
  display: table;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 50;
}

.dashboard-deals-money {
  display: table;
  background: #fff;
}

.dashboard-deals-tab {
  display: flex;
  margin-bottom: 10px;
}

.dashboard-deals-tab:last-child {
  margin-bottom: 0;
}

.dashboard-deals-tab-admin {
  position: sticky;
  left: 0;
  z-index: 30;
  background: #ffd5d5;
  width: 150px;
  min-width: 150px;
  font-size: 15px;
  padding: 10px;
}

.dashboard-deals-tab-admin-title {
  font-weight: 700;
  margin: 10px 0;
  text-align: center;
}

.dashboard-deals-tab-admin-content {
  padding: 6px;
  background: #fff;
  border: 1px dashed #fed5d5;
  font-size: 12px;
}

.dashboard-deals-detail {
  background: #fdf1e9;
}

.dashboard-deals-overview-admin {
  width: 150px;
  min-width: 150px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
}

.dashboard-deals-overview-cvr {
  position: sticky;
  left: 0;
  z-index: 30;
  background: #fff;
}

.dashboard-deals-money-title > div {
  padding: 5px 0;
}

.dashboard-deals-overview-admin-admin-content {
  width: 80px;
  min-width: 80px;
  height: 76px;
  margin: 10px 10px 10px 0;
}

.dashboard-deal-money {
  width: 210px;
  min-width: 210px;
  display: table-cell;
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}

.dashboard-deal-money-yen {
  font-size: 18px;
  font-weight: 700;
}

.dashboard-deal-money-joined {
  font-size: 20px;
  color: #f9b613;
}

.dashboard-deal-money-form {
  width: 130px;
  margin: 0 auto;
}

.dashboard-deal-money-form input {
  text-align: center;
}

.dashboard-deals-overview-sub {
  width: 210px;
  min-width: 210px;
  display: inline-block;
  font-size: 16px;
  text-align: center;
}

.dashboard-deals-counts {
  padding: 10px;
  position: relative;
  background: #fff;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  width: 210px;
  color: #666;
  box-shadow: 5px 4px 6px #ddd;
}

.dashboard-deals-counts:after {
  content: "";
  position: absolute;
  top: 0;
  border-width: 25px 15px;
  border-color: transparent transparent transparent #666;
  border-style: solid;
  left: 100%;
  z-index: 1;
}

.dashboard-deals-overview-sub:nth-child(2) .dashboard-deals-counts {
  background-color: #eaeaea;
}

.dashboard-deals-overview-sub:nth-child(2) .dashboard-deals-counts:after {
  border-color: transparent transparent transparent #eaeaea;
}

.dashboard-deals-overview-sub:nth-child(3) .dashboard-deals-counts {
  background-color: #d6d6d6;
}

.dashboard-deals-overview-sub:nth-child(3) .dashboard-deals-counts:after {
  border-color: transparent transparent transparent #d6d6d6;
}

.dashboard-deals-overview-document .dashboard-deals-counts {
  background-color: #c2c2c2;
}

.dashboard-deals-overview-document .dashboard-deals-counts:after {
  border-color: transparent transparent transparent #c2c2c2;
}

.dashboard-deals-overview-sub:nth-child(5) .dashboard-deals-counts, .dashboard-deals-overview-sub:nth-child(6) .dashboard-deals-counts, .dashboard-deals-overview-sub:nth-child(7) .dashboard-deals-counts, .dashboard-deals-overview-sub:nth-child(8) .dashboard-deals-counts {
  border: 1px solid #c2c2c2;
}

.dashboard-deals-overview-sub:nth-child(5) .dashboard-deals-counts:before, .dashboard-deals-overview-sub:nth-child(6) .dashboard-deals-counts:before, .dashboard-deals-overview-sub:nth-child(7) .dashboard-deals-counts:before, .dashboard-deals-overview-sub:nth-child(8) .dashboard-deals-counts:before {
  content: "";
  position: absolute;
  left: 100%;
  border-style: solid;
  border-width: 25px 14px;
  display: block;
  border-color: transparent transparent transparent #fff;
  z-index: 2;
}

.dashboard-deals-overview-sub:nth-child(5) .dashboard-deals-counts:after, .dashboard-deals-overview-sub:nth-child(6) .dashboard-deals-counts:after, .dashboard-deals-overview-sub:nth-child(7) .dashboard-deals-counts:after, .dashboard-deals-overview-sub:nth-child(8) .dashboard-deals-counts:after {
  top: -1px;
  border-color: transparent transparent transparent #c2c2c2;
  margin-left: 1px;
}

.dashboard-deals-overview-joined .dashboard-deals-counts {
  background-color: #f9b514;
  color: #fff;
}

.dashboard-deals-overview-joined .dashboard-deals-counts:after {
  border-color: transparent transparent transparent #f9b514;
}

.dashboard-deals-count-title {
  display: inline-block;
}

.dashboard-deals-count-value {
  display: inline-block;
  float: right;
}

.dashboard-deal-detail {
  display: inline-block;
  vertical-align: top;
  padding: 15px 7px 10px 10px;
}

.dashboard-deal-content {
  position: relative;
  width: 190px;
  height: 78px;
  border: 1px solid #a5a5a5;
  border-radius: 2px;
  padding: 10px;
  display: block;
  color: #666;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 4px 4px 4px #dcdcdc;
}

.dashboard-deal-warning {
  border: 1px solid #f44336;
}

.dashboard-deal-content:last-child {
  margin-bottom: 0;
}

.dashboard-deal-content[target]:not(.btn) {
  text-decoration: none !important;
}

.dashboard-deal-content.active, .dashboard-deal-content:hover {
  color: inherit;
  cursor: pointer;
}

.dashboard-deal-content.active .dashboard-deal-content-clock, .dashboard-deal-content:hover .dashboard-deal-content-clock {
  background: #90e9fb;
}

.dashboard-deal-content-clock {
  position: absolute;
  width: 140px;
  background: #ffdfdf;
  top: -8px;
  font-size: 11px;
  text-align: center;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.dashboard-deal-content-empty {
  border: 2px solid transparent;
  background: 0 0;
  box-shadow: none;
}

.dashboard-deal-content-empty:hover {
  background: 0 0;
}

.dashboard-deal-content-sub {
  overflow: hidden;
}

.company-selected {
  background: #fffacd !important;
}

#node-companies tbody tr td:last-child, #node-companies thead tr th:last-child {
  background: #f2f2f2 !important;
}

.campaign-candidate-display-detail .scout-modal .modal-content {
  margin-right: 0;
}

@media (min-width: 576px) {
  #js__p-campaign-candidate-modal .modal-lg, #recommend-modal .modal-lg, #scout-modal .modal-lg {
    width: 98%;
    max-width: 98%;
  }
  .scout-modal .modal-content {
    margin-right: 190px;
  }
}
@media (min-width: 992px) {
  .page-content {
    padding: 1rem;
  }
  .page-header {
    padding: 0 1rem;
  }
  #js__p-campaign-candidate-modal .modal-lg, #recommend-modal .modal-lg, #scout-modal .modal-lg {
    width: 80%;
    max-width: 1200px;
  }
}
@media (max-width: 460px) {
  .scout-candidate-detail-page {
    margin-right: 0;
  }
  .scout-modal .modal-content {
    margin-right: 0;
  }
  .recommend-detail, .scout-detail {
    height: inherit;
  }
  .progress-detail-progress-list, .recommend-sub-menu, .scout-sub-menu {
    position: inherit;
    margin-top: 20px;
    right: 0;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .seekers-site .seeker-company-name {
    font-size: 20px;
  }
  .seekers-site .work-table th {
    width: 100%;
    background: #f3f3f3;
  }
  .seekers-site .table-seeker-preview th, .table-seeker-preview td {
    display: table-cell;
    width: 30%;
    border-bottom: 1px solid #e9e9e9;
    word-break: break-word;
  }
  .seekers-site .table-seeker-preview thead {
    display: table-header-group;
  }
  .seekers-site .tr-color1 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color2 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color3 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color4 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color5 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color6 > th {
    border-left-width: 2px;
  }
  .seekers-site .tr-color7 > th {
    border-left-width: 2px;
  }
  .seekers-site .check-form-cnt {
    border-width: 1px;
    margin-top: 20px;
    margin-bottom: 5px;
    position: inherit;
    width: 100%;
  }
  .seekers-site .check-form-content ul {
    padding-left: 1rem;
  }
  .seekers-site .page-wrapper .page-content {
    padding: 1rem;
  }
  .seekers-site .btn {
    width: 100% !important;
  }
  .seekers-site .select2-container .select2-selection--single .select2-selection__rendered {
    text-overflow: inherit;
    white-space: normal;
    height: 100%;
  }
  .seekers-site .work-table td, .seekers-site .work-table th {
    display: block;
    width: 100%;
    border-bottom: none;
  }
  .scout-list-container {
    padding-left: 0.75rem;
  }
  .panel-recommend .panel-container {
    padding-bottom: calc(1rem + 60px);
  }
  .campaign-new {
    display: none;
  }
}
.invoice-detail {
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 10px 20px;
}

.filter-switch {
  --text-opacity:1;
  color: rgba(49, 130, 206, var(--text-opacity));
  position: relative;
  padding: 0.25rem;
  height: 2.5rem;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  border-radius: 0.375rem;
  --bg-opacity:1;
  background-color: rgba(237, 242, 247, var(--bg-opacity));
  margin: 0;
}

.filter-switch li {
  position: relative;
  height: 2rem;
  display: flex;
  padding-left: 0;
  padding-right: 0;
}

.filter-switch label {
  cursor: pointer;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
  --text-opacity:1;
  color: rgba(113, 128, 150, var(--text-opacity));
  padding: 0.25rem 0.5rem;
  line-height: 1.5rem;
  font-size: 0.875rem;
  height: 2rem;
  border-radius: 0.25rem;
  --bg-opacity:1;
  background-color: rgba(255, 255, 255, var(--bg-opacity));
  margin-bottom: 0;
  text-align: center;
  min-width: 100px;
}

.filter-switch-item input:checked + label {
  color: #3182ce;
}

.filter-switch-item input:not(:checked) + label {
  --bg-opacity:0;
  box-shadow: none;
}

.filter-switch input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.news-content-wrapper {
  max-width: 1000px;
  font-size: 14px;
}

#modal-job-typename tbody tr td, #modal-job-typename tbody tr th {
  background-color: #fff;
}

#modal-job-typename tbody tr:nth-of-type(odd) td, #modal-job-typename tbody tr:nth-of-type(odd) th {
  background-color: rgba(80, 80, 80, 0.02);
}

#modal-job-typename .modal-job-typename-table {
  max-height: 45vh;
  overflow-y: auto;
}

#modal-job-typename .modal-job-typename-thead {
  position: sticky;
  top: -1px;
  z-index: 1;
}

#modal-job-typename .modal-job_typename_cat-line:hover {
  background: #e5f8e5;
}

#modal-job-typename .modal-job-typename-table .td-radio {
  width: 50px;
}

#modal-job-typename .bold-row {
  font-weight: 700;
}

#top-notifications .nav-tabs-clean {
  display: flex;
}

#top-notifications .nav-tabs-clean .nav-item {
  flex: 1 1 50%;
}

#top-notifications .nav-tabs-clean .nav-link {
  display: flex;
  justify-content: center;
}

#top-notifications .custom-scroll {
  overflow: scroll;
}

.mail-card-orange {
  border-color: #ffc241;
}

.mail-card-title-orange {
  color: #734f34;
}

.mail-card-teal {
  border-color: #1dc9b7;
}

.mail-card-title-teal {
  color: #1dc9b7;
}

.mail-card-pink {
  border-color: #df6098;
}

.mail-card-title-pink {
  color: #df6098;
}

.mail-card-blue {
  border-color: #329df3;
}

.mail-card-title-blue {
  color: #329df3;
}

.mail-alert-bg {
  background-color: #fff8e9;
  border-color: #ffc241;
  color: #734f34;
}

.mail-alert-heading {
  color: #734f34;
}

.mail-chart-icon {
  color: #ffc241;
}

.table-striped tbody tr.history-completed {
  background-color: #d3d3d3 !important;
}

.table-striped tbody tr.history-unread-no-border {
  background-color: #fff3cd !important;
}

.table-striped tbody tr.history-deadline-no-border {
  background-color: #f8d7da !important;
}

.table-striped tbody tr.history-unread {
  background-color: #fff3cd !important;
  border-left: 4px solid #ffc107;
}

.table-striped tbody tr.history-deadline {
  background-color: #f8d7da !important;
  border-left: 4px solid #dc3545;
}

.date-range-reminder-text {
  color: #df6098;
}

.textarea-wrapper {
  position: relative;
}

.character-counter {
  text-align: right;
  margin-top: 4px;
}

.character-counter small {
  font-size: 0.875rem;
  font-weight: 500;
}

.character-counter.text-warning {
  color: #856404 !important;
}

.character-counter.text-danger {
  color: #721c24 !important;
  font-weight: 600;
}

.character-counter .current-count {
  font-weight: 600;
}

.ah-radio-group input[type=radio] {
  width: 15px;
  height: 15px;
}

.table-fixed {
  table-layout: fixed;
}

#table-company-active-history .memo-editable.editable input {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 0;
}

#table-company-active-history .memo-editable.editable {
  padding: 0;
  position: relative;
}

.complete-deadline-btn {
  padding: 4px !important;
  font-size: 12px !important;
  line-height: 1.1 !important;
  border-radius: 3px !important;
  min-height: auto !important;
  white-space: nowrap !important;
}

.media-jobs-public-count span {
  display: inline-block;
  font-size: 22px;
}

.cd-steps {
  display: inline-block;
  width: 100%;
}

.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: 0.25em;
  display: flex;
}

.cd-multi-steps li:last-of-type::after {
  display: none;
}

.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-breadcrumb::after, .cd-multi-steps::after {
  clear: both;
  content: "";
  display: table;
}

.cd-breadcrumb li::after, .cd-multi-steps li::after {
  display: inline-block;
  content: "»";
  margin: 0 0.6em;
  color: #959fa5;
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    background-color: transparent;
    padding: 0;
    text-align: center;
  }
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-multi-steps.text-bottom li, .cd-multi-steps.text-top li {
    flex: 1;
    text-align: center;
  }
  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    display: inline-block;
    float: left;
  }
  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps li.current > *, .cd-multi-steps li > * {
    position: relative;
    color: #2c3f4c;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    display: inline-block;
    font-size: 14px;
    color: #2c3f4c;
  }
  .cd-multi-steps.text-bottom.count li > ::before, .cd-multi-steps.text-top.count li > ::before {
    content: counter(steps);
    height: 30px;
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
  }
  .cd-multi-steps.text-bottom li.current > ::before, .cd-multi-steps.text-bottom li.visited > ::before, .cd-multi-steps.text-top li.current > ::before, .cd-multi-steps.text-top li.visited > ::before {
    background-color: #f90;
  }
  .cd-multi-steps.count li > ::before {
    content: counter(steps) " - ";
  }
  .cd-multi-steps.text-bottom li > ::before {
    top: 0;
  }
  .cd-multi-steps.text-bottom li > ::before, .cd-multi-steps.text-top li > ::before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #d9d9d9;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-multi-steps li::after {
    position: absolute;
    content: "";
    height: 4px;
    background: #d9d9d9;
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #f90;
  }
  .cd-multi-steps.text-bottom li::after, .cd-multi-steps.text-top li::after {
    position: absolute;
    left: 50%;
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }
}
.mail-detail > th {
  border-left-color: gray;
  border-left-width: 8px;
}

.wrap {
  display: flex;
  width: 1600px;
  margin: 20px 30px;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1600px) {
  .wrap {
    flex-direction: column;
    width: 100vw;
    min-width: 1150px;
  }
}
.wrap-web {
  width: 800px;
  height: 500px;
  border: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/assets/images/web-frame.png);
}

.frame-web {
  overflow: scroll;
  height: 400px;
  margin: 62px 12px 12px 12px;
  padding: 1px 0;
  transform: rotate(-0.2deg);
  background: #fff;
}

.frame-web::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.frame-web::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

.inner-web {
  max-width: 100%;
  padding: 10px;
}

.inner-web div {
  text-align: justify;
}

.wrap-mobile {
  width: 242px;
  height: 500px;
  margin: 5px 15px;
  border: 0;
  padding: 5px 5px;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 37px;
  background-repeat: no-repeat;
  background-image: url(/assets/images/apple-iphone-12-pro-max-medium.png);
}

.frame-mobile {
  width: 100%;
  border-radius: 40px;
  overflow: scroll;
  height: 484px;
  margin: 1px 0;
  padding: 1px 0;
  box-shadow: rgba(0, 0, 0, 0.16) 0 10px 36px 0, rgba(0, 0, 0, 0.06) 0 0 0 1px;
}

.frame-mobile::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.frame-mobile::-webkit-scrollbar-thumb:hover {
  background: #b30000;
}

.inner-mobile {
  max-width: 100%;
  padding: 15px;
  margin-top: 30px;
}

.inner-mobile img {
  width: 100% !important;
}

.inner-mobile b, .inner-mobile div, .inner-mobile i, .inner-mobile span {
  font-size: 12px !important;
  text-align: justify;
}

#modal_mail_preview .modal-dialog {
  margin: 0 18% !important;
  top: 12% !important;
}

#modal_mail_preview .modal-content {
  width: 1150px !important;
}

.mail-filter-div {
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
  padding: 10px 10px 10px;
  margin-bottom: 8px;
  border-radius: 3px;
  margin-left: 1%;
  margin-right: 1%;
  height: auto;
}

.mail-filter-div span {
  color: red;
  margin-bottom: 15px;
}

.note-custom, .note-float, .note-group-image-url, .note-image {
  display: none !important;
}

.target-div {
  min-height: 150px !important;
  max-height: 500px;
  overflow: scroll;
}

.mail-read {
  color: green;
}

.medium-badge {
  font-size: 13px;
}

.badge-send-total {
  padding: 2px 4px;
  background: #ddd;
  color: #000;
  border: 1px solid #939393;
  border-radius: 4px;
}

.badge-send-empty {
  padding: 2px 4px;
  background: #ffc241;
  color: #734f34;
  border-radius: 4px;
}

.badge-send-ok {
  padding: 2px 4px;
  background: #1dc9b7;
  color: #fff;
  border: 1px solid #42b6ab;
  border-radius: 4px;
}

.badge-send-ng {
  padding: 2px 4px;
  border: 1px solid #f51200;
  color: #fff;
  background: #f95f53;
  border-radius: 4px;
}

.table-mail-sunrise th {
  background: #eee;
  font-weight: 700;
}

.validation-text {
  margin-top: 7px;
}

.alert-warning {
  color: #c18300;
  background-color: #fff8e9;
  border-color: #ffcd65;
}

.checked-count-div {
  font-size: 15px;
  margin-top: 10px;
}

.checked-count-txt {
  padding: 5px 7px 5px 7px;
  width: 15px;
  background-color: #df6098;
  color: #fff;
  font-size: 13px;
  border-radius: 3px;
}

#scroll-top {
  height: 200px;
}

.mail-detail-div {
  justify-content: space-between;
  width: 100%;
  height: 38px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.mail-detail-btn-div {
  height: 38px;
}

.mail-target-count {
  padding: 10px;
  height: 40px;
  background: #f7f7f7;
}

.select-all-targets {
  color: #0064bd;
}

.table-mail-sunrise thead th {
  position: sticky;
  top: 0;
  z-index: 10;
}

.control-1 {
  border: none;
  border-bottom: 1px solid #dfdfdf;
  border-radius: 0;
  background: 0 0;
  padding-left: 2px;
  padding-right: 2px;
  box-shadow: none;
  margin-top: 15px;
}

.control-form-btn {
  margin-top: 30px;
}

.sub-description {
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
  margin-bottom: 0;
}

.login {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f7f7f7;
  color: #777676;
}

.login .login-box {
  width: 500px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 30px 50px;
  margin-bottom: 50px;
}

.login .logo-title {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  margin-top: 0;
}

.login .logo-title img {
  max-width: 300px;
}

.login .logo-title a {
  color: #a7a7a7;
}

.login .logo-title a span {
  color: #ef4764;
}

.login .login-box .logo {
  display: block;
  text-align: center;
  text-indent: -99999px;
  overflow: hidden;
  height: 40px;
}

.login .login-box .logo:hover {
  opacity: 0.7;
  transition: all 0.2s;
}

.login .input-icon {
  width: 44px;
}

.login .footer {
  width: 200px;
  margin: 50px auto;
}

.login .footer .footer-link {
  text-align: center;
  font-size: 0.9em;
}

.login .footer .footer-link a {
  color: #a7a7a7;
  display: block;
  margin-bottom: 10px;
}

.login .footer .footer-link a:hover {
  opacity: 0.7;
  color: #a7a7a7;
  text-decoration: none;
}

.login address {
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
  font-size: 0.7em;
  color: #a7a7a7;
  margin-bottom: 10px;
}

.btn-default {
  color: #929191;
  background: #ebebeb;
  border: 1px solid #e7eaec;
}

.btn-default.active, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active:focus, .btn-default:active:hover, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default {
  color: inherit;
  border: 1px solid #d2d2d2;
}

.error-alert {
  color: #a94442;
  background-color: #f2dede;
  padding: 10px;
  border-radius: 4px;
  margin: 10px 0;
}

.success-alert {
  color: #0fb983;
  background-color: #e3ffe8;
  padding: 10px;
  border-radius: 4px;
  margin: 10px 0;
}

.warning-alert {
  background: #ffd274;
  color: #555;
  padding: 10px;
  border-radius: 4px;
  margin: 10px 0;
}

.change-lang-container, .mail-setting-container {
  text-align: center;
  position: fixed;
  bottom: 0;
  background: #fff;
  width: 100%;
  padding: 5px 0;
}

.change-lang {
  width: 100px;
  display: inline-block;
}

.change-lang img {
  width: 22px;
}

.term-content {
  width: 80%;
  margin-top: 20px;
}

.list-decimal li {
  list-style: decimal;
}

@media screen and (max-width: 767px) {
  .term-content {
    width: 100%;
  }
}
#password-rules {
  list-style: none;
  padding-left: 0;
  margin-top: 8px;
}

#password-rules li {
  font-size: 14px;
}

.register-pass-invalid {
  color: #a94442;
}

.register-pass-valid {
  color: #25bb00;
}

#sunrise-notifications .sunrise-toast {
  min-width: 300px;
  max-width: 400px;
  margin-bottom: 0.5rem;
  border-radius: 0.375rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  animation: toastSlideIn 0.3s ease-out;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.check-form-content ul {
  padding-left: 0;
  margin-bottom: 0;
}
.check-form-content ul .category_check {
  padding: 0;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.form-control:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}

.form-check {
  position: relative !important;
  display: block !important;
  padding-left: 1.5em !important;
  min-height: 1.5rem;
  margin-bottom: 0.125rem;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.form-check .form-check-input {
  position: absolute !important;
  margin-left: -1.5em !important;
  margin-top: 0.25em !important;
  width: 1em !important;
  height: 1em !important;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  print-color-adjust: exact;
  flex-shrink: 0;
  float: none !important;
}
.form-check .form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check .form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check .form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check .form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check .form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check .form-check-input:focus {
  border-color: #8bbafe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check .form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-check .form-check-label {
  cursor: pointer;
  padding-left: 0.25em;
}

.form-check-inline {
  display: inline-flex !important;
  align-items: center !important;
  padding-left: 0 !important;
  margin-right: 1rem;
}
.form-check-inline .form-check-input {
  position: relative !important;
  margin-left: 0 !important;
  margin-right: 0.375em;
  margin-top: 0 !important;
}

.form-switch {
  padding-left: 2.5em !important;
}
.form-switch .form-check-input {
  width: 2em !important;
  margin-left: -2.5em !important;
  border-radius: 2em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  transition: background-position 0.15s ease-in-out;
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%230d6efd'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:focus:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.validation-text {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.validation-text strong {
  font-weight: 600;
}

.table tr.hover {
  background-color: rgba(13, 110, 253, 0.1);
}
.table tr.bold-row {
  font-weight: 600;
}

.modal.modal-second {
  z-index: 2050 !important;
}
.modal.modal-search-backdrop {
  background-color: rgba(0, 0, 0, 0.3);
}

.modal-second.show ~ .modal-backdrop.show,
.modal-backdrop.show + .modal-backdrop.show {
  z-index: 2040 !important;
}

.btn.btn-loading {
  pointer-events: none;
  opacity: 0.65;
}
.btn.btn-loading .spinner-border {
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
}

.badge:not([class*=fw-]):not(.badge-gray) {
  font-weight: bold !important;
}
.badge.bg-primary {
  background-color: #886ab5 !important;
  color: #fff !important;
}
.badge.bg-secondary {
  background-color: #868e96 !important;
  color: #fff !important;
}
.badge.bg-success {
  background-color: #1dc9b7 !important;
  color: #fff !important;
}
.badge.bg-info {
  background-color: #329df3 !important;
  color: #fff !important;
}
.badge.bg-warning {
  background-color: #ffc241 !important;
  color: #734f34 !important;
}
.badge.bg-danger {
  background-color: #fd3995 !important;
  color: #fff !important;
}
.badge.bg-light {
  background-color: #fff !important;
  color: #212529 !important;
  border: 1px solid #ccc;
}
.badge.bg-dark {
  background-color: #505050 !important;
  color: #fff !important;
}
.badge.badge-gray {
  background-color: #e4e4e4;
  color: #505050;
}

.progress-menu-status {
  font-weight: bold !important;
}

.bg-primary-400 {
  background-color: #e167a0 !important;
  color: #fff !important;
}

.bg-info-gradient {
  background-image: linear-gradient(250deg, rgba(9, 96, 165, 0.7), transparent) !important;
}

.panel-hdr[class*=" bg-"] h2,
.panel-hdr[class^=bg-] h2 {
  color: #fff !important;
}

.score {
  font-size: 25px;
}

.form-content-editable {
  min-height: 6rem;
  max-height: 50vh;
  resize: none;
  width: 100%;
  border: none !important;
  color: #666;
  padding-right: 8px;
}

#chat-form .border-faded,
#question_form .border-faded {
  border-left: none !important;
  border-right: none !important;
}

.modal-window-messages {
  height: calc(100vh - 10.3rem);
}

.panel {
  margin-bottom: 1rem;
}
.panel .panel-hdr {
  display: flex;
  align-items: center;
  background: #fff;
  min-height: 3rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 4px 4px 0 0;
}
.panel .panel-hdr > :first-child {
  padding-left: 1rem;
}
.panel .panel-hdr > :last-child {
  padding-right: 1rem;
}
.panel .panel-hdr h2 {
  flex: 1;
  font-size: 0.875rem;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 3rem;
  color: #333;
  position: relative;
  font-weight: 500;
}
.panel .panel-content {
  padding: 1rem;
}

.btn-search {
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left !important;
  padding: 0.5rem 1rem;
}
.btn-search.btn-searching {
  white-space: nowrap;
  background-color: #df6098;
  color: #fff;
}
.btn-search.btn-searching strong {
  font-weight: bolder;
}

.dashboard-deal-content.active {
  background-color: rgba(13, 110, 253, 0.1);
  border-left: 3px solid #0d6efd;
}

.contact-alert .contact_alert_email {
  color: #dd5292;
  text-decoration: none;
}

.chat-body {
  overflow: auto;
}

.question-list a {
  cursor: pointer;
}
.question-list a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.fw-semibold {
  font-weight: 600;
}

.matching-required {
  background-color: rgba(255, 193, 7, 0.3);
  padding: 0.125rem 0.25rem;
  border-radius: 0.25rem;
}

.tagsinput {
  min-height: 38px;
  padding: 0.375rem 0.75rem;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.tagsinput .tag {
  background-color: #0d6efd;
  color: #fff;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
  display: inline-block;
}
.tagsinput .tag a {
  color: #fff;
  margin-left: 0.25rem;
}

.category_check {
  cursor: pointer;
  padding: 0.5rem 1rem;
  border-radius: 0.25rem;
  transition: background-color 0.2s ease;
}
.category_check:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

@media print {
  .no-print {
    display: none !important;
  }
  .panel {
    break-inside: avoid;
  }
}
@media (max-width: 768px) {
  .table-responsive {
    font-size: 0.875rem;
  }
  .btn {
    padding: 0.5rem 0.75rem;
  }
}
.tooltip.preview-tooltip-container {
  z-index: 100000;
  opacity: 1;
}
.tooltip.preview-tooltip-container .tooltip-inner {
  max-width: 600px;
  width: 600px;
  padding: 0;
  background-color: #fff;
  color: #666;
  text-align: left;
  border: 1px solid #329df3;
  border-radius: 4px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.tooltip.preview-tooltip-container .tooltip-arrow::before {
  border-right-color: #329df3;
}
.tooltip.preview-tooltip-container .preview-tooltip {
  width: 100%;
}
.tooltip.preview-tooltip-container .preview-tooltip .panel {
  margin: 0;
  border: none;
  width: 100%;
}
.tooltip.preview-tooltip-container .preview-tooltip .panel-container {
  width: 100%;
}
.tooltip.preview-tooltip-container .preview-tooltip .panel-content {
  padding: 15px;
  width: 100%;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-container,
.tooltip.preview-tooltip-container .preview-tooltip .scout-container {
  font-size: 13px;
  width: 100%;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-title,
.tooltip.preview-tooltip-container .preview-tooltip .scout-title {
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-sub-title {
  font-weight: bold;
  color: #333;
  font-size: 12px;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-sub-content {
  margin-bottom: 8px;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-box-title {
  font-weight: bold;
  background: #f5f5f5;
  padding: 5px 10px;
  margin: 10px 0 5px;
  border-left: 3px solid #329df3;
}
.tooltip.preview-tooltip-container .preview-tooltip .recommend-info-box {
  padding: 10px;
  background: #fafafa;
  border: 1px solid #eee;
  font-size: 12px;
  line-height: 1.6;
}
.tooltip.preview-tooltip-container .preview-tooltip .row {
  width: 100%;
  margin: 0;
}

.note-editor {
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}
.note-editor.note-frame .note-toolbar {
  background-color: #f8f9fa;
  border-bottom: 1px solid #ced4da;
}
.note-editor.note-frame .note-editing-area .note-editable {
  padding: 1rem;
}

.p-campaign-bookmark {
  display: flex;
  padding: 5px;
  border: 1px solid rgb(223, 234, 242);
  margin: 7px;
  border-radius: 4px;
  box-shadow: 0px 0px 13px 0px rgba(62, 44, 90, 0.08);
  color: #666666;
  font-size: 12px;
}
.p-campaign-bookmark:hover {
  opacity: 0.8;
}
.p-campaign-bookmark-avatar {
  flex: 1;
}
.p-campaign-bookmark-avatar img {
  width: 100%;
}
.p-campaign-bookmark-detail {
  flex: 3;
  margin-left: 10px;
}
.p-campaign-bookmark-title {
  color: rgb(58, 76, 99);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  background: rgb(242, 245, 249);
  border-top: 1px solid #e2e2e2;
  padding: 5px 0;
}
.p-campaign-bookmark-nationality {
  font-weight: 500;
  color: #666666;
}
.p-campaign-bookmark-description {
  color: #727272;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 11px;
}

.nav-menu li .p-campaign-bookmark-detail a {
  padding: 0;
  font-size: 12px;
  color: #de5f99;
}

.primary-nav .nav-menu:first-of-type {
  margin-top: 0;
}

.p-btn-contact {
  background-color: #ff7939;
  border-color: #ff7a39;
  font-size: 20px;
  padding: 0.5rem 0.2rem 0.5rem 1rem !important;
  transition: 0.3s;
}
.p-btn-contact:hover, .p-btn-contact:not(:disabled):not(.disabled):active, .p-btn-contact:focus {
  background-color: #fd6d28;
  border-color: #f56926;
}
.p-btn-contact:focus {
  box-shadow: 0 0 0 0.2rem rgba(243, 117, 65, 0.6);
}
.p-btn-contact.disabled, .p-btn-contact:disabled {
  background-color: #ff854b;
  border-color: #f59340;
}
.p-btn-contact:after {
  font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro";
  content: "\f0e0";
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  position: absolute;
  left: 0.75em;
  top: 50%;
  padding: 0.5em;
  line-height: 1;
  width: 2em;
  height: 2em;
  margin-top: -1em;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 100%;
  font-size: 18px;
}
.p-btn-contact-send {
  width: 140px;
  border-radius: 30px;
  padding: 0.5rem 1rem 0.5rem 0.2rem !important;
}
.p-btn-contact-send:after {
  content: "\f1d8";
  right: 5px;
  left: inherit;
  font-size: 18px;
}

.p-campaign-contact-title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #6c757d;
}

.p-campaign-contact-require {
  color: #fff;
  background: #ff4949;
  border-radius: 2px;
  padding: 2px 4px;
}

.p-campaign-contact-modal {
  padding: 30px 30px 15px 30px;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}
.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: 0.25;
}
.btn-close.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.modal-header .btn-close {
  background: none;
  font-family: "Font Awesome 5 Pro";
  font-size: 21px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  opacity: 0.2;
  padding: 0.4rem 0.5rem;
  margin: -0.35rem -0.85rem 0 auto;
}
.modal-header .btn-close::before {
  content: "\f00d";
}
.modal-header .btn-close:hover {
  opacity: 1;
  color: #fff;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1rem 1rem;
}

.dropdown {
  position: relative;
}

.dropdown-menu-animated.show {
  transform: scale(1) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.select2-selection__choice__remove {
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}
.select2-selection__choice__remove:focus, .select2-selection__choice__remove:hover {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.modal-search textarea,
#advance-search-form textarea,
#mail-advance-search-form textarea {
  resize: none !important;
}

.form-control-input {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 2;
}

.form-control-label {
  display: block;
  padding: 0.375rem 0.75rem;
  cursor: pointer;
  color: #6c757d;
}
.form-control-label::before {
  content: "ファイルを選択";
}

.form-control:has(input[type=file]) {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
}

.input-group-prepend {
  display: flex;
  margin-right: -1px;
}

.input-group-append {
  display: flex;
  margin-left: -1px;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.47em + 1rem + 2px);
  margin-bottom: 0;
}
.custom-file .custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.47em + 1rem + 2px);
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.custom-file .custom-file-input:focus ~ .custom-file-label {
  border-color: #0d6efd;
  box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.25);
}
.custom-file .custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.47em + 1rem + 2px);
  padding: 0.5rem 0.875rem;
  font-weight: 400;
  line-height: 1.47;
  color: #495057;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-file .custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.47em + 1rem);
  padding: 0.5rem 0.875rem;
  line-height: 1.47;
  color: #495057;
  content: "Browse";
  background-color: #f3f3f3;
  border-left: inherit;
  border-radius: 0 4px 4px 0;
}

.input-group > .custom-file {
  position: relative;
  flex: 1 1 0%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file:not(:last-child) .custom-file-label {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-prepend > .input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .input-group-text {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.select2-container .select2-selection--multiple,
.modal textarea,
.modal .select2-selection--multiple {
  resize: none !important;
}

.select2-search__field {
  resize: none !important;
  overflow: hidden !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}
.select2-search__field::-webkit-scrollbar {
  display: none !important;
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
#search_bookmarks_accordion {
  overflow: hidden;
}
#search_bookmarks_accordion .search-bookmark.newly-added {
  animation: slideInLeft 0.5s ease-out;
}

.board-card .card-header .board-setting {
  margin-left: auto;
  margin-top: -5px;
  margin-right: -10px;
}
.board-card .card-header .fw-bold {
  font-weight: bold !important;
}

.deal-job-select-lists .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field,
.question-job-select-lists .select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0;
  padding: 0;
  width: auto !important;
}

#sunrise-notifications .sunrise-toast {
  min-width: 300px;
  max-width: 400px;
  margin-bottom: 0.5rem;
  border-radius: 4px;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
  font-size: 0.875rem;
}
#sunrise-notifications .sunrise-toast.bg-success {
  background-color: #1dc9b7 !important;
}
#sunrise-notifications .sunrise-toast.bg-danger {
  background-color: #fd3995 !important;
}
#sunrise-notifications .sunrise-toast.bg-info {
  background-color: #329df3 !important;
}
#sunrise-notifications .sunrise-toast.bg-warning {
  background-color: #ffc241 !important;
}

.text-end {
  text-align: right !important;
}

.dropdown-menu.dropdown-xl {
  top: 50px !important;
  right: -35px !important;
  transform: none !important;
  padding: 0 !important;
}
.dropdown-menu.dropdown-xl .tab-notification {
  max-height: 350px;
  overflow-y: auto;
}
.dropdown-menu.dropdown-xl .custom-scroll {
  max-height: 350px;
  overflow-y: auto;
}

.dropdown-menu.dropdown-lg {
  padding: 0 !important;
}
.dropdown-menu.dropdown-lg .dropdown-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dropdown-menu.dropdown-lg .dropdown-item i.float-end {
  float: none !important;
  margin-left: auto;
}

.input-group .input-group-text:has(.btn) {
  padding: 0;
  background: transparent;
  border: none;
}
.input-group .input-group-text:has(.btn) .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.job-create-page textarea.form-control {
  min-height: calc(4.5em + 1.5rem + 2px);
}

.candidate-create-page textarea.form-control {
  min-height: calc(4.5em + 1.5rem + 2px) !important;
  height: auto !important;
}

.scout-top .btn-close {
  display: none;
}

#scroll-top {
  max-height: 400px;
  overflow-y: auto;
}

#node-companies .node_select_company_status,
#node-companies .node_select_company_node_member {
  min-width: 100px;
}

.dataTables_filter label {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.dataTables_filter label .input-group-text {
  height: 100%;
  min-height: 2.25rem;
  padding: 0.375rem 0.75rem;
}

#node-companies tbody td:first-child {
  text-align: left !important;
}
#node-companies thead tr:first-child th {
  user-select: none;
  cursor: pointer;
}
#node-companies thead tr:first-child th:hover {
  background-color: #e9ecef;
}
#node-companies thead tr:first-child th.sorting::before, #node-companies thead tr:first-child th.sorting::after, #node-companies thead tr:first-child th.sorting_asc::before, #node-companies thead tr:first-child th.sorting_asc::after, #node-companies thead tr:first-child th.sorting_desc::before, #node-companies thead tr:first-child th.sorting_desc::after {
  position: absolute;
  bottom: 0.9em;
  display: block;
  font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free";
  font-weight: 300;
  font-size: 14px;
  opacity: 0.3;
}
#node-companies thead tr:first-child th.sorting::before, #node-companies thead tr:first-child th.sorting_asc::before, #node-companies thead tr:first-child th.sorting_desc::before {
  right: 1rem;
  content: "\f176";
}
#node-companies thead tr:first-child th.sorting::after, #node-companies thead tr:first-child th.sorting_asc::after, #node-companies thead tr:first-child th.sorting_desc::after {
  right: 0.5rem;
  content: "\f175";
}
#node-companies thead tr:first-child th.sorting_asc::before {
  opacity: 1;
}
#node-companies thead tr:first-child th.sorting_desc::after {
  opacity: 1;
}
#node-companies thead .column-filter-row th {
  background-color: #f8f9fa;
  padding: 0.5rem;
  border-top: none;
}
#node-companies thead .column-filter-row th::before, #node-companies thead .column-filter-row th::after {
  display: none !important;
}
#node-companies thead .column-filter-row th input {
  font-size: 0.8rem;
  padding: 0.25rem 0.5rem;
  min-width: 60px;
}

.node-candidates-page .subheader {
  margin-bottom: 0.5rem;
}

.tooltip .tooltip-inner.bg-trans-gradient {
  background: linear-gradient(250deg, #886ab5, #2196F3) !important;
  color: #fff !important;
  max-width: 300px;
  padding: 0.3rem 0.6rem;
  font-weight: 500;
  border-radius: 5px;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.tooltip.bs-tooltip-bottom .tooltip-arrow.arrow-gradient::before {
  border-bottom-color: #8f75b2 !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow.arrow-gradient::before {
  border-top-color: #8f75b2 !important;
}

.ni-info {
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.ni-info:hover {
  opacity: 0.7;
}