@charset "UTF-8";
#Cont .sat { background: #E1F0FF; }
#Cont .sun { background: #FFE1EB }

/*table*/
.table-scroll{
  overflow-x: scroll;
}
.table td, .table th {
    padding: 0.2rem;
}
table.dataTable>thead>tr>th{
  text-align: center;
  vertical-align: middle!important;
}
table.dataTable>tbody>tr>td{
  vertical-align: middle!important;
}
table.careerList>thead>tr>th{
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 12px;
}
table.careerList>tbody>tr>td{
  text-align: center;
  vertical-align: middle;
  width: auto;
  white-space: nowrap;
  font-size: 12px;
}

table.dataTable>tbody>tr.child span.dtr-title {
    vertical-align:top;
    padding-right: 5px;
}
table.dataTable>tbody>tr.child span.dtr-data {
    display: inline-block;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: 0.1em 0;
}
table.dataTable>tbody>tr.child ul.dtr-details {
    display: block;
}
/*table入力欄*/
.input{
  display:inline-block!important;
  text-align: center!important;
  vertical-align: middle!important;
  max-width: 50%!important;
  width: 8ch!important;
  margin: 0;
  padding: 0;
  font-size: 13px;
  height: 3ch;
}
.hyphen{
  padding:0
}
.clear-both{
  clear: both;
}
.radio{
   display: flex!important;
   align-items: center!important;
   writing-mode: horizontal-tb!important;
   white-space: nowrap !important;
   max-width: 25ch !important;
   min-width: 12ch !important;
   margin: 0;
   padding: 0;
}
.radio label{
   width: auto!important;
   font-size: 12px;
}
.td-workDate{
   min-width: 23ch;
   max-width: 23ch;
   white-space: nowrap;
}
.td-breakTime{
   min-width: 23ch;
   max-width: 23ch;
   white-space: nowrap;
}
.td-prescribedHours{
   min-width: 45ch;
   white-space: nowrap;
}
.td-wantedNumberExistence{
   min-width: 30ch;
   white-space: nowrap;
}
.description{
   display: inline-block!important;
   text-align: center!important;
   vertical-align: middle!important;
   margin: 5px 0px 7px 2px!important;
   white-space: nowrap !important;
   font-size: 12px;
   max-width: 100%!important;
   width: 15ch!important;
}
.prescribedHoursIndication{
   white-space: nowrap !important;
   font-size: 12px;
   max-width: 100%!important;
   margin: 0;
   padding: 0;
}
.prescribedHoursIndicationInput{
   text-align: center!important;
   font-size: 13px;
   height: 3ch;
}
.timeslot{
   display: inline-block!important;
   max-width: 100%!important;
   margin: 0 !important;
   padding: 0!important;
   text-align: center!important;
   width: 12ch!important;
   font-size: 11px;
   height: 4ch;
}
.wantedNumber{
  display:inline-block!important;
  text-align: center!important;
  vertical-align: middle!important;
  max-width: 80%!important;
  margin: 0;
  padding: 0;
  font-size: 13px;
  height: 3ch;
}
/*追加ボタン*/
.addBtn{
   text-align: right;
   margin-top:5px;
}

/*table 背景ストライプ*/
table.search-results>tbody>tr:nth-child(2n-1),
table.search-results2>tbody>tr:nth-child(2n-1) {
background: #fff;
}
table.search-results>tbody>tr:nth-child(2n),
table.search-results2>tbody>tr:nth-child(2n) {
background: #eee;
}
table.search-results>tbody>tr.parent:nth-child(4n-3),
table.search-results>tbody>tr.parent:nth-child(4n-3) + .child,
table.search-results2>tbody>tr.parent:nth-child(4n-3),
table.search-results2>tbody>tr.parent:nth-child(4n-3) + .child {
background: #fff;
}
table.search-results>tbody>tr.parent:nth-child(4n-1),
table.search-results>tbody>tr.parent:nth-child(4n-1) + .child,
table.search-results2>tbody>tr.parent:nth-child(4n-1),
table.search-results2>tbody>tr.parent:nth-child(4n-1) + .child {
background: #eee;
}

