@charset "UTF-8";
.material-icons {
  display: inline-flex;
  vertical-align: middle;
  margin-top: -0.2em;
}
#btn-scroll {
  position: fixed;
  bottom: 70px;
  right: 20px;
}
#btn-scroll a {
  opacity: 0.5;
  background-color: #065595;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 10px 10px;
  border-radius: 10px;
}
#btn-scroll a:hover {
  opacity: 1;
  background-color: #065595;
  text-decoration: none;
}
input.num {
  text-align: right;
}

/* ========================================================================
   appointment company search
 ========================================================================== */
 .select-company-row {
  padding-left: 5px;
  font-size: 0.8em;
  line-height: 25px;
}
#select-compnay-num {
  font-size: 0.95rem;
}
#select-company-list {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
}
.btn-company-del {
  cursor: pointer;
  width: 30px;
  display: none;
}
.select-company-name {
  padding-left: 10px;
  width: calc(100% - 30px);
}
.uk-list > :last-child {
  border-bottom: 1px solid #e5e5e5;
}

thead {
  background-color: #065595;
}
#select-company-block {
  padding-right: 15px;
}
.select-company-frame {
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.uk-grid + .uk-grid,
.uk-grid > .uk-grid-margin,
* + .uk-grid-margin {
  margin-top: 20px;
}
.listScroll{
    max-height: 88vh;
    overflow: scroll;
}
.company-panel-apo,
.company-panel-search,
.bookmarks-panel,
.modal-company-requirement,
.modal-ai-score
{
    position: fixed;
    background-color: #fff;
    border: solid 1px rgb(175, 175, 175);
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(112, 112, 112, 0.5);
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 10px 15px 15px 15px;
    display: none;
    z-index: 99;
}
.company-panel-search {
    width: 500px;
    left: 30px;
    margin-top: -65px;
}
.company-panel-apo {
    width: 500px;
    right: 30px;
    margin-top: 10px;
}
.bookmarks-panel{
    width: 700px;
    left: 580px;
    margin-top: -65px;
}
.company-search-panel-admin {
    position: fixed;
    background-color: #fff;
    border: solid 1px rgb(175, 175, 175);
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(112, 112, 112, 0.5);
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 10px 15px 15px 15px;
    z-index: 88;
    width: 600px;
    left: 150px;
    margin-top: 10px;
}
.target-company-search-admin {
    position: fixed;
    background-color: #fff;
    border: solid 1px rgb(175, 175, 175);
    border-radius: 5px;
    box-shadow: 0 5px 10px 0 rgba(112, 112, 112, 0.5);
    margin-left: 10px;
    margin-bottom: 15px;
    padding: 10px 15px 15px 15px;
    z-index: 88;
    width: 600px;
    left: 150px;
    margin-top: 10px;
}

.modal-calendar-detail {
  background-color: #fff;
  border: solid 1px rgb(175, 175, 175);
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgb(112 112 112 / 50%);
  font-size: var(--fc-small-font-size, .85em);
  position: absolute;
  z-index: 99;
}
.event-show{
  z-index: 1000 !important;
}
.modal-calendar-detail__right {
  right: 100%;
}
.modal-calendar-detail__bellow {
  left: 0;
}
.event-view {
  position: relative;
}
.modal-calendar-detail__left {
  left: 100%;
}
.event-title {
  padding: 10px 5px;
}
.calendar-detail-dialog {
  width: 300px !important;
}
.calendar-detail-body {
  color: #666666;
  cursor: auto;
  padding: 5px 5px !important;
}
.event-icon-block {
  font-size: 15px;
  text-align: center;
  width: 40px;
}
.event-detail-item {
  padding-left: 5px !important;
  padding-top: 5px !important;
  width: calc(100% - 40px);
}
.event-person-first{
  margin-bottom: 10px;
}
.event-group {
  margin-bottom: 10px !important;
}
.event-link-open {
  display: inline-block;
}
.event-link-detail {
  position: relative;
}
.event-link-copy {
  cursor: pointer;
  margin-left: 10px;
  position: absolute;
  right: 12px;
  top: 2px;
}
.event-person-item {
  padding-left: 12px;
}
@media screen and (max-width: 959px) {
  #select-company-block {
    padding-right: 0px;
  }
}
@media (min-width: 1200px) {
  .uk-grid + .uk-grid,
  .uk-grid > .uk-grid-margin,
  * + .uk-grid-margin {
    margin-top: 20px;
  }
}

