@charset "UTF-8";
/* layout */
.wrapper:not(body.popup) {
    padding-left: 50px;
    width: 100%;
    will-change: auto;
    transition: padding .15s;
    margin-bottom: auto;
}
body.popup{
    min-width: auto;
}
body.popup .wrapper{
    padding-left:0;
    margin-bottom: 50px;
}
.content-footer{
    padding-left: 10px;
    padding-right: 10px;
}
.popup .content-footer {
    text-align: center;
    padding: 10px 20px;
    width: 100%;
    position: fixed;
    z-index: 1020;
    bottom: 0;
    background: var(--white);
}

.content{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 28px;
}
.content-sm {
    width: 360px;
    margin: auto;
    font-size: 16px;
}
section{
    margin-bottom: 10px;
}
main{
    /* max-width: 1440px; */
    margin: auto;
}
.nav-close #sidebar {
    width: 50px;
}
.wrapper{transition: .2s;}


/* ************************************** */
/* table column */
/* ************************************** */
/* sample */
#tableSmaple2 colgroup col:nth-of-type(3){ width: 140px; }
#tableSmaple3 colgroup col:nth-of-type(2){ width: 100px; }

/* common */
.data-table-wrapper tbody > tr > th { width: 140px; }
.data-table-wrapper th.th-select { width: 35px; }
.data-table-wrapper th.th-drop-down { width: 35px; }
.data-table-wrapper th.th-date { width: 100px; }
.data-table-wrapper th.th-time { width: 90px; }
.data-table-wrapper th.th-term { width: 100px; }
.data-table-wrapper colgroup col:nth-of-type(3){ width: 140px; }
.data-table-wrapper th.th-act-reqest { width: 50px; }

/* 行程表 */
.itinerary-table .itinerary-date { margin-bottom: 6px; }
.driver-hotel-type { margin-top: 4px; }
.itinerary-table th.th-arr-time { width: 70px; }
.itinerary-table th.th-dept-time { width: 70px; }
.itinerary-table th.th-itinerary-type { width: 75px; }
.itinerary-table th.th-act { width: 50px; }
.itinerary-table th.th-itinerary-contact { width: 180px; }
.itinerary-table th.th-note,.vehicle-info-table th.th-note { width: 400px; }
.itinerary-table th.th-issue { width: 40px; }
.itinerary-table th.th-dispatch { width: 40px; }
.itinerary-table th.th-dismount { width: 40px; }
.itinerary-table th.th-return { width: 40px; }
.itinerary-table th.th-split { width: 40px; }
.itinerary-table .td-remark{ padding: 0!important; }
.itinerary-table .td-remark .data-table-wrapper{ margin: -1px!important; }
.float-right{ float: right!important; }

/* ダッシュボード */
#dasboardTable th.th-alert-no { width: 90px; }
#dasboardTable th.th-status { width: 120px; }
#dasboardTable th.th-notification-type { width: 120px; }
#dasboardTable th.th-code-name { width: 260px; }

/* ユーザマスタ */
#userListTable th.th-act { width: 50px; }
#userRegisterTable colgroup col:first-child{ width: 180px; }

/* 営業所マスタ */
#salesOfficeListTable th.th-act { width: 50px; }

/* 取引先マスタ */
#clientListTable th.th-act { width: 50px; }

/* 車両マスタ */
#vehicleListTable th.th-act { width: 50px; }
#vehicleRegisterAccidentHistoryTable th.th-accident-date { width: 200px; }
#vehicleRegisterAccidentHistoryTable th.th-act { width: 50px; }

/* 運転手マスタ */
#driverListTable th.th-act { width: 50px; }
#mainVehicleTypeTable th.vehicle-type { width: 80px; }
#mainVehicleTypeTable th.term { width: 340px; }
#drivingHistoryTable th.car-type { width: 120px; }
#drivingHistoryTable th.vehicle-type { width: 80px; }
#drivingHistoryTable th.term { width: 340px; }
#drivingHistoryTable th.office { width: 200px; }
#accidentHistoryTable th.accident-date { width: 200px; }
#accidentHistoryTable th.overview { width: 200px; }
#driverCodeTable th.th-th-sales-office { width: 210px; }
#driverCodeTable th.th-driver-code { width: 210px; }

