@charset "UTF-8";
/* @import url(./reset.css); */

/* Fonts */
html>body {
    font-size: 13px;
    max-height: 100vh;
    font-family: 'Lato', 'Noto Sans Japanese', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.topnav.navbar-light .navbar-brand {
    color: #f0f0f0;
}
/* ヘッダ固定行をサイドナビ幅に合わせる（ここから） */
/*
.nav-fixed #layoutSidenav #layoutSidenav_nav {
    width: 16.5rem !important;
}
.nav-fixed #layoutSidenav #layoutSidenav_content {
    padding-left: 16.5rem !important;
    top: 0rem !important;
}

.nav-fixed #sidenavAccordion {
    width: 3.75rem !important;
}
.sidenav-toggled #sidenavAccordion {
    width: 16.5rem !important;
}
.nav-fixed #sidebarToggle {
    margin-left: 8px;
}
.sidenav-toggled #sidebarToggle {
    margin-left: 0px;
}
.nav-fixed .page-header-title {
    margin-left: 3.75rem;
}
.sidenav-toggled .page-header-title {
    margin-left: unset;
}
.nav-fixed #sidenavAccordion .navbar-brand,
.nav-fixed #sidenavAccordion .navbar-nav {
    display: none;
}
.sidenav-toggled #sidenavAccordion .navbar-brand,
.sidenav-toggled #sidenavAccordion .navbar-nav {
    display: unset;
}
.nav-fixed #layoutSidenav #layoutSidenav_nav {
    transform: translateX(-16.5rem) !important;
}
.sidenav-toggled #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0) !important;
}
.nav-fixed #layoutSidenav #layoutSidenav_content {
    margin-left: -16.5rem !important;
}
.sidenav-toggled #layoutSidenav #layoutSidenav_content {
    margin-left: -16.5rem !important;
}

@media (min-width:992px) {
    .nav-fixed #sidenavAccordion {
        width: 16.5rem !important;
    }
    .sidenav-toggled #sidenavAccordion {
        width: 3.75rem !important;
    }
    .nav-fixed .page-header-title {
        margin-left: unset;
    }
    .sidenav-toggled .page-header-title {
        margin-left: 3.75rem;
    }
    .nav-fixed #sidenavAccordion .navbar-brand,
    .nav-fixed #sidenavAccordion .navbar-nav {
        display: unset;
    }
    .sidenav-toggled #sidenavAccordion .navbar-brand,
    .sidenav-toggled #sidenavAccordion .navbar-nav {
        display: none;
    }
    .nav-fixed #layoutSidenav #layoutSidenav_nav {
        width: 16.5rem !important;
        transform: translateX(0) !important;
    }
    .sidenav-toggled #layoutSidenav #layoutSidenav_nav {
        transform: translateX(-16.5rem) !important;
    }
    .nav-fixed #layoutSidenav #layoutSidenav_content {
        margin-left: 0 !important;
    }
    .sidenav-toggled #layoutSidenav #layoutSidenav_content {
        margin-left: -16.5rem !important;
    }
}
*/
/* ヘッダ固定行をサイドナビ幅に合わせる（ここまで） */
.nav-fixed .page-header-title-row {
    display: table !important;
    width: 100%;
}
.nav-fixed .page-header-title-row .page-header-title {
    display: table-cell;
    white-space: nowrap;
    padding-right: 1.0rem;
    margin-bottom: 0.5rem !important;
    width: 1%;
}
.nav-fixed .page-header-title-row .page-header-action {
    display: table-cell;
    width: 99%;
}
.nav-fixed .page-header-title-row .page-header-action-left {
    display: table-cell;
    text-align: left;
    width: auto;
}
.nav-fixed .page-header-title-row .page-header-action-right {
    display: table-cell;
    text-align: right;
    width: 1%;
}
.nav-fixed .page-header-title-row a,
.nav-fixed .page-header-action-row a {
    white-space: nowrap;
    margin-bottom: 0.5rem !important;
    margin-right: 0.25rem !important;
}
@media (max-width:500px) {
    .nav-fixed .page-header-title-row .page-header-title,
    .nav-fixed .page-header-title-row .page-header-action {
        display: block;
    }
    .nav-fixed .page-header-title-row .page-header-action-left,
    .nav-fixed .page-header-title-row .page-header-action-right {
        display: inline-block;
        width: auto;
    }
}

.text-left,
.text-align-left {
    text-align: left !important;
}
.text-center,
.text-align-center {
    text-align: center !important;
}
.text-right,
.text-align-right {
    text-align: right !important;
}
.valign-top {
    vertical-align: top !important;
}
.valign-middle {
    vertical-align: middle !important;
}
.valign-bottom {
    vertical-align: bottom !important;
}
.hide {
    display: none !important;
}


/* 必須 */
.required>label {
    padding-top: 0.3em;
    white-space: nowrap;
}
.required>label::after {
    content: "必須";
    background-color: #cc0000;
    color: #fff;
    font-size: 0.9em;
    padding: 0.3em 0.7em;
    border-radius: 0.5em;
    margin: 0.3em 0.7em;
    line-height: 1;
}

.sticky-top {
    top: 3.624rem;
}
/**  テーブル共通文字の折り返し */
table td {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}
/* 折り返ししない */
table.text-nowrap tr td,
table tr.text-nowrap td,
table tr td.text-nowrap {
    white-space: nowrap;
}
/* 折り返しする */
table.text-wrap tr td,
table tr.text-wrap td,
table tr td.text-wrap {
    overflow-wrap: break-word;
    word-wrap: break-word;
    white-space: normal;
}

/* 一覧 */
.list_table {
    width: auto;
}
.list_table th,
.list_table td {
    /*padding: 5px !important;*/
    /*width: 1px;*/
    font-size: 0.875rem;
    line-height: 1rem;
}
.list_table th {
    padding: 4px !important;
}
.list_table td {
    padding: 3px !important;
}
.list_table thead .list_title_row th {
    vertical-align: bottom;
}
.list_table tfoot .list_title_row th {
    vertical-align: top;
}
.list_table .list_filter_set,
.list_table .list_filter_unset {
    padding-top: 5px;
    padding-bottom: 5px;
}
.list_table .list_filter_unset {
    margin-top: 1px;
}
.list_table th {
    text-align: center !important;
}
.list_table td.filter_col_id,
.list_table td.filter_col_sort,
.list_table td.filter_col_slip_no {
    width: 1px;
}
.list_table td.filter_col_date {
    max-width: 115px;
}
.list_table td.filter_col_state {
    min-width: 105px;
}
.list_table .list_title_row {
    /*background-color: #99cc99;*/
    background-color: #99ccff;
}
.list_table .list_filter_row {
    /* background-color: #ccffcc; */
    background-color: #ccecff;
}
.list_table .list_filter_row td {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
.list_table .list_summary_row th,
.list_table .list_summary_row td {
    background-color: #99cc99;
    font-weight: bold;
    text-align: right !important;
}
.list_table .list_summary_row td.value {
    background-color: #ccffcc;
}
.list_table .list_filter_row input[type=text],
.list_table .list_filter_row input[type=date],
.list_table .list_filter_row input[type=number],
.list_table .list_filter_row input[type=datetime-local],
.list_table .list_filter_row select {
    padding: 0.25rem !important;
}
.list_table .list_filter_row input[type=text] {
    min-width: 45px;
}
.list_table .list_filter_row input[type=number] {
    min-width: 60px;
}
.list_table .list_filter_row .list_filter_print_type {
    min-width: 90px;
    background-position: right 0.3rem center;
}
.list_table .list_filter_row .list_filter_tax_type {
    min-width: 90px;
    background-position: right 0.3rem center;
}
.list_table .list_filter_row .list_filter_enabled {
    min-width: 75px;
    background-position: right 0.3rem center;
}
.list_table .list_filter_row .list_filter_onoff {
    min-width: 50px;
    background-position: right 0.3rem center;
}
.list_table .list_filter_row .list_filter_checked {
    min-width: 50px;
    background-position: right 0.3rem center;
}
.list_table .list_filter_row .list_filter_zenkaku6 {
    min-width: 115px;
    background-position: right 0.3rem center;
}

.list_table .width-auto {
    width: auto;
}
.list_table .width-1per {
    width: 1%;
}
.list_table .width-1px {
    width: 1px;
}
.list_table .font-size-smaller {
    font-size: smaller;
}
.list_table th.action {
    width: 1px;
}
.list_table th.action,
.list_table td.action {
    white-space: normal !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 10pt;
    padding: 2px 5px !important;
}
.list_table th.check,
.list_table td.check {
    text-align: center !important;
}
.list_table td.check {
    padding: 2px 5px !important;
}
.list_table .customer_name,
.list_table .customer_kana,
.list_table .category_name,
.list_table .line_name,
.list_table .location_name {
    width: auto;
    white-space: normal;
    min-width: 120pt;
}
.list_table .product_name {
    width: auto;
    white-space: nowrap;
    min-width: 120pt;
}
.list_table .slip_date {
    font-size: 0.8rem;
    color: #B9B9B9;
}
.list_table .saved {
    font-size: 0.875rem;
    line-height: 1.0rem;
    padding: 0;
    margin: 0;
}
.list_table .saved span {
    font-size: 0.75rem;
    margin-left: 4px;
}
.list_table .saved_by {
    font-size: 0.75rem;
    padding: 0;
    margin: 0;
}
.card .card-header {
    color: #363d47 !important;
}
.card .master_code,
.list_table .master_code {
    font-size: 0.7rem;
    color: #B9B9B9;
    padding: 0 3px 3px 0;
    margin: 0;
}
.card .master_name,
.list_table .master_name {
    font-size: 0.875rem;
    line-height: 1.0rem;
    padding: 0;
    margin: 0;
}

.list_table ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.list_table ul li {
    border-bottom: #e1e5ec;
    border-bottom-style: dotted;
    border-bottom-width: 2px;

}

/* 詳細 */
.card .code_lock,
.card .code_readonly {
    display: inline-block;
    border: 1px solid #c5ccd6;
    background-color: #ccffcc;
    border-radius: 5px;
    /*padding: 6px 12px;*/
    padding: 3px 6px;
    font-weight: bold;
    font-size: 16pt;
    white-space: nowrap;
}
.card .code_lock .master_code,
.card .code_readonly .master_code {
    font-weight: normal;
    font-size: 9pt;
    line-height: 9pt;
    padding-bottom: 3pt;
}
.card .code_lock .master_name,
.card .code_readonly .master_name {
    font-size: 16pt;
    line-height: 16pt;
}
.card .notice {
    font-size: smaller;
    padding-top: 1pt;
    padding-left: 1pt;
    color: #999999 !important;
    white-space: nowrap;
}

.list_table .disabled,
.card .disabled {
    color: #ff0000 !important;
}
.list_table .disabled {
    background-color: #ffcccc !important;
}
.list_table .pending,
.card .pending {
    color: #999900 !important;
}
.list_table .pending {
    background-color: #ffffcc !important;
}
.list_table .retry,
.card .retry {
    color: #990000 !important;
}
.list_table .retry {
    background-color: #ffcccc !important;
}
.list_table .fixed,
.card .fixed {
    color: #0000ff !important;
}

.card-body .histories_title {
    margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: 1px solid gray;
    font-weight: bold;
    font-size: 14pt;
}
.card-body .histories {
    width: auto;
}
.card-body .histories th,
.card-body .histories td {
    text-align: center;
    padding: 2px 4px;
    font-size: 9.5pt;
}
.card-body .histories th,
.card-body .histories td {
    white-space: normal;
    word-break: keep-all;
}
.card-body .histories td.different {
    background-color: #ffcc99 !important;
    /* dummy */
}
.card-body .histories td.different2 {
    white-space: nowrap;
}