.bookmark_btn {
  width: 27px;
  height: 27px;
  border: none;
  background: transparent;
  line-height: 27px;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  padding: 0;
}
.bookmark_on {
  /* color: yellow */
  background-image: url(/images/bookmark_on.png);
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
}
.bookmark_off {
  /* color: silver */
  background-image: url(/images/bookmark_off.png);
  background-repeat: no-repeat;
  width: 27px;
  height: 27px;
}

.show-line-breaks {
  white-space: pre-wrap;
  word-wrap: break-word;
}

.minimum-btn {
  background-color: #ffe699;
  color: #666666;
  font-weight: bold;
  border: none;
  padding: 4px 8px;
  cursor: pointer;
  border-radius: 5px;
}
.minimum-btn:disabled {
  background-color: #e0e1e2;
  cursor: default;
}

.sort {
  cursor: pointer;
}

.button-menu-panel>li {
  display:inline;
}

/* ========================================================================
   charger person info form
 ========================================================================== */

.business-partner-info dt{
  float: left ;
}

.business-partner-info dt::after{
  content: "："
}

.business-partner-info {
  padding: 0px 15px;
  margin: 0px;
}

.charger-info-form {
  margin-top: 0px;
}

.charger-info-form h4 {
  margin: 0px;
}

/* ========================================================================
   select2 add
 ========================================================================== */

.select2 {
    font-size: 12px;
}

.select2-results__option {
    font-size: 12px;
    padding: 0 6px 0 6px !important;
}

.select2-selection__rendered {
    line-height: 40px !important;
}

.select2-container--default {
    width: 122px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    border-radius: 0 !important;
    border: 1px solid #e5e5e5 !important;
    background: #f8f8f8 !important;
}

.select2-selection__arrow {
    height: 40px !important;
}

.icn-require::after {
  color: red;
  font-weight: bold;
  content: " ＊";
}


/* ========================================================================
   MyPage
 ========================================================================== */
.my-page__container {
  overflow: hidden;
  padding: 0 !important;
  word-wrap: break-word;
}
.my-page__title {
  text-align: left;
  padding: 15px 30px;
  font-size: 1.5rem;
}
.my-page__session-title {
  padding: 0 0 15px;
}
.my-page__session-title-sub{
  padding: 0 0 15px;
}
.my-page__session-title span {
  font-size: 1.3em !important;
}
.my-page__session-title-sub span {
  font-size: 1em !important;
}
.my-page__body {
  padding: 20px 30px 30px;
}
.my-page__contact {
  border: 1px solid #cccccc;
  padding: 15px;
}
.my-page__contact label{
  color: #666666 !important;
}
.my-page__contact input {
  max-width: 100%;
  width: 200px !important;
}
.my-page__label {
  color: #ffffff;
  background-color: #065595;
}
.my-page-row {
  display: flex;
}
.my-page-col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}
.my-page__block--left {
  float: left;
}
.my-page__block--inline {
  display: inline-block;
}
.my-page__label--default {
  width: 150px;
  height: 45px;
  border: 1px solid #CCCCCC;
  padding-left: 10px
}
.my-page__block--clear {
  clear: both;
}
.my-page__date--default {
  border: 1px solid #CCCCCC;
  text-align: center;
  height: 45px;
  line-height: 45px;
  width: 150px;
  padding-left: 20px;
}
.my-page__contract-month {
  border: 1px solid #CCCCCC;
  padding: 10px 2px;
  text-align: center;
  width: 150px;
}
.my-page__block--m-right {
  margin-right: 20px;
}
.my-page__block--m-top {
  margin-top: 30px;
}
.my-page__date--icon {
  padding: 10px 2px;
  text-align: center;
  width: 20px;
}
.my-page__date--text {
  padding: 10px 5px;
}
.my-page__no-border--top {
  border-top: 0;
}
.my-page__no-border--left {
  border-left: 0;
}
.my-page__text--left {
  text-align: left !important;
}
.my-page__text--right {
  text-align: right !important;
}
.my-page__text--center {
  text-align: center !important;
}
.my-page__table {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  width: 100%;
}
.my-page__table-summary {
  width: 300px;
}
@media screen and (max-width: 1500px) {
  .my-page__table-summary {
    width: 290px;
  }
}
@media screen and (max-width: 1200px) {
  .my-page__table-summary {
    width: 270px;
  }
}
.my-page__table--value {
  padding-left: 10px;
}
.my-page__table-fixed {
  table-layout: fixed;
}
.my-page__table-sticky-container {
  width: 100%;
  max-height: 98vh;
  overflow: auto;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.my-page__table-sticky-container:focus {
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
  outline: 0;
}
.my-page__table-sticky th:first-child, .my-page__table-sticky td:first-child, .my-page__table-sticky tr, .my-page__table-sticky thead {
  border-left: 0 !important;
}
.my-page__table-sticky th:last-child, .my-page__table-sticky td:last-child, .my-page__table-sticky tr, .my-page__table-sticky thead {
  border-right: 0 !important;
}
.my-page__table-sticky {
  table-layout: fixed;
  margin-top: 0;
  border: 0;
}
.my-page__table-sticky thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  width: 100px;
  padding-left: 3px;
}
.my-page__table-sticky tbody th {
  position: relative;
}
.my-page__table-sticky tbody td {
  padding-right: 10px;
}
.my-page__table-sticky thead th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
.my-page__table-sticky tbody th {
  position: sticky;
  left: 0;
  z-index: 1;
}
.my-page__table-sticky caption {
  text-align: left;
  padding: 0.25rem;
  position: sticky;
  left: 0;
}
.my-page__table-label {
  background-color: #065595;
  color: #ffffff;
  text-align: left;
}
.my-page__table-title {
  border: 1px solid #CCCCCC;
  line-height: 40px;
}
.my-page__table tr, .my-page__table td, .my-page__table th, .my-page__table thead {
  border: 1px solid #CCCCCC;
  border-collapse: collapse;
  font-weight: 300;
  height: 40px;
}
.my-page__table td {
  text-align: right;
}
.my-page__table--center td {
  text-align: center;
}
/* ========================================================================
   company regist info
 ========================================================================== */