/* 定型文マスタ */
#textTemplateListTable th.th-sales-office { width: 120px; }
#textTemplateListTable th.th-type { width: 120px; }
#textTemplateListTable th.th-act { width: 90px; }

/* 空車事前チェック設定 */
#emptyVehicleCheckListTable th.th-act { width: 90px; }
#seasonCalendarModal td { height: 70px!important; }
td.updated {
    background-color: var(--alert-bg-color) !important;
    box-shadow: 0 0 0 1px var(--alert-color) inset;
}

/* 手配依頼一覧（代理店） */
#arrangementListAgTable th.th-code-name { width: 200px; }
#arrangementListAgTable th.th-act { width: 165px; }

/* 手配受付確認 */
#arrangementConfirmItineraryInfoAgTable th.th-itinerary-contact { width: 120px; }

/* 手配依頼一覧 */
#arrangementListYuTable th.th-code-name { width: 200px; }
#arrangementListYuTable th.th-act { width: 145px; }
#arrangementListYuTable th.th-type-number { width: 110px; }
/* Addition Aug 2024 */
#arrangementListYuTable th.th-vehicle-number { width: 110px; }
#arrangementListYuTable th.th-driver-name { width: 90px; }

/* 手配依頼登録、受付 */
.arrangement-receipt-status-table .sub-table-wrapper th.th-use-date { width: 100px; }
.arrangement-receipt-status-table .sub-table-wrapper th.th-yi-bus { width: 400px; }
.arrangement-receipt-status-table .sub-table-wrapper th.th-other-bus { width: 400px; }

/* 運行情報 */
.content { counter-reset: number 0; }
.oparation-section .sub-header-title:after{
    counter-increment: number 1;
    content: counter(number) " ";
}

/* 定期行程 */
main { counter-reset: dayNumber 0; }
.day-count:before {
    counter-increment: dayNumber 1;
    content: counter(dayNumber);
}
#regularItineraryDispatchTable th.th-act { width: 50px; }
#regularItineraryDispatchTable tr.exception-day td { background: #eff7ff !important; }

/* 車両情報 */
.vehicle-info-table th.th-act { width: 50px; }

/* 手配依頼（代理店） */
#arrangementRegisterItineraryInfoAgTable .sub-table-wrapper th.th-guide-contact { width: auto; }
#arrangementEditAg #arrangementRegisterItineraryInfoAgTable th.th-guide-contact { width: 160px!important; }

/* 手配依頼変更、手配依頼詳細、手配受付確認 */
#arrangementEditReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-yi-bus,
#arrangementDetailReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-yi-bus,
#arrangementConfirmReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-yi-bus { width: 320px; }
#arrangementEditReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-other-bus,
#arrangementDetailReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-other-bus,
#arrangementConfirmReceiptStatusTable.arrangement-receipt-status-table .sub-table-wrapper th.th-other-bus { width: auto; }


/* 配車 */
#arrangementDispatchItineraryInfoTable th.th-date { width: 120px; }
#arrangementDispatchItineraryInfoTable th.th-passenger-num { width: 60px; }
#arrangementDispatchItineraryInfoTable th.th-guide-name { width: 100px; }
#arrangementDispatchItineraryInfoTable th.th-crew-num { width: 70px; }
#arrangementDispatchItineraryInfoTable th.th-bus-type { width: 90px; }
#arrangementDispatchItineraryInfoTable th.th-vehicle-name { width: 110px; }
#arrangementDispatchItineraryInfoTable th.th-driver-name { width: 150px; }
#arrangementDispatchItineraryInfoTable th.th-driver-contact { width: 120px; }

