/*================================================================================
	Item Name: Modern Admin - Clean Bootstrap 4 Dashboard HTML Template
	Version: 1.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.sub-ttl {
	margin-top: 1.5rem;
}
.check-pattern {
	width: 150px;
}
.fs_16 {
    font-size: 16px;
}
.start-btn {
	text-align: center;
	margin-bottom: 30px;
}
.cancel-btn {
	text-align: center;
}
.nav-box {
	box-shadow: 0px 2px 30px 2px rgba(0, 0, 0, 0.1);
	height: 69px;
}

.td-check {
	text-align: left !important;
	vertical-align: middle !important;
}

.title-history {
	text-align: center;
}

.btn-icon {
	margin-right: 10px;
}

.mz-log {
	top: 0;
}
.pass-bottom {
	margin-bottom: 0.5rem;
}



.title-history {
    text-align: center;
    margin-top: 40px;
}


.table-container {
    text-align: center;
    width: 100%;
    max-width: 80%;
    margin: 0 auto;
    padding: 10px; /* 必要に応じて調整 */
    overflow-x: auto; /* 横スクロールバーを表示 */
}


.history-row {
    font-size: 18px;
}

.custom-class-1, .custom-class-2 {
    width: 40%;
    margin-left: 30%;
}

.title-analysis {
    text-align: center;
    margin-top: 10%;
}

.analysis-row {
    text-align: center;
    font-size: 18px;
}


.custom-pagination {
    list-style: none;
    display: flex;
    margin-left: 10%;
    font-size: 20px;
    font-weight: 500;
}

.custom-pagination li {
    margin: 0 5px;
}

.custom-pagination a {
    text-decoration: none;
    padding: 5px 10px;
    border: none;
    border-radius: 5px;
}

.custom-pagination p {
    margin-top: 4px;
    color: #339933;
    margin-left: 15%;
    font-size: 20px;
}


h4.card-title-intake {
    text-align: center;
}


#drop-area {
    width: 50%;
    height: 300px;
    border: 3px dashed #C0C0C0;
    background-color: #f0f0f0;
    text-align: center;
    padding: 10px;
    margin: 0 auto;
    margin-top: 30px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    word-wrap: break-word;
}

#drop-message {
    margin: 10px 0; 
    text-align: center;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
}

#file-preview {
    text-align: left;
    overflow-y: auto;
    max-height: 250px;
    margin-top: 10px; 
}

.file-list p {
    text-align: left; 
}

#drop-area p {
    font-size: 20px;
}

.select-btn,
.setting-btn {
    margin-top: 10px;
}

.select-btn {
    text-align: center;
    margin-top: 20px;

}

.setting-btn {
    text-align: center;
    margin-top: 60px;

}

thead.object {
    text-align: center;
}

tr.object-group {
    text-align: center;
    vertical-align: middle;
}
tr.object-group td {
    text-align: center;
    vertical-align: middle;
}


div.modal-btn  {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

h5.inquiry {
    text-align: center;
    background-color: gray;
    color: white;
    
}

.select-pattern {
    width: 150px;
}

.table tbody + tbody{
	border: 0px;
}

.btn-reproducition {
    margin-left: 15px;
}

div.error-message {
    color: red;
    margin-top: 20px;
    text-align: center;
}

i.ft-alert-triangle {
    font-size: 13px;
}

.error-message {
    color: red;
}

.btn-wid {
    width: auto !important;
}
.btn-act {
 cursor: pointer;
}

.nav.nav-tabs.nav-top-border .nav-item a {
    color: #1976D2;
}

.nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
    border-top: 3px solid #1976D2;
}

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

.page-item.active .page-link {
    border-radius: 5px; 
}

.u4-sub {
    margin: 1.5rem 0;
}

div.form-actions.center {
    text-align: center;
    border: none;
}

.radio-group {
    display: flex;
    gap: 10px;
    align-items: center;
}

.radio-group label {
    margin-bottom: 0;
}

div.modal-btn-border {
    margin-top: 15px;
    text-align: center;
    padding: 18px 0;
}