.open-info-search {
  color: #FF0000;
  font-size: 15px !important;
}

.open-info-inquiry {
  color: #0000FF;
  font-size: 15px !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.border-none {
    border: none !important;
}

.btn-clipboard-text {
    background: #f0f0f0;
    display: inline-block !important;
    margin-left: 6px !important;
    position: relative;
    padding: 4px 8px !important;
}

.btn-clipboard-text:before {
    background: rgba(0,0,0,.8);
    border-radius: 3px;
    bottom: 100%;
    content: attr(aria-label);
    color: #fff;
    display: none;
    font-size: 10px;
    margin-bottom: 5px;
    position: absolute;
    pointer-events: none;
    padding: 2px 6px;
    right: 50%;
    transform: translate(50%);
    text-transform: none;
    text-align: center;
    white-space: pre;
    z-index: 1000000;
}

.btn-clipboard-text.tooltip:before {
    display: inline-block;
}

/* ========================================================================
   company requirement
 ========================================================================== */
.com-requirement-container {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.com-requirement-margin-bottom {
  margin-bottom: 20px !important;
}
.com-requirement-title {
  border-left: 20px solid #065595 !important;
  font-size: 1.5rem !important;
  line-height: 1.5rem !important;
}
.com-requirement-title-sub {
  font-size: 1.3em !important;
  line-height: 1.3em !important;
}
.com-requirement-label {
  min-width: 200px !important;
}
.com-requirement-input {
  max-width: 100% !important;
}
.com-requirement-control {
  text-align: center;
}
.com-requirement-btn {
  display: inline-block !important;
  min-width: 120px;
}
.com-requirement-btn:disabled {
  background-color: #ffe699 !important;
  border: 0 !important;
  cursor: not-allowed;
  opacity: 0.5;
}
.com-requirement-btn:disabled:hover, .com-requirement-btn:disabled:focus {
  opacity: 0.5;
}
.com-requirement-btn--no-focus:focus {
  opacity: 1 !important;
}

.matching_result_label {
  font-size:13px;
  font-weight:bold;
}
.icn-require_matching::after {
  font-size: 13px;
  color: red;
  font-weight: bold;
  content: "*";
}
.estate-label {
  max-width: 100px !important;
}
.estate-input {
  width: 100px !important;
}
.bookmark-name-items {
  border: 1px solid #cccccc;
  height: 163px;
  overflow: scroll;
}
.bookmark-name-item {
  position: relative;
}
.table-bookmark th {
  font-size: 1em !important;
}
.table-bookmark td {
  padding: 5px 9px !important;
  vertical-align: middle !important;
  font-size: 1em !important;
}
.bookmark-tab {
  font-size: 1rem;
}
.bookmark-help{
  width: 22px;
  height: 15px;
  display: inline-block;
  position: relative;
}
.bookmark-help-tab{
  width: auto;
}
.bookmark-help:after{
  content: '';
  height: 20px;
  position: absolute;
  top: -1px;
  width: 15px;
}
.bookmark-public-help:after{
  background: rgba(114, 196, 107, 1);
}
.bookmark-private-help:after{
  background: rgba(118, 152, 238, 1);
}
.bookmark_search{
  margin-bottom: 20px;
  position: relative;
}
.bookmark_search input{
  padding-left: 35px;
}
.bookmark_search i{
  left: 10px;
  position: absolute;
  top: 14px;
}
.bookmark-group {
  border-bottom: 1px solid rgb(204, 204, 204);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.bookmark-type span, .bookmark-type label {
  cursor: pointer;
}
.bookmark-type--private {
  line-height: 40px;
}
.bookmark-type--public {
  line-height: 40px;
  margin-left: 40px
}
.bookmark-name-item input {
  display: none;
}
.checkmark {
  background-color: #eee;
  border: 1px solid #ccc;
  left: 12px;
  height: 20px;
  position: absolute;
  top: calc(50% - 12px);
  width: 20px;
}
.bookmark-name-item.private > input:checked ~ .checkmark {
  background-color: #5781ED;
  border: 1px solid white;
}
.bookmark-name-item.public > input:checked ~ .checkmark {
  background-color: #54B849;
  border: 1px solid white;
}
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
input:checked ~ .checkmark:after {
  display: block;
}
.checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
label.bookmark-name-label:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: calc(100% - 1px);
}
.bookmark-name-item.private > label.bookmark-name-label:before {
  background: rgba(118, 152, 238, 1);
}
.bookmark-name-item.public label.bookmark-name-label:before {
  background: rgba(114, 196, 107, 1);
}
:checked ~ label.bookmark-name-label.private {
  background: rgba(118, 152, 238, 1);
  color: white;
}
:checked ~ label.bookmark-name-label.public {
  background: rgba(114, 196, 107, 1);
  color: white;
}
input:checked ~ .bookmark-name-label {
  background: rgba(6, 85, 149, 0.3);
  border-bottom: 1px solid #fff;
}
.bookmark-name-label {
  background: #FFFFFF;
  border-bottom: 1px solid #cccccc;
  display: block;
  line-height: 30px;
  padding: 5px 45px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word;
}
#bookmark-cancel {
  background: white;
  border: 1px solid #cccccc;
}
#bookmark-save {
  border: 1px solid #ffe699;
}
.bookmark-checkbox {
  left: 5px;
  position: absolute;
  top: 12px;
}
#bookmark_filter_box .target_item span {
  display: inline-block;
  max-width: 300px;
  word-wrap: break-word;
}
.condition-item > div {
  max-width: 300px;
  word-wrap: break-word;
}

