@charset "utf-8";

html {
    min-height: 100%;
    position: relative;
}

body {
    font-family: 'Noto Sans JP', sans-serif, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック";
    letter-spacing: 0.15em;
    height: 100%;
    margin-bottom: 50px;
}

body:after {
    background: #E4E5E6;
}

@media (max-width: 540px) {
    main {
        font-size: 14px;
    }
    main small,
    main .small {
        font-size: 12px !important;
    }
}
@media (max-width: 320px) {
    small,
    .small {
        font-size: 12px !important;
    }
}

/* 既存クラス */
.container:not(#login) {
    max-width: 1500px !important;
}
.modal-footer {
    /*justify-content: space-evenly;*/
    justify-content: space-around;
}
.form-group label:first-child {
    font-weight: bold;
}

table.table tr td,
table.table tr th {
    vertical-align: middle;
}


/* ログイン */
#login {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 600px;
    /*max-width: 800px;*/
}

/* バリデーション */
.validation_error {
    color: #f56954;
    margin-top: 5px;
}

@media (max-width: 768px) {
    #login {
        height: inherit !important;
        position: inherit;
        margin-top: 3rem;
    }
}
@media (max-height: 700px) {
    #login {
        height: inherit !important;
        position: inherit;
        margin-top: 3rem;
    }
}

footer {
    bottom: 0;
    line-height: 50px;
    position: absolute;
    width: 100%;
}

footer {
    margin-left: 0 !important;
}

@media (max-width: 575.98px) {
    footer {
        z-index: 2000;
    }
}

td.sort {
    width: 40px;
    text-align: center;
}
td.sort:hover {
    color: #20a8d8;
}

.sort-disabled {
    color: #AAAAAA;
}

/*ホーム*/
.app-header .navbar-brand {
    width: 200px;
}

.brand-minimized .app-header .navbar-brand {
    width: 200px!important;
}
/*画像管理*/
.image_header_link:hover {
    text-decoration: none;
}
.image_header_div:hover {
    background-color: rgba(0,0,0,.075);
}
.select_image:hover {
    border: 1px solid #444d55!important;
}

/* 並び替え */
td.sort svg.fa-arrow-down, td.sort svg.fa-arrow-up {
    cursor: pointer;
}
td.sort svg.fa-arrow-down.sort-disabled, td.sort svg.fa-arrow-up.sort-disabled {
    cursor: default;
}
.modal-backdrop._static {
    background-color: #888;
    opacity: 0.6 !important;
}
.custom-radio {
    margin-top: 4px;
}
/* 注文入力*/
.order-customer-entry select {
    display: inline-block;
}
.order-customer-entry button {
    margin-top: -4px;
}
table.productListTable .entryProductCode {
    display: inline-block;
    width: 250px;
}
table.productListTable .deleteBtn {
    float: right;
}
table.productListTable span.productSum {
    line-height: 32px;
}
table.productListTable .no-border {
    border: none;
}
table.productListTable .no-border-bottom {
    border-bottom: none;
}
table.productListTable .sumNumber {
    /*padding-right: 40px;*/
    text-align: right;
}
table.productListTable .sumNumber span {
    margin-left: 60px;
}
#productSearchModal .searchText {
    display: inline-block;
}
#productSearchModal .modal-dialog {
    max-width: 1024px;
}
#customerSearchModal .modal-dialog  {
    max-width: 580px;
}
#productSearchListBox, #customerSearchListBox {
    max-height: 500px;
    overflow-y: scroll;
}
#customerSearchListBox ol {
    list-style: none;
    padding-left: 0;
}
#customerSearchListBox ol li {
    font-size: 16px;
    padding: 8px;
}
#productSearchListBox ol li input, #customerSearchListBox ol li input {
    margin-top: 7px;
}
#productSearchListBox .box {
    padding: 0 !important;
}
#productSearchListBox input {
    margin-left: 20px;
    margin-top: -6px;
}
/* 受注詳細 */
table.order-detail-table tbody tr td select.transport,
table.order-detail-table tbody tr td input.invoiceNumber,
table.order-detail-table tbody tr td select.bulk-transport,
table.order-detail-table tbody tr td input.bulk-invoiceNumber {
    width: 140px;
    display: inline-block;
}
table.order-detail-table tbody tr.bulk-row td {
    padding-top: 4px;
    padding-bottom: 4px;
}
table.order-detail-table tbody tr.bulk-row button {
    padding-top: 4px;
    padding-bottom: 4px;
}
table.order-detail-table tbody tr.bulk-row td.bulk-box {
    position: relative;
}
table.order-detail-table tbody tr.bulk-row td.bulk-box button {
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: auto;
}
.bulk-caution {
    text-align: left;
    color: red;
}
/* 管理者登録・編集フォーム */
#admin_form .noShow {
    display: none;
}
#admin_form #padlock {
    border-top: 1px solid #e4e7ea;
    border-right: 1px solid #e4e7ea;
    border-bottom: 1px solid #e4e7ea;
}
/* 商品一覧 */
#product_list_search_continueFlg div.custom-checkbox:first-child {
    margin-right: 20px !important;
}
/* 商品編集 */
.imgBox {
    display: block;
}
.imgBox img {
    max-width: 300px;
    max-height: 300px;
}
.product_edit .content {
    line-height: 32px;
}
/* ローディング */
.initialLoading {
    display: inline-block;
    margin-left: 20px;
}
/* 得意先登録 */
#customer_zipCode_help {
    margin-bottom: 0;
}
/*受注登録*/
#productSearchModal .list-item-cover {
    display: inline-block;
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 180px;
    background-size: contain;
}