/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: local('Material Icons'), url(../lib/googlefonts/MaterialIcons-Regular.ttf);
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: local('Material Icons'), url(../lib/googlefonts/MaterialIconsOutlined-Regular.otf);
}

.material-icons-outlined {
    font-family: 'Material Icons Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: "Material Symbols Outlined";
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
    src: url("../lib/googlefonts/material-symbols-outlined.woff2") format("woff2");
}

.material-icons {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

.material-symbols-outlined {
    font-family: "Material Symbols Outlined";
    font-weight: 300;
    font-style: normal;
    font-size: 22px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
}

.material-symbols-outlined-translate {
    font-family: "Material Symbols Outlined";
    font-weight: 300;
    font-style: normal;
    font-size: 20px;
    width:30px;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "liga";
}

@font-face {
    font-family: 'Material Icons Round';
    font-style: normal;
    font-weight: 400;
    font-display: optional;
    src: local('Material Icons'), url(../lib/googlefonts/MaterialIconsRound-Regular.otf);
}

.material-icons-round {
    font-family: 'Material Icons Round';
    font-weight: normal;
    font-style: normal;
    font-size: 22px; /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

@font-face {
    font-family: 'Libre Baskerville';
    font-display: optional;
    src: url('../lib/googlefonts/LibreBaskerville-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'Noto Sans JP';
    font-display: optional;
    src: url('../lib/googlefonts/NotoSansJP-Light.otf') format("opentype");
}

@font-face {
    font-family: 'Noto Serif JP';
    font-display: optional;
    src: url('../lib/googlefonts/NotoSerifJP-Regular.otf') format("opentype");
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
    color: #181818;
    font-size: 19px;
    text-decoration: none;
    margin-right: 15px;
    font-family: 'Libre Baskerville', serif;
}


/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 60px;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    padding-top: 45px; /*ヘッダー分の高さを余白に設定*/
    color: #181818!important;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 60px; /* Vertically center the text there */
}

h2, h3, h5 {
    color: #181818;
    font-weight: 500;
    font-family: 'Noto Sans JP';
}

main {
    padding-top: 15px;
}


.drawer-nav,
dataTables_filter,
.dataTables_wrapper {
    color: #181818!important;
}

.dropdown-solid {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.operationBtn {
    border: none;
    outline: none;
    background: transparent;
    padding: 6px 7px 0px 7px;
}

table td {
    overflow-wrap: break-word;
    color: #181818;
    word-break: break-all;
}


.dropdown-menu {
    color: #181818!important;
}

/*仕様選定画面関連css*/
@media screen and (max-width:600px) {
    #categoryContent {
        display: block !important;
    }
    body, #configRow {
        min-height: 700px!important;
    }
}

@media screen and (min-width:600px) {
    #categoryContent {
        display: block;
    }
}

/*画面コンテンツ全体的な幅設定(ディスプレイサイズが大きい場合に大きくなりすぎるのを防ぐ)*/
@media screen and (min-width:1400px) {
    main{
        width:1280px;
        margin:auto;    
    }
}
@media screen and (max-width:1399px) {
    main {
        width: 100%;
    }
}

button:disabled:hover,
a:disabled:hover{
    cursor:not-allowed!important;
}


.configSection {
    cursor: pointer
}

.sidebar {
    border-left: 1px solid lightgrey;
}

.sidebartoggler, #priceDetailLink, .cancel-link:hover, .dropdown-item:hover {
    cursor: pointer
}

    .sidebartoggler:hover {
        background: #dee2e6;
        border-radius: 20%;
    }

#menuNavbar {
    width: 100%;
    z-index:200!important;
}

.configContent {
    left: 16%;
}


.selectedItemTitle {
    border-bottom: solid 2px;
    color: #4472C4;
    width: 87%;
    font-weight: bold;
}


.priceUnit {
    font-size: 13px;
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 0px;
}

.form-check-label {
    white-space: nowrap;
}

#footer_navigation {
    position: fixed;
    bottom: 0;
    z-index: 12;
}


/*ページネーション関連css*/
.more-page {
    font-size: 30px;
    vertical-align: top;
    color: #9e9e9e;
    width: 30px;
}

    .more-page span:hover {
        background: none;
        cursor: default;
    }   

.page-number-size {
    font-size: 14px;
}

.page-range {
    float: right;
    display: inline-flex;
    align-items: center;
}