.com-filter-block{
  overflow-y: scroll;
  background: #ffffff !important;
}
.com-filter-block ul{
  padding-left: 0;
}
.com-filter-item{
  cursor: pointer;
  line-height: 30px;
  position: relative;
}
.com-filter-item span{
  display: block;
  padding-left: 5px;
  padding-right: 30px;
  word-wrap: break-word;
}
.com-filter-item i {
  font-size: 16px;
  opacity: 0.5;
  position: absolute;
  right: 5px;
  top: calc(50% - 5px);
}
.com-filter-item i:hover {
  opacity: 1;
}
.com-filter-item:nth-child(odd) {
  background: #F8F8F8;
  border-bottom: 1px solid #F1F1F1;
  border-top: 1px solid #F1F1F1;
}
.com-filter-title{
  cursor: default;
}
.com-filter-box {
  margin-bottom: 0;
}
.com-filter-item:nth-child(even) {
  background: #ffffff;
}
.com-filter-item:last-child {
  border-bottom: 1px solid #F1F1F1;
}
.com-filter-item:hover {
  background: #F1F1F1;
}
.com-filter-item.active {
  background: rgba(6, 85, 149, 0.3);
}
#filter-cancel {
  background: #ffffff;
  border: solid 1px #666;
  color: #666;
}
#filter-save {
  background: #065595;
  border: solid 1px #065595;
  color: #ffffff;
}
.calendar-event-inline {
  display: inline-block;
}
.calendar-event-inline.calendar-icon {
  width: 60px;
}
.calendar-event-inline.calendar-select {
  width: 100px;
}
.calendar-event-inline.calendar-datepicker {
  width: 120px;
}
.calendar-event-inline input, .calendar-event-inline select, .select2-container {
  width: 100% !important;
  max-width: 100% !important;
}
.calendar-event-inline input.uk-form-danger {
  height: 46px;
}
.calendar-icon{
  position: relative;
}
.calendar-icon i{
  font-size: 30px;
  position: absolute;
  top: -19px;
  left: 15px;
}
.calendar-event-select-date input, .calendar-event-select-date select{
  width: 20%;
}
.freetime-modal {
  background: rgb(1, 1, 1, 0.1);
  bottom: 0;
  display: none;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9;
}
.copy-message-modal {
  background-color: #fff;
  border: solid 1px rgb(175, 175, 175);
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgb(112 112 112 / 50%);
  padding: 10px 15px 15px 15px;
  position: fixed;
  left: 50%;
  top: 15%;
  transform: translateX(-50%);
  z-index: 100;
}
.company-free-time-event {
  background-color: #fff;
  border: solid 1px rgb(175, 175, 175);
  border-radius: 5px;
  box-shadow: 0 5px 10px 0 rgb(112 112 112 / 50%);
  /*left: 100px;*/
  margin-bottom: 15px;
  margin-left: 10px;
  margin-top: 65px;
  padding: 10px 15px 15px 15px;
  position: fixed;
  /*top: 200px;*/
  width: 542px;
  z-index: 999;
}
.calendar-active-event {
  -webkit-box-shadow: 2px 4px 11px 2px rgba(204, 204, 204, 1) !important;
  -moz-box-shadow: 2px 4px 11px 2px rgba(204, 204, 204, 1) !important;
  box-shadow: 2px 4px 11px 2px rgba(204, 204, 204, 1) !important;
}
.fc .fc-popover {
  z-index: 888 !important;
}
.calendar-notice {
  right: 30px;
  position: fixed;
  top: 150px;
  width: 400px;
  z-index: 999999;
}
.event-free-time-close {
  cursor: pointer;
}
.jconfirm-holder {
  margin: 0 auto;
  max-width: 500px;
}
.jconfirm-buttons button {
  font-weight: normal !important;
}
.event-modal-open {
  height: 100vh;
  overflow-y: hidden;
}