/* 定期行程一覧 */
#regularItineraryListTable th.th-itinerary-type { width: 90px; }
#regularItineraryListTable th.th-sales-office { width: 120px; }
#regularItineraryListTable th.th-agent-name { width: 180px; }
#regularItineraryListTable th.th-agent-staff-name { width: 100px; }
#regularItineraryListTable th.th-vehicle-type { width: 70px; }
#regularItineraryListTable th.th-contract-term { width: 100px; }
#regularItineraryListTable th.th-status { width: 90px; }
#regularItineraryListTable th.th-act { width: 70px; }

/* 定期行程 */
.regular-itinerary-info-table th.th-driver-name { width: 220px; }

/* 車両情報一覧 */
#vehicleInfoListTable th.th-act { width: 90px; }
/* 運転手情報一覧 */
#driverInfoListTable th.th-act { width: 90px; }

/* 車両点検依頼一覧 */
#vehicleInspectionRequestListTable th.th-act { width: 130px; }
#vehicleInspectionRequestListTable th.th-request-no { width: 100px; }
#vehicleInspectionRequestListTable th.th-status { width: 100px; }
#vehicleInspectionRequestListTable th.th-submit-datetime { width: 150px; }

/* 保険記録一覧 */
#insuranceListTable th.th-insurance-certificate { width: 65px; }
#insuranceListTable th.th-act { width: 90px; }

/* 事故記録一覧 */
#accidentListTable th.th-act { width: 90px; }

/* 免許証更新一覧 */
#licenseRenewalListTable th.th-act { width: 90px; }

/* 車両点検記録一覧 */
#vehicleInspectionListTable th.th-act { width: 50px; }

/* 検診・講習記録一覧 */
#testTrainingListTable th.th-act { width: 130px; }

/* 検診・講習実績登録 */
#testTrainingRegisterTable colgroup col:first-child{ width: 180px; }

/* 車両修理記録一覧 */
#vehicleRepairListTable th.th-act { width: 130px; }

/* 車両移動情報一覧 */
#vehicleMovementInfoListTable th.th-act { width: 90px; }

/* 担当ツアー一覧 */
#tourListTable th.th-act { width: 220px; }
#tourListTable th.th-code-name { width: 200px; }
#tourListTable .tour-ammount .icon { margin-right: 5px; vertical-align: middle; }

/* 指示書返却・立替金精算 */
#advancePaymentSettlementTable th.th-act { width: 50px; }

/* 指示書返却・立替金精算 */
#advancePaymentSettlementTable th.th-advance-payment-date { width: 120px; }
#advancePaymentSettlementTable th.th-advance-payment-type { width: 90px; }
#advancePaymentSettlementTable th.th-type { width: 130px; }
#advancePaymentSettlementTable th.th-payment { width: 120px; }

#currentPaymentTable th.th-breakdown { width: 120px; }
#currentPaymentTable th.th-current-payment { width: 120px; }
#currentPaymentTable th.th-act { width: 50px; }
#currentPaymentTable .select-group,
#currentPaymentTable select { width: 100%; }


/* 社員教育一覧 */
#employeeEducationListTable th.th-sales-office { width: 140px; }
#employeeEducationListTable th.th-education-type { width: 90px; }
#employeeEducationListTable th.th-education-location { width: 140px; }
#employeeEducationListTable th.th-educator { width: 160px; }
#employeeEducationListTable th.th-education-schedule { width: 120px; }
#employeeEducationListTable th.th-education-execution { width: 120px; }
#employeeEducationListTable th.th-unavailable-date { width: 220px; }
#employeeEducationListTable th.th-act { width: 130px; }

#employeeEducationRecordListTable th.th-act { width: 90px; }

/* 運転手異動情報一覧 */
#driverReshuffleListTable th.th-act { width: 50px; }

/* 社員選択ポップアップ */
#selectEmployeeTable th.th-sales-office { width: 140px; }
#selectEmployeeTable th.th-driver-id { width: 120px; }
#selectEmployeeTable th.th-driver-name { width: 180px; }
#selectEmployeeTable th.th-vehicle-type { width: 100px; }
#selectEmployeeTable th.th-tel { width: 120px; }
#selectEmployeeTable th.th-education-execution { width: 120px; }
#selectEmployeeTable th.th-possibility { width: 120px; }