.page-icon {
    font-size: 14px;
    padding: 6px;
    display: inline-flex;
    align-items: center;
    height: 35px;
}

.current-page {
    background-color: rgba(220, 220, 220,2);
    color: #696969;
}

.disabled-button, .disabled-button:hover {
    background-color: rgba(245, 245, 245,2);
    color: rgba(220, 220, 220,2);
    text-decoration: none;
    cursor: not-allowed;
}

    .disabled-button span:hover {
        cursor: not-allowed;
    }

    #pageButton_return:hover {
        cursor: pointer;
    }

#pageButton_next:hover {
    cursor: pointer;
}

.material-icons, .material-icons-outlined, .icon, .material-symbols-outlined {
    cursor: pointer;
}

.material-icons:hover, .material-icons-outlined:hover, .operationBtn:hover, .icon:hover, .material-symbols-outlined:hover {
    background: #dee2e6;
    border-radius: 90%;
}

/*ホバーしたときのグレーも部分の大きさ調整*/
/*他の箇所でもpaddingを設定しても問題ないようであれば、.material-iconsなどの共通のクラスに指定する*/
#branchTabArea .material-icons, #menuNavbar .material-icons-outlined
{
    padding: 4px !important;
}

.operationBtn:disabled:hover {
    cursor: not-allowed;
    pointer-events: initial;
    background: none;
}

.messageArea-close {
    vertical-align: -2px;
    position: absolute;
    right: 5%;
}

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

/*遷移時エラー・更新成功メッセージ*/
.confirm-msg-area {
    display: flex;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

/*閉じる確認モーダル関連css*/
.btn-body {
    text-align: center;
    padding: 5% 1% 0% 1%;
}

.btn-footer {
    text-align: center;
    padding: 0% 1% 1% 1%;
}

.btn-confirm-ok {
    text-align: center;
    margin: 0% 5% 3% 5%;
    padding: 1% 5%;
    background-color: #1b6ec2;
    color: white;
}

    .btn-confirm-ok:hover {
        color: white;
    }

.btn-confirm-cancel {
    text-align: center;
    padding: 1% 3%;
    margin: 0% 5% 3% 5%;
    background-color: #dee2e6;
    color: #343a40;
}

.branchTab a:hover {
    cursor: pointer;
}

.required {
    color: red;
    vertical-align: middle;
    display: inline;
}

.modal-footer {
    border-top: none;
}

.modal-header-msg {
    font-size: 18px;
    font-weight: bold;
}

.config-name {
    font-size: 12px;
    position: absolute;
    top: -15px;
}

.price-name {
    font-size: 12px;
    position: absolute;
    top: -10px;
}

.price-total-name {
    font-size: 12px;
    font-weight: bold
}

.price-breakdpwn-link::after {
    font-family: "Material Icons Outlined";
    content: "open_in_new";
}



.navbarContainer {
    background-color: #87E0D8;
    height:40px;
}

.title-partition {
    font-size: 19px;
    padding-bottom: 7px;
    margin-top: 1px
}


#screenTitle, #modelsSideItemListTitle {
    font-family: 'Noto Serif JP', serif;
    margin-left: 15px
}

#screenTitle {
    margin-bottom: 6px;
    font-size: 18px;
    margin-top: 1px;
}

#sidr {
    margin: auto;
    padding: 0; /*drawerスタイル上書き*/
}

/*drawerスタイル上書き*/
.drawer--left.drawer-open .drawer-hamburger {
    left: 0 !important;
}

.drawer-nav {
    z-index: 170 !important;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}

.drawer-overlay {
    z-index: 169 !important;
    background-color: rgba(0,0,0,0.65) !important;
}

.drawer-menu a {
    color: #000;
    text-decoration: none;
    opacity: 0.8;
    font-size: 14px;
}

    .drawer-menu a:hover {
        opacity: 1;
        transition: .1s all;
    }

.drawer-nav a {
    opacity: 0.9;
}

#backAction {
    margin: auto;
    padding: 4px;
    text-decoration:none;
}

.btn-own-primary {
    background-color: #87E0D8;
    color: #181818;
    box-shadow: 1px 2px 2px rgb(0 0 0 / 30%);
    cursor: pointer;
}

    .btn-own-primary:hover {
        background-color: #34C6B8!important;
    }

    .btn-own-primary:disabled {
        cursor: not-allowed!important;
        pointer-events: initial!important;
        background-color: #b6b7b7!important;
        box-shadow: none;
    }

