@charset "UTF-8";
/* ============================================
変数
============================================ */
/* ============================================
レスポンシブ無効化
============================================ */
.container {
  min-width: 990px; }

/* ============================================
共通
============================================ */
html {
  font-size: 16px; }

body {
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #FAFAFA; }

article {
  margin-bottom: 10px; }

/* Set padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
  white-space: normal; }

/* Set width on the form input elements since they're 100% wide by default */
input::-webkit-input-placeholder {
  color: #B1B1B1 !important; }

input:-moz-placeholder {
  color: #B1B1B1 !important; }

input::-moz-placeholder {
  color: #B1B1B1 !important; }

input:-ms-input-placeholder {
  color: #B1B1B1 !important; }

textarea {
  resize: both;
  max-width: 500px; }

.textarea-sizing {
  field-sizing: content;
  min-height: min-content; }

.required-style {
  background-color: #ffffe6; }

.disabled-style {
  background-color: #e9ecef !important;
  pointer-events: none; }

.input-field-style input[type="text"]:not(:read-only):not(:disabled), .kihyou-input-field-style .header_content input[type="text"]:not(:read-only):not(:disabled), .kihyou-input-field-style .meisai_content .kihyou input[type="text"]:not(:read-only):not(:disabled), .input-field-style select:not(:disabled), .kihyou-input-field-style .header_content select:not(:disabled), .kihyou-input-field-style .meisai_content .kihyou select:not(:disabled), .input-field-style input[type="textarea"]:not(:disabled), .kihyou-input-field-style .header_content input[type="textarea"]:not(:disabled), .kihyou-input-field-style .meisai_content .kihyou input[type="textarea"]:not(:disabled) {
  background-color: #ffffe6; }

.input-field-style input[type="text"]:not(:disabled) _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .header_content input[type="text"]:not(:disabled) _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .meisai_content .kihyou input[type="text"]:not(:disabled) _:-ms-lang(x)::-ms-backdrop, .input-field-style input[type="text"]:not(:disabled):not(:disabled), .kihyou-input-field-style .header_content input[type="text"]:not(:disabled):not(:disabled), .kihyou-input-field-style .meisai_content .kihyou input[type="text"]:not(:disabled):not(:disabled), .input-field-style select _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .header_content select _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .meisai_content .kihyou select _:-ms-lang(x)::-ms-backdrop, .input-field-style select:not(:disabled), .kihyou-input-field-style .header_content select:not(:disabled), .kihyou-input-field-style .meisai_content .kihyou select:not(:disabled), .input-field-style input[type="textarea"] _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .header_content input[type="textarea"] _:-ms-lang(x)::-ms-backdrop, .kihyou-input-field-style .meisai_content .kihyou input[type="textarea"] _:-ms-lang(x)::-ms-backdrop, .input-field-style input[type="textarea"]:not(:disabled), .kihyou-input-field-style .header_content input[type="textarea"]:not(:disabled), .kihyou-input-field-style .meisai_content .kihyou input[type="textarea"]:not(:disabled) {
  background-color: #ffffe6; }

.btn-outline-secondary {
  background-color: #fff; }
  .btn-outline-secondary:hover {
    background-color: #6c757d; }

.btn-outline-danger {
  background-color: #fff; }

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

.btn-xs {
  line-height: 1.3;
  font-size: 0.8em; }

.icon-file-none:before {
  font-family: 'FontAwesome';
  content: "\f016";
  margin-right: 5px; }

.icon-file-exist:before {
  font-family: 'FontAwesome';
  content: "\f15b";
  margin-right: 5px; }

.ws-nowrap {
  white-space: nowrap; }

h1 {
  font-size: 1.5rem; }

h2 {
  font-size: 1.3rem; }

h3 {
  font-size: 1.1rem; }

.width-50 {
  width: 50px !important;
  min-width: 50px !important; }

.width-75 {
  width: 75px !important;
  min-width: 75px !important; }

.width-100 {
  width: 100px !important;
  min-width: 100px !important; }

.width-125 {
  width: 125px !important;
  min-width: 125px !important; }

.width-150 {
  width: 150px !important;
  min-width: 150px !important; }

.width-175 {
  width: 175px !important;
  min-width: 175px !important; }

.width-200 {
  width: 200px !important;
  min-width: 200px !important; }

.width-225 {
  width: 225px !important;
  min-width: 225px !important; }

.width-250 {
  width: 250px !important;
  min-width: 250px !important; }

.width-275 {
  width: 275px !important;
  min-width: 275px !important; }

.width-300 {
  width: 300px !important;
  min-width: 300px !important; }

.width-325 {
  width: 325px !important;
  min-width: 325px !important; }

.width-350 {
  width: 350px !important;
  min-width: 350px !important; }

.width-375 {
  width: 375px !important;
  min-width: 375px !important; }

.width-400 {
  width: 400px !important;
  min-width: 400px !important; }

.width-425 {
  width: 425px !important;
  min-width: 425px !important; }

.width-450 {
  width: 450px !important;
  min-width: 450px !important; }

.width-475 {
  width: 475px !important;
  min-width: 475px !important; }

.width-500 {
  width: 500px !important;
  min-width: 500px !important; }

.width-525 {
  width: 525px !important;
  min-width: 525px !important; }

.width-550 {
  width: 550px !important;
  min-width: 550px !important; }

.width-575 {
  width: 575px !important;
  min-width: 575px !important; }

.width-600 {
  width: 600px !important;
  min-width: 600px !important; }

.width-625 {
  width: 625px !important;
  min-width: 625px !important; }

.width-650 {
  width: 650px !important;
  min-width: 650px !important; }

.width-675 {
  width: 675px !important;
  min-width: 675px !important; }

.width-700 {
  width: 700px !important;
  min-width: 700px !important; }

.width-725 {
  width: 725px !important;
  min-width: 725px !important; }

.width-750 {
  width: 750px !important;
  min-width: 750px !important; }

.width-775 {
  width: 775px !important;
  min-width: 775px !important; }

.width-800 {
  width: 800px !important;
  min-width: 800px !important; }

.width-825 {
  width: 825px !important;
  min-width: 825px !important; }

.width-850 {
  width: 850px !important;
  min-width: 850px !important; }

.width-875 {
  width: 875px !important;
  min-width: 875px !important; }

.width-900 {
  width: 900px !important;
  min-width: 900px !important; }

.width-925 {
  width: 925px !important;
  min-width: 925px !important; }

.width-950 {
  width: 950px !important;
  min-width: 950px !important; }

.width-975 {
  width: 975px !important;
  min-width: 975px !important; }

.width-1000 {
  width: 1000px !important;
  min-width: 1000px !important; }

.width-1025 {
  width: 1025px !important;
  min-width: 1025px !important; }

.width-1050 {
  width: 1050px !important;
  min-width: 1050px !important; }

.width-1075 {
  width: 1075px !important;
  min-width: 1075px !important; }

.width-1100 {
  width: 1100px !important;
  min-width: 1100px !important; }

.width-1125 {
  width: 1125px !important;
  min-width: 1125px !important; }

.width-1150 {
  width: 1150px !important;
  min-width: 1150px !important; }

.width-1175 {
  width: 1175px !important;
  min-width: 1175px !important; }

.width-1200 {
  width: 1200px !important;
  min-width: 1200px !important; }

.width-1225 {
  width: 1225px !important;
  min-width: 1225px !important; }

.width-1250 {
  width: 1250px !important;
  min-width: 1250px !important; }

.width-1275 {
  width: 1275px !important;
  min-width: 1275px !important; }

.width-1300 {
  width: 1300px !important;
  min-width: 1300px !important; }

.width-1325 {
  width: 1325px !important;
  min-width: 1325px !important; }

.width-1350 {
  width: 1350px !important;
  min-width: 1350px !important; }

.width-1375 {
  width: 1375px !important;
  min-width: 1375px !important; }

.width-1400 {
  width: 1400px !important;
  min-width: 1400px !important; }

.width-1425 {
  width: 1425px !important;
  min-width: 1425px !important; }

.width-1450 {
  width: 1450px !important;
  min-width: 1450px !important; }

.width-1475 {
  width: 1475px !important;
  min-width: 1475px !important; }

.width-1500 {
  width: 1500px !important;
  min-width: 1500px !important; }

.nopading {
  padding: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px; }

.nomargin {
  margin: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px; }

.container {
  max-width: none !important;
  width: 100%; }

.flex-container {
  display: flex; }

.title {
  font-weight: bold !important; }

.table {
  width: auto;
  margin: 0px;
  padding: 0px;
  text-align: center; }
  .table thead td {
    background-color: #FFFFFF; }
  .table tbody {
    background-color: #FFFFFF; }
  .table thead th, .table tbody th {
    background-color: #def5ff;
    margin: 0px;
    padding: 5px;
    vertical-align: middle; }
  .table td {
    margin: 0px;
    padding: 5px;
    vertical-align: middle; }
  .table tfoot th {
    background-color: #b8b8b8; }

.table thead th, .table-bordered th, .table-bordered td {
  border: 1px solid #bfc4c9; }

.table-borderless-layout thead, .table-borderless-layout tbody, .table-borderless-layout tfoot, .bootstrap-datetimepicker-widget .table thead, .bootstrap-datetimepicker-widget .table tbody, .bootstrap-datetimepicker-widget .table tfoot {
  background-color: transparent !important;
  border: none;
  font-weight: normal; }
  .table-borderless-layout thead th, .table-borderless-layout thead td, .table-borderless-layout tbody th, .table-borderless-layout tbody td, .table-borderless-layout tfoot th, .table-borderless-layout tfoot td, .bootstrap-datetimepicker-widget .table thead th, .bootstrap-datetimepicker-widget .table thead td, .bootstrap-datetimepicker-widget .table tbody th, .bootstrap-datetimepicker-widget .table tbody td, .bootstrap-datetimepicker-widget .table tfoot th, .bootstrap-datetimepicker-widget .table tfoot td {
    background-color: transparent;
    border: none;
    font-weight: 100; }

.table-double-striped tbody:nth-of-type(2n) {
  background-color: #f2f2f2; }

span.separator {
  margin: 0px 3px; }

.breadcrumb {
  padding: 5px 5px; }
  .breadcrumb .active {
    font-weight: bold; }

.kouji_tensho_tatensho {
  background-color: #fff599; }

.tree_wrapper .tree_container {
  margin-bottom: 30px; }

.tree_wrapper .tree_container_1 {
  padding-left: 0px; }

.tree_wrapper .tree_container_2 {
  padding-left: 20px; }

.tree_wrapper .tree_container_3 {
  padding-left: 40px; }

.tree_wrapper .tree_container_4 {
  padding-left: 60px; }

.tree_wrapper .tree_container_5 {
  padding-left: 80px; }

.tree_wrapper .tree_container_6 {
  padding-left: 100px; }

.tree_wrapper .tree_container_7 {
  padding-left: 120px; }

.tree_wrapper .tree_container_8 {
  padding-left: 140px; }

.tree_wrapper .tree_container_9 {
  padding-left: 160px; }

.tree_wrapper .tree_container_10 {
  padding-left: 180px; }

.tree_wrapper .group {
  margin-left: 20px;
  padding: 5px;
  background-color: #fff3b8;
  border: 1px solid #ccc; }
  .tree_wrapper .group label {
    margin: 0px; }

input[data-name="shain_id"] {
  width: 80px !important; }

.file-dragdrop-area {
  border: dotted 3px;
  background-color: #effad3;
  text-align: center;
  padding: 10px 30px; }

.file-dragdrop-area-highlight {
  background-color: #d9e8b7 !important; }

.detail-footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #FAFAFA;
  border-top: solid 1.5px #6c6b6b;
  margin-top: 10px;
  padding-top: 10px;
  z-index: 10; }

#nice-tooltip-instance {
  position: absolute;
  z-index: 9999;
  padding: 10px 20px;
  border: 1px solid #b3c9ce;
  border-radius: 4px;
  font: 14px/1.3 arial, sans-serif;
  color: #333;
  background: #fff;
  max-width: 250px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3); }

.width-110 {
  width: 110px !important;
  min-width: 110px !important; }

/* ============================================
スピナー（ロード中のぐるぐる）
============================================ */
#spinner-overlay {
  position: fixed;
  top: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  display: none; }

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.spinner {
  width: 100px;
  height: 100px;
  border: 6px #ddd solid;
  border-top: 6px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear; }

@keyframes sp-anime {
  100% {
    transform: rotate(360deg); } }

.is-hide {
  display: none; }

/* ============================================
通知 
============================================ */
/**
 * 通知ライブラリ設定 bootstrap-notify
 */
[data-notify="container"] {
  z-index: 2000 !important; }

[data-notify="container"][class*="alert-pastel-"] {
  background-color: #ffffee;
  border-width: 0px;
  border-left: 15px solid #fff06a;
  border-radius: 0px;
  box-shadow: 0px 0px 5px #333333;
  letter-spacing: 1px; }

[data-notify="container"].alert-pastel-info {
  border-left-color: #4ca0ff; }

[data-notify="container"].alert-pastel-success {
  border-left-color: #68e615; }

[data-notify="container"].alert-pastel-warining {
  border-left-color: #ffb328; }

[data-notify="container"].alert-pastel-danger {
  border-left-color: #ff674c; }

[data-notify="container"][class*="alert-pastel-"] > [data-notify="title"] {
  display: block;
  font-weight: 700;
  margin-bottom: 5px; }

[data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] {
  font-size: 0.9rem; }
  [data-notify="container"][class*="alert-pastel-"] > [data-notify="message"] p {
    margin-bottom: 0.5rem; }

.animated.fadeInRight {
  animation-duration: 0.3s; }

.animated.fadeOutUp {
  animation-duration: 0.3s; }

/**
 * 通知コンテナ設定（任意コンテナ）
 */
[data-name="message_container"] {
  display: none; }

/**
 * 通知コンテナ設定（フレームワークバリデーションコンテナ）
 */
.validation-summary-errors {
  display: none; }

/* ============================================
モーダル
============================================ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  .modal.fade {
    transition: none; } }

/* ============================================
入力フィールド共通
============================================ */
.date-ymd {
  width: 150px !important; }
  .date-ymd.input-group > .input-group-append:not(:last-child) > .input-group-text,
  .date-ymd.input-group > .input-group-append > .input-group-text {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.date-ym {
  width: 140px; }
  .date-ym.input-group > .input-group-append:not(:last-child) > .input-group-text,
  .date-ym.input-group > .input-group-append > .input-group-text {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }

.input_time {
  min-width: 80px; }

.input_number {
  text-align: right; }

.class_warning {
  background-color: #ffd380 !important; }

.class_error {
  background-color: #f7c8d4 !important; }

/* ============================================
曜日・datepickerカレンダー曜日
============================================ */
.saturday {
  color: #044bd9; }

.sunday {
  color: #e33432; }

.holiday {
  color: #e33432; }

.datepicker-days th.dow:first-child,
.datepicker-days td:first-child,
.datepicker-days td.public-holiday {
  color: #e33432; }

.datepicker-days th.dow:last-child,
.datepicker-days td:last-child {
  color: #044bd9; }

/* ============================================
datepickerカレンダー
============================================ */
.bootstrap-datetimepicker-widget {
  white-space: normal; }

/* ============================================
ナビバー
============================================ */
.navbar {
  background-color: #03a868; }
  .navbar button {
    margin: 0px; }
  .navbar .nav-link {
    color: #FFFFFF;
    white-space: nowrap; }
    .navbar .nav-link:focus, .navbar .nav-link:hover {
      color: #CCCCCC; }
  .navbar .dropdown-header {
    font-size: 0.8rem !important;
    padding: 0.5rem 0.75rem 0 0.75rem !important; }

.navbar-brand {
  font-weight: bold;
  color: #FFFFFF; }
  .navbar-brand:focus, .navbar-brand:hover {
    color: #CCCCCC; }

/*ハンバーガーメニュー*/
.navbar-toggler {
  /*枠の色*/
  border-color: #FFFFFF; }

.navbar-toggler-icon {
  /*三本線の変更*/
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

/* ============================================
ログイン
============================================ */
.form-login {
  width: 400px; }

.form-login h1 {
  margin: 15px 0px; }

.form-login input {
  margin-bottom: 5px; }

/* ============================================
４０４、５００
============================================ */
/* ============================================
スケジュール
============================================ */
.schedule-container {
  max-width: none !important; }
  .schedule-container article {
    margin-bottom: 0px; }

.table-schedule .style_trip {
  background-color: #FFE4E1 !important; }

.table-schedule .style_go_out {
  background-color: #99FF33 !important; }

.table-schedule .style_off {
  background-color: #ECFCFF !important; }

.table-schedule .style_bold {
  font-weight: bold; }

.table-schedule .style_small {
  font-size: 0.7rem; }

.table-schedule .style_strike, .table-schedule .style_strike p {
  text-decoration: line-through; }

.table-schedule .style_center {
  text-align: center; }

.table-schedule .style_scroll {
  overflow: hidden; }

.table-schedule .style_scroll p {
  margin: 0;
  padding-left: 100%;
  display: inline-block;
  white-space: nowrap;
  animation-name: marquee;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@keyframes marquee {
  from {
    transform: translate(0); }
  to {
    transform: translate(-100%); } }

.table-schedule tr.links .d-flex {
  justify-content: space-around; }

.table-schedule tr.schedules td:not(.date) {
  text-align: left;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: top; }
  .table-schedule tr.schedules td:not(.date):hover {
    background-color: #e6ffe6; }

.table-schedule tr.schedules td.today {
  background-color: #ffffb8; }

.table-schedule tr.schedules th.today {
  background-color: #ffffb8;
  color: #000000; }

.table-schedule tr .saturday {
  background-color: #044bd9;
  color: #FFFFFF; }

.table-schedule tr .sunday {
  background-color: #e33432;
  color: #FFFFFF; }

.table-schedule tr .holiday {
  background-color: #e33432;
  color: #FFFFFF; }

.table-schedule tr .date {
  font-size: 0.75rem;
  font-weight: bold; }

.schedule-sosiki {
  position: fixed;
  background-color: #eaf6ea;
  white-space: nowrap;
  flex-shrink: 0;
  width: 200px;
  height: calc(100% - 40px);
  overflow-x: hidden;
  z-index: 20; }
  .schedule-sosiki h2 {
    margin-left: 5px; }
  .schedule-sosiki section .list-group-item {
    background-color: transparent;
    padding: 5px 20px; }
  .schedule-sosiki .list-group-flush .list-group-item {
    border: none; }
  .schedule-sosiki section > ul li.sosiki-header1 {
    padding: 0px 5px; }
    .schedule-sosiki section > ul li.sosiki-header1 > a {
      color: white;
      background-color: #03a868;
      font-weight: bold;
      padding: 5px 10px;
      text-align: center; }
  .schedule-sosiki section > ul li.sosiki-header2 {
    padding: 5px 0px; }
    .schedule-sosiki section > ul li.sosiki-header2:before {
      content: '◆'; }
    .schedule-sosiki section > ul li.sosiki-header2 > a {
      font-weight: bold; }
  .schedule-sosiki section > ul li.group {
    padding: 5px 0px; }
    .schedule-sosiki section > ul li.group:before {
      content: '●'; }
    .schedule-sosiki section > ul li.group > a {
      font-weight: bold; }

.schedule-list-header {
  position: fixed;
  margin-left: 200px;
  padding-left: 10px;
  overflow: visible;
  width: 100%;
  background-color: white;
  z-index: 10; }
  .schedule-list-header.none-soshiki {
    margin-left: 0px !important; }
  .schedule-list-header::-webkit-scrollbar {
    display: none; }
  .schedule-list-header .month {
    font-size: 0.9rem;
    align-items: center;
    padding: 5px; }
    .schedule-list-header .month .list-inline {
      margin: 0px;
      padding: 0px; }
    .schedule-list-header .month .this-month {
      font-size: 1.25rem;
      font-weight: bold; }

.schedule-list {
  position: relative;
  padding-left: 210px;
  padding-top: 140px;
  padding-bottom: 10px;
  width: 100%; }
  .schedule-list.none-soshiki {
    padding-left: 10px !important; }
  .schedule-list .table-schedule {
    white-space: nowrap; }
    .schedule-list .table-schedule tr th {
      margin: 0px;
      padding: 0px; }
      .schedule-list .table-schedule tr th.user, .schedule-list .table-schedule tr th.link {
        white-space: normal; }
    .schedule-list .table-schedule tr td {
      max-width: 120px;
      margin: 0px;
      padding: 0px;
      cursor: pointer; }
    .schedule-list .table-schedule tr .date {
      min-width: 90px;
      width: 90px;
      max-width: 90px; }
    .schedule-list .table-schedule.small_font {
      font-size: 0.7rem; }
      .schedule-list .table-schedule.small_font th.link {
        min-width: 80px !important;
        width: 80px !important;
        max-width: 80px !important; }
      .schedule-list .table-schedule.small_font th.date {
        min-width: 40px !important;
        width: 40px !important;
        max-width: 40px !important; }

.schedule-edit textarea {
  height: 100px; }

.schedule-edit table tr th.date {
  font-size: inherit;
  font-weight: bold; }

.modal-edit-schedule .modal-body {
  overflow: visible; }

.table-schedule-info tbody {
  font-size: 0.85rem; }

.table-schedule-info .saturday {
  background-color: #044bd9;
  color: #FFFFFF; }

.table-schedule-info .sunday {
  background-color: #e33432;
  color: #FFFFFF; }

.table-schedule-info .holiday {
  background-color: #e33432;
  color: #FFFFFF; }

.table-schedule-info .date {
  font-weight: bold; }

.table-schedule-info .lostdate {
  background-color: #b8b8b8; }

.table-font-style .style {
  /*vertical-align: top;*/
  text-align: left; }

.table-font-style .format {
  text-align: left; }

.table-font-style .example {
  text-align: left; }

/** 
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    勤怠
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
article.attendance-edit .modal-kintai-goukei {
  overflow: visible; }

article.attendance-edit .modal-footer {
  justify-content: unset; }

.table-attendance tbody tr.active {
  background-color: #feffd1; }

.table-attendance tbody tr:not(.input) {
  background-color: #fff2f2; }

.table-attendance .date {
  text-align: left; }

#modal_meisai .modal-dialog {
  max-width: 98%; }

#modal_meisai .modal_editattendance_tekiyou {
  min-width: 330px;
  width: 330px; }

#modal_meisai .modal_editattendance_koushu_code {
  width: 300px;
  font-size: 0.9rem; }
  #modal_meisai .modal_editattendance_koushu_code.fontsm {
    font-size: 0.5rem; }
  #modal_meisai .modal_editattendance_koushu_code option {
    font-size: 1rem; }

#modal_meisai .modal_editattendance_shumoku_code {
  width: 300px;
  font-size: 0.9rem; }
  #modal_meisai .modal_editattendance_shumoku_code option {
    font-size: 1rem; }

#modal_meisai .modal_editattendance_sagyo_code {
  width: 300px;
  font-size: 0.9rem; }
  #modal_meisai .modal_editattendance_sagyo_code option {
    font-size: 1rem; }

#modal_meisai .modal-footer .row {
  width: 100%; }

/* 超過勤務命令書 */
.table-overtimework td {
  padding-left: 10px;
  padding-right: 10px; }

.table-overtimework-edit th {
  min-width: 200px; }

/** 
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    旅費精算
    ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
.ryohiseisan-header-wrapper {
  max-width: 1500px; }

/*旅費精算 明細行*/
.ryohiseisan-meisai-wrapper {
  max-width: 1500px; }
  .ryohiseisan-meisai-wrapper .form-row {
    margin: 0 10px; }
  .ryohiseisan-meisai-wrapper .form-group {
    margin: 0 10px 0 0; }
    .ryohiseisan-meisai-wrapper .form-group label.title {
      margin: 0;
      margin-top: 5px;
      font-size: 0.9em !important;
      white-space: nowrap; }
    .ryohiseisan-meisai-wrapper .form-group .content {
      line-height: 35px; }
  .ryohiseisan-meisai-wrapper .ryohiseisan-meisai {
    padding-bottom: 10px; }
    .ryohiseisan-meisai-wrapper .ryohiseisan-meisai span.header {
      background-color: #7FD9FF;
      padding: 2px 10px;
      border-radius: 20px !important; }
  .ryohiseisan-meisai-wrapper .ryohiseisan-koutsuuhi-meisai {
    padding-bottom: 10px; }
    .ryohiseisan-meisai-wrapper .ryohiseisan-koutsuuhi-meisai th {
      line-height: 1; }
    .ryohiseisan-meisai-wrapper .ryohiseisan-koutsuuhi-meisai span.header {
      background-color: #82D4B4;
      padding: 2px 10px;
      border-radius: 20px !important; }

#modal_ekispert .modal-header {
  padding: 0px;
  padding-right: 10px; }

#modal_ekispert .modal-content {
  overflow: visible; }

#modal_ekispert .modal-footer .row {
  width: 100%; }

#modal_ekispert #condition {
  max-width: 450px; }
  #modal_ekispert #condition .exp_item {
    margin-left: 4px;
    margin-right: 4px; }
  #modal_ekispert #condition [type='checkbox'] {
    margin-top: 0.23em; }

#modal_ekispert #result * {
  box-sizing: content-box; }

#modal_ekispert .exp_stationList {
  max-width: 30%; }

.modal_ryohi_koumoku_code .input-group, .modal_kouji_no .input-group {
  position: static; }
  .modal_ryohi_koumoku_code .input-group > .form-control, .modal_kouji_no .input-group > .form-control {
    position: static; }

.modal_ryohi_koumoku_code .input-group-append .btn, .modal_kouji_no .input-group-append .btn {
  position: static;
  z-index: unset; }

/* 駅すぱあと経路反転 */
#ekispert_reverse:hover {
  cursor: pointer;
  color: #3a97dd; }

/* 駅すぱあとアイコン */
.ekispert_icon.ekispert_icon_1 {
  color: #E91E63;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_1 a.icon {
    color: #E91E63; }
    .ekispert_icon.ekispert_icon_1 a.icon:hover {
      cursor: pointer;
      color: #c1134e;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_1 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_1 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_2 {
  color: #2196F3;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_2 a.icon {
    color: #2196F3; }
    .ekispert_icon.ekispert_icon_2 a.icon:hover {
      cursor: pointer;
      color: #0c7cd5;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_2 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_2 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_3 {
  color: #4CAF50;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_3 a.icon {
    color: #4CAF50; }
    .ekispert_icon.ekispert_icon_3 a.icon:hover {
      cursor: pointer;
      color: #3d8b40;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_3 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_3 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_4 {
  color: #FFC107;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_4 a.icon {
    color: #FFC107; }
    .ekispert_icon.ekispert_icon_4 a.icon:hover {
      cursor: pointer;
      color: #d39e00;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_4 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_4 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_5 {
  color: #F44336;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_5 a.icon {
    color: #F44336; }
    .ekispert_icon.ekispert_icon_5 a.icon:hover {
      cursor: pointer;
      color: #ea1c0d;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_5 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_5 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_6 {
  color: #3F51B5;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_6 a.icon {
    color: #3F51B5; }
    .ekispert_icon.ekispert_icon_6 a.icon:hover {
      cursor: pointer;
      color: #32408f;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_6 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_6 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_7 {
  color: #009688;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_7 a.icon {
    color: #009688; }
    .ekispert_icon.ekispert_icon_7 a.icon:hover {
      cursor: pointer;
      color: #00635a;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_7 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_7 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_8 {
  color: #FFEB3B;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_8 a.icon {
    color: #FFEB3B; }
    .ekispert_icon.ekispert_icon_8 a.icon:hover {
      cursor: pointer;
      color: #ffe608;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_8 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_8 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_9 {
  color: #9C27B0;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_9 a.icon {
    color: #9C27B0; }
    .ekispert_icon.ekispert_icon_9 a.icon:hover {
      cursor: pointer;
      color: #771e86;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_9 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_9 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_10 {
  color: #03A9F4;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_10 a.icon {
    color: #03A9F4; }
    .ekispert_icon.ekispert_icon_10 a.icon:hover {
      cursor: pointer;
      color: #0286c2;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_10 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_10 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_11 {
  color: #8BC34A;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_11 a.icon {
    color: #8BC34A; }
    .ekispert_icon.ekispert_icon_11 a.icon:hover {
      cursor: pointer;
      color: #71a436;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_11 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_11 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_12 {
  color: #FF9800;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_12 a.icon {
    color: #FF9800; }
    .ekispert_icon.ekispert_icon_12 a.icon:hover {
      cursor: pointer;
      color: #cc7a00;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_12 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_12 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_13 {
  color: #673AB7;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_13 a.icon {
    color: #673AB7; }
    .ekispert_icon.ekispert_icon_13 a.icon:hover {
      cursor: pointer;
      color: #512e90;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_13 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_13 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_14 {
  color: #00BCD4;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_14 a.icon {
    color: #00BCD4; }
    .ekispert_icon.ekispert_icon_14 a.icon:hover {
      cursor: pointer;
      color: #008fa1;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_14 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_14 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_15 {
  color: #CDDC39;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_15 a.icon {
    color: #CDDC39; }
    .ekispert_icon.ekispert_icon_15 a.icon:hover {
      cursor: pointer;
      color: #b2c022;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_15 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_15 span.icon:hover {
    text-decoration: none; }

.ekispert_icon.ekispert_icon_16 {
  color: #FF5722;
  /* リンクありアイコン */
  /* リンクなしアイコン */ }
  .ekispert_icon.ekispert_icon_16 a.icon {
    color: #FF5722; }
    .ekispert_icon.ekispert_icon_16 a.icon:hover {
      cursor: pointer;
      color: #ee3900;
      text-decoration: none; }
    .ekispert_icon.ekispert_icon_16 a.icon i:after {
      font-size: 0.8rem;
      content: "表示"; }
  .ekispert_icon.ekispert_icon_16 span.icon:hover {
    text-decoration: none; }

/* ============================================
臨時雇員勤務データ登録
============================================ */
.rinjikoinkinmu-meisai span.header {
  background-color: #FD7E14;
  padding: 2px 10px;
  border-radius: 20px !important; }

.rinjikoinkinmu-goukei span.header {
  background-color: #7FD9FF;
  padding: 2px 10px;
  border-radius: 20px !important; }

.rinjikoinkinmu-shikyu-kojo span.header {
  background-color: #82D4B4;
  padding: 2px 10px;
  border-radius: 20px !important; }

.rinjikoinkinmu-header-wrapper {
  max-width: 1500px; }

.rinjikoinkinmu-meisai-wrapper {
  max-width: 1500px; }

.input-field-style input[type="text"]:not(:read-only):not(:disabled), .input-field-style select:not(:disabled), .input-field-style input[type="textarea"]:not(:disabled) {
  background-color: #ffffe6; }

.input-field-style input[type="text"]:not(:disabled) _:-ms-lang(x)::-ms-backdrop, .input-field-style input[type="text"]:not(:disabled):not(:disabled), .input-field-style select _:-ms-lang(x)::-ms-backdrop, .input-field-style select:not(:disabled), .input-field-style input[type="textarea"] _:-ms-lang(x)::-ms-backdrop, .input-field-style input[type="textarea"]:not(:disabled) {
  background-color: #ffffe6; }

.input-field-style input[type="tel"]:not(:read-only):not(:disabled), .input-field-style select:not(:disabled) {
  background-color: #ffffe6; }

span.tani {
  white-space: nowrap; }

.workflow-sidebar {
  position: fixed;
  background-color: #eaf6ea;
  white-space: nowrap;
  flex-shrink: 0;
  width: 300px;
  height: calc(100% - 40px);
  overflow-x: hidden;
  z-index: 20; }
  .workflow-sidebar h2 {
    margin-left: 5px; }
  .workflow-sidebar section .list-group-item {
    background-color: transparent;
    padding: 5px 20px; }
  .workflow-sidebar .list-group-flush .list-group-item {
    border: none; }
  .workflow-sidebar section > ul li.workflow-sidebar-header1 {
    padding: 0px 5px; }
    .workflow-sidebar section > ul li.workflow-sidebar-header1 > a {
      color: white;
      background-color: #03a868;
      font-weight: bold;
      padding: 5px 10px;
      text-align: center; }

.workflow-header {
  position: relative;
  padding-left: 300px;
  padding-bottom: 10px;
  /*width: 100%;
    z-index: 10;*/
  /*background-color: lightgoldenrodyellow;*/ }
  .workflow-header::-webkit-scrollbar {
    display: none; }

.workflow-body {
  position: relative;
  padding-left: 300px;
  padding-bottom: 30px;
  /*width: 100%;
    z-index: 10;*/ }
  .workflow-body::-webkit-scrollbar {
    display: none; }

.keiyakushoninnegai-grid {
  display: grid;
  grid-template-rows: 45px; }

.keiyakushoninnegai-grid-title-item {
  background-color: #def5ff;
  line-height: 45px;
  border: 1px solid #bfc4c9;
  padding-left: 5px; }

.keiyakushoninnegai-grid-data-item {
  border: 1px solid #bfc4c9;
  vertical-align: middle; }

.keiyakushoninnegai-grid-border-top {
  border-top: solid lightgray 1px;
  border-left: solid lightgray 1px;
  border-right: solid lightgray 1px;
  border-bottom: solid lightgray 1px; }

.keiyakushoninnegai-grid-border-untop {
  border-left: solid lightgray 1px;
  border-right: solid lightgray 1px;
  border-bottom: solid lightgray 1px; }

.kotei_kairan_header td {
  background-color: #ffffe6; }