/* 請求書一覧 */
#invoiceListTable th.th-confirm { width: 40px; }


/* 小口現金出納帳 */
#pettyCashBookTable th.th-act { width: 90px; }
#pettyCashBookTable th.th-resolution-user { width: 280px; }
.resolution-user-list { margin-bottom: 0; }
.resolution-user-list li { margin-bottom: 4px; }
.resolution-user-list li span { margin-right: 6px; }
#pettyCashBookTable thead { position: sticky; top: 49px; z-index: 999; }
#pettyCashBookTable th.th-file { width: 50px; }

/* 承認フロー */
#workflowTable th.th-no { width: 50px; }
#workflowTable th.th-act { width: 50px; }
#workflowTable .count:after{
    counter-increment: number 1;
    content: counter(number);
}

/* 承認フロー一覧 */
#workflowListTable th.th-workflow-name { width: 300px; }
#workflowListTable th.th-act { width: 90px; }

/* 決議承認 */
#resolutionApprovalTable th.th-act { width: 50px; }

/* 精算状況確認 */
.payment-status-table th.th-advance-payment-type { width: 120px; }
.payment-status-table th.th-driver { width: 100px; }
.payment-status-table th.th-payment { width: 120px; }
.payment-status-table th.th-act { width: 90px !important; }
.payment-status-table thead { position: sticky; top: 49px; z-index: 999; }
.payment-status-table .select-group { width: 100%; }
.payment-status-table .select-group + input { margin-top: 6px; }

.data-table-wrapper .payment-status-table th{ border: none!important;}
.payment-status-table thead th::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.payment-status-table thead tr:last-child th::before { top: 1px; }
.payment-status-table thead th:first-child::before{ border-left: none; }


/* 仮配車 */
#temporaryDispatch .dispatch-info-table th.th-cancel { width: 50px; }
#temporaryDispatch .dispatch-info-table th.th-act { width: 50px; }

/* 配車確認 */
#temporaryDispatch .assign-table th.th-act { width: 110px; }
#temporaryDispatch .other-assign-table th.th-act { width: 50px; }

/* 行程詳細 */
#itineraryDetail th.th-code-name { width: 240px; }

/* 休暇・休日記録一覧 */
#driverHolidayslListTable th.th-date { width: auto; }
#driverHolidayslListTable th.th-act { width: 130px; }

/* 予備金出納帳 */
#reserveAccountBookTable thead tr:first-child th:nth-child(2) { border-right: 4px solid #B1B1B1 !important; }
#reserveAccountBookTable tbody tr td:nth-child(7) { border-right: 4px solid #B1B1B1 !important; }
#reserveAccountBookTable tfoot tr td:nth-child(7) { border-right: 4px solid #B1B1B1 !important; }
.busro-row-color1{ background-color: #E4F4FF !important; }
.busro-row-color2{ background-color: #D4EBFF !important; }
.hanaro-row-color{ background-color: #FFEEEE !important; }
.data-table-wrapper #reserveAccountBookTable > thead ~ tbody > tr:hover > td {
    background: #E9EFF4 !important;
}

/* 予備金・立替金出金一覧 */
#reserveWithdrawalListTable th.th-act { width: 130px; }

/* 出金登録 */
tr.tr-process td { background: #E9EFF4 !important; }
.withdrawal-table thead {
    position: sticky;
    top: 49px;
    z-index: 999;
}
.data-table-wrapper .withdrawal-table th{ border: none!important;}
.withdrawal-table thead th::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-left: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
.withdrawal-table thead tr:last-child th::before { top: 1px; }
.withdrawal-table thead th:first-child::before{ border-left: none; }

/* メッセージ送信 */
#sendingReceivingTable th.th-type { width: 50px; }
#sendingReceivingTable th.th-datetime { width: 150px; }

/* 請求一覧 */
#billingListTable th.th-act { width: 80px; }
#individualBillingListTable th.th-act { width: 130px; }
#balkBillingListTable th.th-act { width: 160px; }

#unpublishedListTable thead {
    position: sticky;
    top: -17px;
    z-index: 10;
}

/* 入金処理及び確認 */
#confirmPaymentListTable th.th-act { width: 50px; }

/* 一括請求登録 */
#balkDepositRegisterTable th.th-act { width: 50px; }

/* 締め処理 */
#closingListTable th.th-act { width: 50px; }
#closingDate {
    font-size: 16px;
    vertical-align: middle;
}

/* デジタコCSV取込履歴 */
#digitachoUploadingHistoryListTable th.th-uploading-date { width: 180px; }
#digitachoUploadingHistoryListTable th.th-act { width: 90px; }

/* 勤怠表一覧 */
#attendanceRecordListTable th.th-act { width: 70px; }

/* 勤怠表 */
#attendanceRecordIndividualListTable th.th-info { width: 40px; }
#attendanceRecordIndividualListTable th.th-details { width: 500px; }
#attendanceRecordIndividualListTable th.th-act { width: 50px; }

/* 売上集計 */
#occupancyRatesAggregateListTable {
	border-collapse: separate;
}
#occupancyRatesAggregateListTable th.th-number { width: 40px;}
#occupancyRatesAggregateListTable th.th-sales { width: 160px;}
#occupancyRatesAggregateListTable th.th-ratio { width: 90px;}
#occupancyRatesAggregateListTable th.th-prev-year-sales { width: 160px;}
#occupancyRatesAggregateListTable th.th-yoy { width: 90px;}