.btn-own-disabled {
    cursor: not-allowed !important;
    pointer-events: initial !important;
    background-color: #b6b7b7 !important;
    box-shadow: none;
    opacity: .65;
}

.btn-outline-secondary {
    background-color: #fff;
    border-color: #c1c1c1;
    color: #181818;
}

    .btn-outline-secondary:hover {
        background-color: #f0f0f0;
        border-color: #c1c1c1;
        color: #181818;
    }

    .btn-outline-secondary:disabled {
        cursor: not-allowed;
        pointer-events: initial;
        background-color: #f0f0f0;
        color: #6c757d!important;
    }

.disabled-shadow-btn:disabled {
    box-shadow: 1px 2px 2px rgb(0 0 0 / 39%)!important;
}

.page-arrow-back, .page-arrow-next {
    font-size: 14px!important;
}
    .page-arrow-back:hover, .page-arrow-next:hover {
        background: none!important;
    }


#back-icon:hover, .sidr-menu:hover, #userInfo-dropdownMenuLink:hover {
    background-color: #dee2e699;
}

.sidr-menu{
    vertical-align:middle
}

#userInfo-dropdownMenuLink {
    color: #000;
    padding: 2px 7px;
    border-radius: 90%;
    vertical-align: middle;
}

#userInfo-dropdownMenu li {
    overflow-wrap: break-word;
    font-size: 12px;
}

.separateLine {
    height: 1px;
    margin: 0.8em 0;
    padding: 0;
    background-color: rgba(0,0,0,0.1);
}

.ps-6 {
    padding-left: 4rem !important;
}

.cancel-link {
    color: grey;
    font-size: 14px;
}
    .cancel-link:hover {
        color: #181818
    }

.btn-outline-warning {
    color: #de7e00;
    border-color: #fc9403;
}

    .btn-outline-warning:hover {
        background-color: #fc9403;
        border-color: #de7e00;
        color: #fff;
    }

table thead tr th {
    color: #15514c;
    font-weight: 600;
    background-color: #E6F2F2 !important;
}

.table > :not(:first-child) {
    border-top: none !important;
}

#inquiriesList .table-bordered > :not(caption) > * > *,
.table-own-style.table-bordered >:not(caption) > * > * {
    border-width: 0!important;
}

#inquiriesList .table-bordered > :not(caption) > * > *,
.table-own-style.table-bordered > :not(caption) > * > * {
    border-bottom: none!important;
}

/*共通価格内訳モーダルcss*/
.model-code-indent {
    text-indent: 1em;
}

.product-divide-noborder {
    padding: 10px 0 2px 15px;
}

.product-divide-border {
    border-bottom: 1px solid lightgrey;
    padding: 10px 0 2px 15px;
}

.detailContent-padding {
    padding: 2px 0 2px 15px;
}

#itemPrice label, #breakdownPrice label {
    display: inline-block;
    font-size: 13px;
}


#itemPrice p, #breakdownPrice p {
    text-align: right;
    display: inline-block;
    font-weight: normal!important;
}

#modalBodyPriceTitle span {
    padding-left: 8px;
    font-size: 15px;
    font-weight: bold
}

#modalBodyPriceTitle {
    margin-left: 15px;
}


.priceTotalAmount {
    padding-left: 8px;
}

#priceDetailModal .modal-content {
    width: 88%;
}

#modalBodyPriceTitle h6 {
    font-size: 0.80em;
    display: inline;
    vertical-align: middle;
    font-weight: bold
}

/*共通モーダルスタイル*/
#CommonModalLabel,
#CommonModalLabel_2 {
    color: #000;
    font-weight: bold;
    font-size:15px;
}

#CommonModalDialog_2 .modal-content,
#CommonModalDialog .modal-content {
    width: 97%;
    padding-top: 1.9rem;
}

#CommonModalDialog_2 .modal-footer,
#CommonModalDialog .modal-footer {
    padding-bottom: 1.8rem;
    padding-top: 1.2rem;
}

.commonModalFooter button,
.commonModalFooter_2 button{
    font-size: 14px;
}

#CommonModalDialog_2,
#CommonModalDialog {
    font-size: 14px;
}

.h-95 {
    height: 95%;
}

.h-90 {
    height: 90%;
}

.h-10 {
    height: 10%;
}