.label-rem {
padding-top: 1.2rem !important;
}

div.form-actions-result {
    text-align: center;
    margin-top: 20px;
}

.result-btn button {
    margin-right: 40px; 
}

.register_mb80 {
    margin-right: 80px;
    width: 150px;
}

.keep_wd150 {
    width: 150px;
}

.pop_text_rt {
    text-align: right;
}

.summary {
    margin-top: 40px !important;
}

.point_text_rl {
    text-align: left;
}

.important_color {
    color: #FF4961 !important;
}


.btn_modal {
    margin-right: 40px;
}

.radio_btn {
    margin-right: 10px;
    vertical-align: top;
    margin-top: 5px;
}

.bottom-fixed-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding-top: 15px;
    text-align: center;
    background-color: rgba(128, 128, 128, 0.5);
    border-top: 4px solid #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.button-container {
    margin: 0 40px;
}

.bottom-fixed-button button {
    font-size: 19px;
    cursor: pointer;
    vertical-align: middle;
}

.bottom-fixed-button button:hover {
    opacity: 0.8;
}


div.bottoms-fixed-button {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 100px;
    padding-top: 15px;
    text-align: center;
    background-color: rgba(128, 128, 128, 0.5);
    border-top: 4px solid #fff;
    flex-direction: row;
    justify-content: center;
  }
  
  .bottoms-fixed-button button {
    font-size: 19px;
    cursor: pointer;
    vertical-align: middle;
  }
  
  .bottoms-fixed-button button:hover {
    opacity: 0.8;
  }

.btn-equal-width {
    width: 150px;
}

.fm_ml {
    margin-left: 10px;
}

.wd_mb {
    width: 50%;
    margin-bottom: 1.5rem;
}

.bg_wh {
    background-color: #FFFFFF !important;
}

/* トグルボタンのスタイル */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin-right: 10px;
}

/* 隠されたチェックボックス */
.switch input {
  display: none;
}

/* スライダーのスタイル */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}

/* スライダー内のON/OFFテキスト */
.slider::before {
  position: absolute;
  content: "OFF";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  font-size: 10px;
}

/* チェックされた時のスライダーの背景色 */
input:checked + .slider {
  background-color: #2196F3;
}

/* チェックされた時のテキストとスライダーの位置 */
input:checked + .slider::before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
  content: "ON";
}

/* 追加スタイル */
.auto-refresh-toggle {
  display: flex;
  align-items: center;
}

.auto-refresh-toggle label {
  margin-bottom: 0;
}

.refresh-text {
  cursor: pointer;
}

.notify-checkbox-container {
    align-items: center;
    justify-content: center;
    margin: 0 15px;
  }
  
  .notify-checkbox {
    margin-right: 10px;
  }
  
  .notify-label {
    cursor: pointer;
  }

  .notify-label-english {
    display: block;
  }

  #file-actions {
    display: none; /* デフォルトでは非表示 */
    flex-direction: row; /* 子要素を横方向に配置 */
    justify-content: center; /* 子要素を中央揃えに */
    align-items: center; /* 子要素を縦方向の中央に揃える */
  }
  

  .select-box {
    display: flex !important;
    justify-content: center;
    align-items: center;
  }


.clear-link {
    /* コンテナにflexプロパティを適用 */
    display: flex;
    align-items: center;
    justify-content: center;
  }


  /* ツールチップの最大幅を変更 */
.tooltip {
    max-width: 200px; /* 必要な最大幅に設定 */
  }

.tooltip-inner {
    white-space: normal; /* テキストを複数行に折り返す */
    padding: .75rem 1rem;
    font-size: 1rem;
  }

.pd_li{
    padding: 1.9rem 1rem !important;
}

.pd_1{
    padding: 1rem 1rem !important;
}

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

.mr_40 {
    margin-right: 40px;
}

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

.hyphen {
    position: relative;
}
.hyphen::before {
    content: "-";
    position: absolute;
    left: -3px;
    top: 10px;
}