/* 稼働率集計 */
#occupancyRatesAggregateListTable .sticky{ bottom: auto; }
#occupancyRatesAggregateListTable th.th-aggregating-units { width:  80px;}
#occupancyRatesAggregateListTable th.th-sales-office { width: 120px;}
#occupancyRatesAggregateListTable th.th-vehicle-type { width: 100px;}
#occupancyRatesAggregateListTable th.th-single-year { max-width: 720px; }
#occupancyRatesAggregateListTable th.th-total { width: 140px; border-right: 1px solid var(--border-color); }
#occupancyRatesAggregateListTable th.th-single-month { width: 60px; }

.overflow-table-wrapper:has(#occupancyRatesAggregateListTable) {
    overflow: auto;
    height: 500px;
}
.data-table-wrapper #occupancyRatesAggregateListTable {
	width: max-content;
}
#occupancyRatesAggregateListTable thead {
    position: sticky;
    top: 0;
    z-index: 2;
}
#occupancyRatesAggregateListTable th.th-aggregating-units,
#occupancyRatesAggregateListTable th.th-sales-office,
#occupancyRatesAggregateListTable th.th-vehicle-type {
    position: sticky!important;
    left: 0;
    z-index: 3;
}
#occupancyRatesAggregateListTable th.th-sales-office { left: 80px; }
#occupancyRatesAggregateListTable th.th-vehicle-type { left: 200px; }
#occupancyRatesAggregateListTable tbody tr:first-child td.sticky:nth-of-type(1) {
    position: sticky;
    left: 0;
    z-index: 1;
}
#occupancyRatesAggregateListTable tbody td.sticky:nth-of-type(2),
#occupancyRatesAggregateListTable tr:not(:first-child) td.sticky:nth-of-type(1) {
    position: sticky;
    left: 80px;
    z-index: 1;
}
tbody .type-sticky {
    position: sticky;
    left: 200px;
}
.data-table-wrapper table#occupancyRatesAggregateListTable { border: none; }
#occupancyRatesAggregateListTable th, #occupancyRatesAggregateListTable td { border: none; }
#occupancyRatesAggregateListTable tbody tr:first-child td:first-child:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-left: 1px solid var(--border-color);
}
#occupancyRatesAggregateListTable td.sticky:before,
#occupancyRatesAggregateListTable td.type-sticky:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-right: 1px solid var(--border-color);
    border-bottom:  1px solid var(--border-color);
}
#occupancyRatesAggregateListTable th.th-aggregating-units::before,
#occupancyRatesAggregateListTable th.th-sales-office::before,
#occupancyRatesAggregateListTable th.th-vehicle-type::before,
#occupancyRatesAggregateListTable th.th-single-year::before,
#occupancyRatesAggregateListTable th.th-total::before{
    border-top: 1px solid var(--border-color);
}
#occupancyRatesAggregateListTable th.th-vehicle-type::before{
    border-right: 1px solid var(--border-color);
}
/* .data-table-wrapper #occupancyRatesAggregateListTable th{ border: none!important;} */
#occupancyRatesAggregateListTable thead th::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border-right: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}
#occupancyRatesAggregateListTable thead th:first-child::before {
    border-left: 1px solid var(--border-color);
}
#occupancyRatesAggregateListTable .th-single-month:first-child::before {
    border-left: none;
}
/* #occupancyRatesAggregateListTable thead tr:last-child th::before { top: 1px; } */
#occupancyRatesAggregateListTable td:not(.sticky):not(.type-sticky) {
    border-right: 1px solid var(--border-color);
    border-bottom:  1px solid var(--border-color);
}