table.search-results>tbody>tr.tr-bg-gray:nth-child(2n-1) {
background: #d1d1d1;
}
table.search-results>tbody>tr.tr-bg-gray:nth-child(2n) {
background: #bdbdbd;
}
table.search-results>tbody>tr.parent.tr-bg-gray:nth-child(4n-3),
table.search-results>tbody>tr.parent.tr-bg-gray:nth-child(4n-3) + .child {
background: #d1d1d1;
}
table.search-results>tbody>tr.parent.tr-bg-gray:nth-child(4n-1),
table.search-results>tbody>tr.parent.tr-bg-gray:nth-child(4n-1) + .child {
background: #bdbdbd;
}

table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before{
    top: 5px;
}

#Cont table.search-results>tbody>tr>td.overCheckIn,
#Cont table.search-results2>tbody>tr>td.overCheckIn,
#Cont table.search-results-close>tbody>tr>td.overCheckIn,
#Cont table.search-results>tbody>tr>td.parent.overCheckIn,
#Cont table.search-results2>tbody>tr>td.parent.overCheckIn,
#Cont table.search-results-close>tbody>tr>td.parent.overCheckIn,
#Cont table.search-results>tbody>tr>td.parent.overCheckIn + .child,
#Cont table.search-results2>tbody>tr>td.parent.overCheckIn + .child,
#Cont table.search-results-close>tbody>tr>td.parent.overCheckIn + .child {
background: #FFCC66;
}

table.search-results>tbody>tr .btn-group-sm>.btn,
table.search-results>tbody>tr .btn-sm,
table.search-results2>tbody>tr .btn-group-sm>.btn,
table.search-results2>tbody>tr .btn-sm  {
    margin: 1px;
}

/* テーブルヘッダー固定 */
.table-head-fixed thead tr:nth-child(1) th {
    background-color: #bee5eb;
    border: 0;
    box-shadow: inset 0 1px 0 #dee2e6,inset 0 -1px 0 #dee2e6;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 10;
    background-color: #bee5eb !important;
}

/* テーブルヘッダボーダー */
.table-head-fixed thead tr:nth-child(1) th::before {
  content: '';
  position : absolute ;
  top : -1px;
  left : 0;
  width : 100%;
  height : 100%;
  border-top: 1px solid #86cfda;
  border-bottom: 1px solid #86cfda;
  z-index:-1;
}

.top-btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
}

.top-btn-group .btn {
    width:111px;
    height:99px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-direction: column;
}

.attendance-unapproved {
    font-weight:bold;
    background-color:#f9ef00;
    color:var(--gray);
    padding:1px 5px 2px 5px;;
    border-radius: 4px;
    width: 38px;
    height: 21px;
}

/* nav */
.nav {
  white-space: nowrap;
}
.nav-sidebar>.nav-item .nav-icon {
  vertical-align:top;
  color: #ffffff;
}
.nav-sidebar>.nav-item {
  font-size:13px;
}
.nav-sidebar .nav-item>.nav-link {
  padding: .125rem;
}
.nav-treeview>.nav-item>.nav-link{
  padding-top: 8px;
  padding-bottom: 0;
  margin-bottom: 2px;
}