.h-5 {
    height: 5%;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.non-listStyle {
    list-style: none;
}

.fs-08 {
    font-size: 13px;
}

.fs-09 {
    font-size: 0.9em !important;
}

#userInfoArea {
    display: flex;
    justify-items: flex-end;
    height:40px;
}

.userRole {
    color: #838383;
}

.navbar {
    border-bottom-width: 0px !important;
}

.fs-default{
    font-size: 14px!important;
}

.fs-itemTitle{
    font-size: 12px!important;
}

.fs-info{
    font-size: 10px!important;
}

.fs-titleLabel{
    font-size:13px;
}

.fs-brandTitle{
    font-size:19px!important;
}
.fs-screenTitle{
    font-size:18px!important;
}
/*デフォルトアイコンサイズ*/
.is-default {
    font-size: 22px !important;
}

.m-auto{
    margin:auto;
}

#staticBackdropLabel {
    font-size: 18px;
}

.shared-modal-item-title{
    width:22%;
}

.shared-edit-moda-body label {
    font-size: 12px;
    color: #444444;
}

.tooltip-inner {
    text-align: left;
}

.modalHeaderTitleStyle {
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    border-top: 3px solid #87E0D8;
    padding-top: 10px !important;
    width: 150px;
    text-align:left;
}

#closeCreateModal {
    margin-bottom: auto !important;
}

.strike-through{
    text-decoration:line-through;
}

.bottom-border-default{
    border-bottom:1px solid lightgrey;
}

.inquiryRow:hover {
    box-shadow: 0px 4px 6px rgb(60 64 67 / 10%);
    z-index: 2;
    cursor: pointer;
}
.editRow:hover {
    filter: drop-shadow(0px 4px 6px rgb(60 64 67 / 10%));
    cursor: pointer;
}

.inquiryRow:hover .operationBtnArea,
.editRow:hover .btnArea {
    visibility: visible !important;
}

.notPointerEvent {
    pointer-events: none;
}

.pointerEvent {
    pointer-events: auto;
}

table.dataTable thead .sorting_desc {
    background-image: url(../images/sort_desc.png)!important;
}
table.dataTable thead .sorting_asc {
    background-image: url(../images/sort_asc.png)!important;
}
table.dataTable thead .sorting {
    background-image: url(../images/sort_both.png) !important;
}

.dataTables_filter {
    float: left !important;
    text-align: left !important;
}

.tooltip {
    font-size: 12px;
}

table.dataTable thead th, table.dataTable thead td {
    min-width: 70px !important;
    white-space: nowrap;
    padding: 8px !important;
}

.border-bottom-table.dataTable thead th,
.border-bottom-table.dataTable tbody td {
    border-bottom: 1px solid #dee2e6 !important;
}

.border-bottom-table.dataTable.no-footer {
    border-bottom: none;
}

.mt-errorMsg{
    margin-top:3px;
}

.color-default {
    color: #181818
}

.color-sub {
    color: #444444;
}

.color-info {
    color: #747474;
}

.waiting-spinner {
    color: #87E0D8!important;
    height:60px;
    width:60px;
    margin-bottom:10px;
}

.usericon {
    width: 26px;
    height: 26px;
    padding-top: 1px;
}

.commonToastDiv {
    background-color: rgba(255,255,255);
    margin-left: auto;
    margin-right: auto;
    z-index: 50;
}

.dataTables_filter input {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}
    .dataTables_filter input:focus {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
        caret:bar;
    }


.dataTables_filter{
    margin-bottom:10px;
}
.releaseBadge{
    cursor:default;
}

.word-break {
    word-break: break-all;
    overflow-wrap: break-word;
}

.form-control {
    font-size: 14px;
}

/*検索ボックスのクリアボタン*/
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    cursor: pointer;
    background-image: url(../images/close.png);
    opacity: 0.6;
    height: 22px;
    width: 22px;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-right: 0px;
    margin-right: 0px;
}

    input[type="search"]::-webkit-search-cancel-button:hover {
        opacity: 0.8;
        cursor: pointer;
    }

#close-icon:focus,
#priceDetailCloseBtn:focus,
.btn-close:focus{
    box-shadow: none !important;
}

.priceDetailModal .modal-header {
    padding: 35px 35px 8px 48px;
}

.priceDetailModal .modal-body {
    padding: 0 48px 35px 48px;
}

.toast {
    background-color: #323232!important;
}
.toast-body {
    color: #F5F5F4;
    font-size: 13px;
}

.toast .btn-close-white {
    width: 9px;
    height: 9px;
}