/* 送信一覧 */
#sendListTable th.th-sales-office { width: 120px; }
#sendListTable th.th-send-type { width: 140px; }
#sendListTable th.th-send-division { width: 160px; }
#sendListTable th.th-send-date { width: 160px; }
#sendListTable th.th-sender { width: 140px; }
#sendListTable th.th-send-status { width: 90px; }
#sendListTable th.th-act { width: 50px; }

/* 予備金・立替金確認 */
#guideRsvHistoryTable th.th-sign,
#advancePaymentHistoryTable th.th-sign { width: 80px; }


/* ************************************** */
/* individual */
/* ************************************** */
/* ステッカープレビュー */
.sticker-preview-wrapper {
    padding: 6px;
}
.sticker-preview-wrapper .preview-img {
    border: 1px solid;
    max-width: 300px;
    max-height: 200px;
}

/* 運転手一覧 */
tr.vehicle-unavailable td {
    background-color: #EEEEEE!important;
}

/* ダッシュボード */
tr.unread {
    font-weight: bold;
}

/* 手配依頼受付（代理店） */
.note{
    color: var(--alert-color);
}

/* 手配依頼詳細 */
.hotel-tag,
.group-tag {
    border: 1px solid black;
    padding: 2px 6px;
    margin-right: 3px;
    font-size: 10px;
    background-color: white;
}
.hotel-tag-wrapper:first-child {
    margin-top: 6px;
}
.hotel-tag-wrapper {
    margin-bottom: 6px;
}
/* 団体別テーブルヘッダー */
.group-tag-wrapper {
    display: flex;
    align-items: center;
    gap: 0 3px;
}

/* 配車 */
#arrangementDispatchItineraryInfoTable tbody{
    position: relative;
}
td.td-split {
    position: relative;
}
tr.tr-split-date td {
    padding: 0!important;
}
.td-split .icon.split {
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -8px;
    z-index: 1;
}
.split.split-date {
    position: absolute;
    bottom: -7px;
    right: 12px;
    z-index: 1;
}
.itinerary-table tbody:last-child .split-date:last-of-type {
    display: none;
}
#arrangementDispatch .oparation-section.base .del-oparation-info,
#arrangementDispatch .oparation-section.base .itinerary-table .th-act,
#arrangementDispatch .oparation-section.base .itinerary-table .td-act,
#arrangementDispatch .oparation-section.base .itinerary-table .remove-date{
    display: none!important;
}

#arrangementDispatch .dispatch-btn-wrapper {
    position: relative;
}
#arrangementDispatch .dispatch-btn-wrapper button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
#arrangementDispatch .dispatch-btn-wrapper button.estimated {
    left: 90px;
}
#arrangementDispatch .dispatch-btn-wrapper button.actual {
    left: 190px;
}

/* 行程表ドロップダウン */
.itinenary-dropdown ul.dropdown-menu {
    left: 0;
    text-align: left;
}
.itinenary-dropdown li.dropdown-header {
    padding: 4px 10px;
    background: #E9EFF4;
    font-weight: bold;
    color: #347AB8;
}