.card .nav.flex-column>li {
    border-bottom: none;
    margin: 0;
}
.nav-link p.col-10 {
  padding-right: 0px;
  padding-left: 0px;
}
@media (min-width: 992px){
  .sidebar-mini.sidebar-collapse .main-sidebar, .sidebar-mini.sidebar-collapse .main-sidebar::before {
    width: 3.5rem;
  }
  .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .main-footer, .sidebar-mini.sidebar-collapse .main-header {
     margin-left: 3.5rem!important;
  }
}
.nav-sidebar .nav-link p{
    color: #ffffff;
    font-weight: bolder;
    vertical-align: middle;
}
.sidebar-menu .nav-item>.nav-link{
    color:#ffffff;
    padding-left: 5px;
}
 [class*=sidebar-light-] .nav-sidebar>.nav-item:hover>.nav-link{
    color:#ffffff;
    background-color:rgba(23, 162, 184, 0.3);
 }
 [class*=sidebar-light-] .nav-treeview>.nav-item:hover>.nav-link {
    background-color:rgba(23, 162, 184, 0.3);
}
.menu-icon-open{
    position: absolute;
    right: 1rem;
    top: .2rem;
}
i.nav-icon.fas.fa-pen{
    color: #ffffff;
    padding-top: 2px;
    margin-right: 3px;
}
.sidebar{
    padding-top:30px;
    padding-bottom:30px;
    height: 100%;
}
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link.active{
    background-color: #17a2b8!important;
    color: #ffffff!important;
}
.sidebar-light-info .nav-sidebar>.nav-item>.nav-link.active{
    background-color: #17a2b8!important;
    color: #ffffff!important;
}
 [class*=sidebar-light-] .nav-sidebar>.nav-item.menu-open>.nav-link{
    background-color:#323b54;
 }

/* button */
.btn i.fas, .btn i.far {
  margin-right:3px;
}

.btn-group {
    margin: 1px;
}

.btn-title {
    margin-left: 2px;
    display:inline-flex;
}
.btn-menu-style{
    border:none;
    font-size: 25px;
    padding-top:6px;
    padding-bottom:2px;
    padding-left:10px;
}

@media (max-width: 765px){
  .btn-xs-min {
      padding: .125rem .25rem;
      font-size: .75rem;
      line-height: 1.5;
      border-radius: .15rem;
  }
  .btn-xs-min::after {
     content:"編集";
  }
}
.nav-item>.text-info>.btn-info{
    font-size:15px;
    font-weight:bold;
    padding-left:15px;
    padding-right:17px;
}

/* common */
body {
    font-size:.875rem!important;
}
.main-header{
  border-bottom:none;
}
.content-header-button {
    padding: 0px .5rem 10px;
    background-color: white;
}
.content-header {
    padding: 10px .5rem;
}
.callout {
    margin-bottom: 0.8rem;
    padding: 0.8rem;
}
.content-header h1.text-lg {
    display: inline-block!important;
    vertical-align: middle!important;
}
.card-body {
    padding: 1rem;
}

.tooltip-inner {
    text-align: left;
    max-width: 300px;
}

.content-wrapper-ns{
    background: #f4f6f9;
    transition: margin-left .3s ease-in-out;
}

.content-wrapper-ns>.content {
    padding: 0 .5rem;
}

.tooltip.show {
    opacity: 1;
}

.tooltip.header.show {
    opacity: 1;
}

.tooltip.header .arrow::before{
    border-bottom-color: white;
    box-shadow:0 0 10px rgba(0,0,0,.6);
    background-color: rgba(0,0,0,.12);
}

.tooltip.header .tooltip-inner{
    box-shadow:0 0 10px rgba(0,0,0,.6);
    background-color: white;
}

.icon-header{
    padding:0.375rem 0.3rem;
    font-size: 10px
}

.ham-menu{
  display:none;
}

@media screen and (max-width:992px) {
  .ham-menu{
  display: block;
  }
}

.item-title {
    background-color: #17a2b8;
    color: white;
    font-size: 17.6px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 400;
}

.label-size {
    font-size: 14.5px;
}

.hachu-input {
    height: 2.7rem ;
}

.carrer-btn{
    margin: 2px;
    width:100%;
    font-size: 14px;
}

.wc-btn{
    color: #17a2b8; background-color: #fff; border-color: #17a2b8; padding: 0.375rem 3.75rem;
}

.font-weight-500 { font-weight: 500 !important; }

@media ( max-width : 765px) {
    .box1 {
        order: 2;
    }
    .box2 {
        order: 1;
    }
}