/* ========================================================================
   matching histories
 ========================================================================== */
.matching-history-table .show-detail-matching {
    cursor: pointer;
}
.matching-history-table .show-detail-matching:hover {
    background: #d5e4f1;
}


/* ========================================================================
  Matching candidate note modal
 ========================================================================== */

#note-list-modal .uk-modal-body {
  min-height: 50px !important;
  padding: 20px;
}
#note-list-modal .note-list {
  padding: 0 6px;
}
#note-list-modal .note-item {
  position: relative;
  margin-bottom: 12px;
}
#note-list-modal .note-content {
  background: #F8F8F8;
  border: 1px solid #999999;
  height: 77px;
  min-height: 77px;
  overflow: hidden;
  padding: 0 16px 0 8px;
  resize: vertical;
  white-space: pre-line;
}
#note-list-modal .note-content.not-owner {
  background: #FFF7DD;
}
#note-list-modal .note-content.unread {
  color: #000000;
  font-weight: bold;
}
#note-list-modal .btn-delete-note {
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  right: 4px;
  top: 2px;
}
.candidate-selection-hidden,
.candidate-script-selection-hidden,
.candidate-delete-selection-hidden {
  display: none;
}
#action-form input[type=checkbox],
#vue-app input[type=checkbox] {
    cursor: pointer;
}
#btn-bulk-update-show:disabled,
#btn-bulk-script-update-show:disabled,
#btn-bulk-delete-show:disabled,
#btn-show-modal-bulk-update-business-branch:disabled,
#btn-search_s:disabled,
#btn-search:disabled,
#btn-receive-show-update-business-branch:disabled {
  background-color: #ffe699 !important;
  border: 0 !important;
  color: #666666 !important;
  cursor: not-allowed;
  font-weight: bold !important;
  opacity: 0.5 !important;
}
.sort.disabled {
    cursor: not-allowed;
}
#btn-bulk-update-reset.btn-hide,
#btn-bulk-script-update-reset.btn-hide,
#btn-bulk-delete-reset.btn-hide{
  display: none !important;
}
.btn-show {
  display: unset;
}
.registration-script-from textarea{
  background-color: #fff;
  width: 90%;
  height: 6em;
}
.registration-script-from textarea:disabled{
  background-color: #f5f5f5;
}
.candidate-com-list {
  padding-left: 0;
}
.candidate-com-list li {
  border-bottom: 1px solid #CCCCCC;
  line-height: 40px;
}
.candidate_all {
  padding-top: 20px;
}
.table-bulk-update th {
  background: #F8F8F8;
  font-size: 1em !important;
  text-align: left !important;
  padding: 10px 20px !important;
}
.bulk-company-container {
  vertical-align: top !important;
  background: white;
}
.bulk-view-company{
  padding: 0 10px;
}
.bulk-company-list-block {
  height: 410px;
  overflow-y: scroll;
}
.bulk-company-form-block button {
  padding: 13px 20px;
}
.bulk-company-form-block {
  height: 390px;
  padding: 0 20px;
}
.bulk-company-form-content {
  height: 335px;
}
.bulk-company-form-content select, .bulk-company-form-content input, .bulk-company-form-content textarea{
  background: white;
}
.bulk-company-form-block .uk-modal-close{
  background: white;
  border: 1px solid #e5e5e5;
}
.bulk-btn:disabled, .delete-btn:disabled, .uk-button-green:disabled{
  background-color: #ffe699 !important;
  border: 0 !important;
  color: #666666 !important;
  cursor: not-allowed;
  font-weight: bold !important;
  opacity: 0.5 !important;
}