/* 定期行程 */
.week-checkbox, .select-date-calendar {
	display: none;
	margin-left: 1.5em;
}
.week-checkbox {
	padding-top: 5px;
}
.week-checkbox label {
    padding: 3px 0px 3px 3px!important;
}
.week-checkbox span {
    position: relative;
    padding: 0px 3px 0px 25px;
}
.week-checkbox input[type="checkbox"] + span:before,
.week-checkbox input[type="checkbox"]:checked + span:after {
    top: 1px;
}
/* 定期行程日別カレンダー */
.select-date-calendar {
	width: 350px;
	height: auto;
}

/* 月選択 */
.select-date-calendar .ym_select_wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
    margin-bottom: 6px;
}
#year-month-input {
    margin: 0 6px;
    text-align: center;
  }
.next-prev-button button {
	margin: 5px 0;
	padding: 2px 10px;
	font-size: 1.25rem;
	color: var(--text-color);
    cursor: pointer;
    background: #f0f0f0;
	border: none;
	border-radius: 5px; 
}
.next-prev-button button:hover {
	color: var(--white);
	background: var(--link-color);
}
#next img,#prev img,#nextW img,#prevW img{
    height: 10px;
    vertical-align: middle;
}

/* カレンダー */
#regularItinerarySchedule {
	width: 100%;
	text-align: center;
}
#regularItinerarySchedule table {
	table-layout: auto;
}

/* Sundays */
#regularItinerarySchedule th {
	width: 60px;
	text-align: center
}
#regularItinerarySchedule .dayOfWeek th:first-child {
	color: var(--badge-red);
}
/* Saturdays */
#regularItinerarySchedule .dayOfWeek th:last-child {
	color: #006eb1;
}
/* Months Before and After: dates disabled */
/* #regularItinerarySchedule td.disabled {
	color: var(--border-color);
} */


/* Calendar Dates */
#regularItinerarySchedule button {
	width: 100%;
	height: 100%;
	padding: 0.5rem 0;
	text-align: center;
	font-size: 12px;
	border: none;
	background: transparent;
	cursor: pointer;
}
#regularItinerarySchedule button:hover,
#regularItinerarySchedule button.today:hover {
	color: #0075E5;
	background: var(--white);
}
#regularItinerarySchedule button:disabled {
	cursor: default;
}
#regularItinerarySchedule button:disabled,
#regularItinerarySchedule button:disabled:hover {
	color: inherit;
	background: inherit;
}
#regularItinerarySchedule button.scheduled {
	font-weight: bold;
	color: var(--white);
	background: #347AB8;
}

/* 車種/台数 */
.bus-type-count label {
    width: 50px;
}

/* キャンバス */
.canvas-container {
    text-align: center;
}
canvas.canvas {
    border: 1px solid #0075E5;
}

/* 社員教育予定登録 */
.student-selected {
	margin-left: 5px;
	font-size: 10px;
}

/* 承認サイン */
.sign {
    margin-bottom: 6px;
    background: #F6F7E2;
    min-height: 200px;
    display: flex;
    justify-content: center;
}
.sign img {
    margin: auto;
    display: block;
}

/* 予備金出納帳 */
tr.busro-deposit td {
    background-color: #FFFDDE!important;
}

/* 勤怠表 */
#officeWorkSelect{
    display: inline-block;
}


@media (max-width: 500px) {
    #returnPayment .tab-menu {
        position: sticky!important;
        top: 49px;
        z-index: 999;
    }
    /* タブが1つの場合 */
    #returnPayment .tab-menu:has(.tab-label:nth-child(1)) .tab-label {
        width: 100%;
    }
    /* タブが2つの場合 */
    #returnPayment .tab-menu:has(.tab-label:nth-child(2)) .tab-label {
        width: 50%;
    }
    /* タブが3つの場合 */
    #returnPayment .tab-menu:has(.tab-label:nth-child(3)) .tab-label {
        width: 33.33%;
    }
}

/* HANATOUR専用見出し */
h2.hanatour-title{
    border: 1px solid var(--quaternary-color);
    background-color: #e9d9ff;
}