.radius_div {
    margin-left:5px;
    padding : 15px ;
    background-color: #eee;     /* 背景色指定 */
    border-radius: 10px;        /* 角丸指定 */
}
.letter_spacing {
   letter-spacing: 0.13em;
}

/* ドラッグ＆ドロップ */
.drop-target1, .drop-target2 , .drop-target3{
    width: 320px;
    height: 200px;
    border: 2px dashed #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 子要素の上にドラッグされたときに
   dragenter,dragleaveが発火するのを防ぐ
*/
.drop-target1 *, .drop-target2 *, .drop-target3 * {
    pointer-events: none;
}

/* ドラッグされている時に背景変える */
.hover {
    background-color: rgba(30, 30, 30, 0.3);
}

/*  SPモードの時のメニューCSS */
.pc-hidden {
    display: none;
}
.nav-sidebar>.nav-item.font-weight-bold> .nav-icon {
    vertical-align:top;
    color: black;
}
.nav-sidebar>.nav-item.font-weight-bold> .nav-link,.nav-sidebar>.nav-item.font-weight-bold> .nav-link>i{
    color: black;
}
.nav-sidebar>.nav-item.font-weight-bold> .nav-link.active,.nav-sidebar>.nav-item.font-weight-bold> .nav-link.active>i{
    color: #ffffff;
}
span#cancelLink>.nav-link.active,li#topSPLink>.nav-link.active{
    color: #007bff;
}

@media screen and (max-width: 768px) {
 .menu-icon {
     display: block;
     text-align: right;
 }
 .sidebar {
     padding-top: 0px;
 }
 a.nav-link{
     color: black;
 }
}

/* フリガナCSS */
.yominame{
    font-size: 10px;
    text-align: left;
}

/* 検索条件追加ボタンエリア */
div#form-detail {
    margin-top: 15px;
}

/* 顔写真 */
.img-facePhoto {
    width: 80px;
    height: 100px;
    object-fit: contain;
    cursor: pointer;
}
/* 顔写真が未登録、表示条件を満たしていない場合 */
.text-facePhoto {
    width: 100px;
    height: 100px;
}
/* 顔写真の文言 貴社経験無しの場合 */
.text-facePhoto .facePhoto-inexperienced {
    padding:0px 7px;
    white-space:nowrap;
}

/* 職務経歴モーダル */
.img-workExperience {
    width: 100px;
    height: 120px;
    object-fit: contain;
    cursor: pointer;
}
.noImg {
  display: inline-block; width: 115px; height: 120px; background-color: #FFFFFF; border: solid 1px #808080;
  text-align: center; color: #000; position: relative;
 }
.noImg .text{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  word-break: break-word;
  padding: 0px 7px;
  width: 100%;
  white-space: nowrap;
 }
 .noImg::before {
 }