.tooltip {
  position: relative;
}
.tooltip .tooltiptext {
  background: #666666;
  border-radius: 3px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 12px;
  line-height: 18px;
  padding: 5px 8px;
  position: absolute;
  right: calc(100% + 5px);
  text-align: left;
  top: 0;
  visibility: hidden;
  width: 300px;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.gray-filter {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 10;
}
.disabled-block {
  pointer-events: none;
  opacity: 0.5;
}
.loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
}

.switch-candidate-page button {
    min-width: 55px;
    background-color: transparent;
    color: #666666;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 5px 10px;
}

.switch-candidate-page button.active {
    background-color: #ffe699;
}

#matching-template-modal {
    z-index: 1021;
}

.matching-template-footer button {
    margin: 0;
    margin-left: 15px;
    width: 100px;

}
.completed-switch {
  position: relative;
  width: 100px;
  height: 30px;
  border-radius: 25px;
}
.completed-switch input {
  appearance: none;
  width: 100%;
  height: 100%;
  border-radius: 25px;
  margin: 0;
  padding: 0;
  outline: none;
  font-size: 11px;
  cursor: pointer;
}
.completed-switch input::before,
.completed-switch input::after {
  z-index: 2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  transition: color 0.5s;
}
.completed-switch input::before {
  content: "未完了";
  left: 10px;
}
.completed-switch input::after {
  content: "完了";
  right: 13px;
}
.completed-switch input:checked {
  border: 2px solid #065595;
}
.completed-switch label {
  z-index: 1;
  position: absolute;
  top: 5px;
  border-radius: 20px;
  width: 40px;
  height: 20px;
  transition: left 0.5s;
}
.completed-switch input:checked::before {
  color: #065595;
}
.completed-switch input:checked::after {
  color: #fff;
}
.completed-switch input:checked + label {
  left: 55px;
  background: #065595;
}
.completed-switch input:not(:checked) {
  border: 2px solid #969696;
}
.completed-switch input:not(:checked)::before {
  color: #fff;
}
.completed-switch input:not(:checked)::after {
  color: #969696;
}
.completed-switch input:not(:checked) + label {
  left: 5px;
  background: #969696;
}

.notice-company-requirement {
  position: fixed;
  margin-top: -70em;
}

.password-hint {
  width: 100% !important;
  background: #f8f8f8;
  margin-top: 10px;
  padding: 10px;
}