.ccl0301-detail-modal-header {
    background-color: #17A2B8;
    color: #fff;
    height: 2.5rem;
    padding: 0.5px;
}
.ccl0301-detail-modal-header-wrapper {
    display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  margin: auto;
}
.ccl0301-detail-modal-header-wrapper h5 {
    margin: auto 0 auto 1rem;
    fonr-size: 1rem;
}
.ccl0301-detail-modal-header-wrapper button.close {
    color: #fff;
    opacity: initial;
    margin: initial;
    padding: 0;
    width: 40px;
    height: 2.5rem;
}
.ccl0301-detail-modal-body {
    padding: 0 1rem 0;
}
.ccl0301-detail-modal-headline {
    padding: 10px 5px;
}
.ccl0301-detail-modal-headline-data {
    padding: 0 10px 0;
}
.ccl0301-detail-modal-headline-data span {
    background-color: #EBF6F9;
    margin: 3px;
    padding: 7.5px;
}
.ccl0301-detail-modal-headline-data p {
    margin-bottom: 0;
}
.ccl0301-detail-modal-headline-data p.data-text {
    font-weight: bold;
    font-size:1.5rem;
}
.ccl0301-detail-modal-body-profile table tbody tr:hover {
    background-color: initial;
}
.ccl0301-detail-modal-body-profile table tbody td {
    padding: 0.4rem 0.4rem 0.4rem 1rem;
}
.ccl0301-detail-modal-body-profile table tbody td.border-initial {
    border-top: initial;
    border-right: initial;
}
.ccl0301-detail-modal-body-profile table tbody td.border-bottom {
    border-bottom: 1px solid #dee2e6;
}
.ccl0301-detail-modal-body-profile table tbody td span.border-left {
    padding-left: 0.5rem;
    border-left: 1px solid #dee2e6;
}
.ccl0301-detail-modal-text {
    text-align: left;
    padding-left: 10px;
}
/*スクロール*/
#scrollDiv {
    overflow-y:scroll;
    scroll-padding-top:30px;
}
/* 編集ボタン非活性用CSS */
.disable-btn{
  background-color: grey;
  border-color: grey;
  pointer-events: none;
}
/* 注意文言 */
.text-border{
    font-weight: bold;
    font-size: larger;
}
/* 改行不可指定(スタッフ評価） */
.dataTable .col-4.p-0>label.form-check-label{
  white-space: nowrap;
}
/*掲載画面を見るボタン ccl1601*/
.casp-button-area{
    display: flex;
    justify-content: flex-end;
}
.casp-button{
    display: block;
    margin: 2px 0 2px auto!important;
    font-size: 14px;
}
/* 勤怠実績 スタッフ評価 ツールチップ */
span.evaluation-tooltip-text{
  display: none;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-40%);
  background: #000000;
  color: #fff;
  border-radius: 4px;
  font-size: 14px;
  padding: 7px 10px;
  z-index: 100;
  min-width: 200px;
  white-space: nowrap;
}
span.evaluation-tooltip-text:before{
  content: "";
  position: absolute;
  top: 90%;
  left: 35%;
  border: 15px solid transparent;
  border-top: 15px solid #000000;
}
/* PC表示（768px以上）では hover で表示 */
@media (min-width: 768px) {
  .evaluation-tooltip-hover:hover .evaluation-tooltip-text {
    display: block;
  }
}
/* SP表示（768px未満）では focus で表示（タップ対応） */
@media (max-width: 767px) {
  .evaluation-tooltip-focus:focus + .evaluation-tooltip-text {
    display: block;
  }
  .dataTable .col-4.p-0{
    text-align:center;
  }
  table.dataTable>tbody>tr.child span.dtr-title{
    padding-right: 15px;
  }
  span.evaluation-tooltip-text{
    padding: 6px 6px;
    min-width: 160px;
    top: -150%;
    white-space: normal;
  }
  /* 今後優先押下時 */
  span.evaluation-tooltip-text.right-show{
    left: 30%;
  }
  span.evaluation-tooltip-text.right-show:before{
    left: 40%;
  }
  /* 今後不可押下時 */
  span.evaluation-tooltip-text.left-show{
    left: -35%;
  }
  span.evaluation-tooltip-text.left-show:before{
    left: 63%;
  }
  /* さらに画面幅が小さいSP（360px未満）の場合 */
  @media (max-width: 360px) {
    /* 今後優先押下時 */
    span.evaluation-tooltip-text.right-show{
      left: 95%;
    }
    span.evaluation-tooltip-text.right-show:before{
      left: 17%;
    }
    /* 今後不可押下時 */
    span.evaluation-tooltip-text.left-show{
      left: 20%;
    }
    span.evaluation-tooltip-text.left-show:before{
      left: 43%;
    }
  }
}
/* 勤怠実績 スタッフ評価 今後不可選択時モーダル */
.evaluation-modal-header{
  border-bottom: none;
 }
.evaluation-modal-content{
  font-size:15px;
}
/*候補者名 改行なし*/
.name-nowrap {
    white-space:nowrap;
}