#pass_reset .uk-input {
    max-width: 100%;
}
.modal-password-expired-container .jconfirm-box {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.modal-password-expired-container .jconfirm-content-pane {
    padding: 0 15px 60px 15px;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}
.modal-password-expired-container .jconfirm-buttons {
    padding-left: 15px;
    padding-right: 15px;
}
.modal-password-expired-content {
    text-align: center;
}
.password-expired-button {
    width: 94px;
}

.no-margin-top {
    margin-top: 0;
}

#bulk-update-business-branch-modal .container-group,
#company-business-branch-modal .container-group {
  border-bottom: 1px solid rgb(204, 204, 204);
  margin-bottom: 20px;
  padding-bottom: 20px;
}
#bulk-update-business-branch-modal .uk-modal-title,
#company-business-branch-modal .uk-modal-title {
  font-size: 1rem;
}
#bulk-update-business-branch-modal .company,
#company-business-branch-modal .company {
    margin-top: 0;
    font-size: 1rem;
}
#bulk-update-business-branch-modal .company-branch-search,
#company-business-branch-modal .company-branch-search {
  margin-bottom: 20px;
  position: relative;
}
#bulk-update-business-branch-modal .company-branch-search input,
#company-business-branch-modal .company-branch-search input {
  padding-left: 35px;
}
#bulk-update-business-branch-modal .company-branch-search i,
#company-business-branch-modal .company-branch-search i {
  left: 10px;
  position: absolute;
  top: 14px;
}
#bulk-update-business-branch-modal .company-branch-name-items,
#company-business-branch-modal .company-branch-name-items {
  border: 1px solid #cccccc;
  height: 163px;
  overflow: scroll;
}
#bulk-update-business-branch-modal .company-branch-name-item,
#company-business-branch-modal .company-branch-name-item {
  position: relative;
}
#bulk-update-business-branch-modal .checkmark,
#company-business-branch-modal .checkmark {
  background-color: #eee;
  border: 1px solid #ccc;
  left: 12px;
  height: 20px;
  position: absolute;
  top: calc(50% - 12px);
  width: 20px;
}
#bulk-update-business-branch-modal .company-branch-item.checked,
#company-business-branch-modal .company-branch-item.checked {
  background: rgba(6, 85, 149, 0.3);
}
#bulk-update-business-branch-modal .company-branch-item.checked .checkmark,
#company-business-branch-modal .company-branch-item.checked .checkmark {
  background-color: #5781ED;
  border: 1px solid white;
}
#bulk-update-business-branch-modal .company-branch-name-label,
#company-business-branch-modal .company-branch-name-label {
  display: block;
  line-height: 30px;
  padding: 5px 45px;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  word-wrap: break-word;
}
#bulk-update-business-branch-modal .table-company-branches .col-action,
#company-business-branch-modal .table-company-branches .col-action {
  width: 150px;
}
#bulk-update-business-branch-modal .company-branch-checkbox,
#company-business-branch-modal .company-branch-checkbox {
  display: none;
}
#bulk-update-business-branch-modal #company-branch-cancel,
#company-business-branch-modal #company-branch-cancel,
#company-business-branch-update-modal .uk-modal-close,
#company-business-branch-delete-modal .uk-modal-close {
  background: white;
  border: 1px solid #cccccc;
}
.hide {
  display: none !important;
}
.matching-selection-thead {
  background: none;
}
#btn-matching-bulk-update-reset, #btn-show-modal-bulk-update-business-branch {
  font-weight: bold;
}
.list-matching-page #btn-search:disabled, .list-matching-page #btn-download:disabled, .list-matching-page .detail-button:disabled {
  background-color: #ffe699;
  color: #666666;
  opacity: 0.5;
  cursor: not-allowed;
}
#bulk-update-business-branch-modal .uk-modal-dialog {
  width: 900px;
}
.company-business-branch-modal .modal-container {
  display: flex;
}
.company-business-branch-modal .list-company-branch-business .company-branch-business-item {
  border-bottom: 1px solid rgb(204, 204, 204);
}
.company-business-branch-modal .list-company-branch-business .company-branch-business-item a {
  word-break: break-all;
}
.company-business-branch-modal .left-area {
  flex: 1;
  padding-right: 15px;
  margin-right: 15px;
  max-height: 490px;
  overflow: auto;
}
.company-business-branch-modal .right-area {
  flex: 2;
}
.company-business-branch-modal .left-area .container-group {
  border: 0 !important;
}