body {
    font-family: Arial, "Noto Sans JP",meiryo,sans-serif;
}

.topbar-menu {
    width: 100%;
}

.spinner {
    width: 3rem;
    height: 3rem;
    border: 0.4rem solid rgba(0, 0, 0, 0.1);
    border-top: 0.4rem solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* htmx */
.htmx-indicator {
    display: none;
}
.htmx-request .htmx-indicator {
    display: inline-block;
}
.htmx-request .htmx-indicator-hidden {
    display: none;
}

/* submit atops.js */
.submit-indicator {
    display: none;
}
.submit-request .submit-indicator,
.submit-request ~ .submit-indicator {
    display: inline-block;
}
.submit-request .submit-indicator-hidden {
    display: none;
}
.submit-request  svg {
    display: none;
}

.loading {
    display: none;
}

.submit-request .loading{
    display: block;
}

/* login */
.login-header {
   background-color: #172b60;
}
.login-container {
   max-width: 500px;
   margin: 2rem auto;
}
.header-logo {
   max-height: 74px;
   width: auto;
}
.header-tagline {
   max-height: 58px;
   width: auto;
}
.footer-logo {
   max-height: 52px;
   width: auto;
}
@media (max-width: 767px) {
   .header-logo {
       max-height: 50px;
   }
    .header-tagline {
       max-height: 40px;
   }
}
.auth-container-fluid {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
}
.auth-container-fluid  main {
    flex: 1 0 auto;
}

.empty-hide:empty {
    display: none !important;
}

.empty-hide > :only-child:empty {
    display: none !important;
}

.empty-hide:has(> :only-child:empty) {
    display: none !important;
}

/* table */
/* 注文済み行 */
.mytable-business--ordered td{
    background-color: #e0e8f3;
}

/* 注文行 */
.mytable-business--order td {
    background-color: #e0e8f3;
}

/* 注文依頼行 */
.mytable-business--orderRequest td {
    background-color: #def2af;
}
/* 注文依頼行 */
.mytable-business--orderRequestKT td {
    background-color: #c7d99d;
}

.mytable-business--basePrice,
.mytable-business--price{
    margin:0px;
    padding:0px;
    text-align:right;
}

.mytable-business--basePrice {
    color:#999;
    text-decoration:line-through;
}

.mytable-business--mainWarehaouse {
    color: #D00;
}

.mytable-business--error td{
    background-color: #f3f3f3;
}

.mytable-business--warn td {
    background-color: #fcc;
}

.disabled {
    background-color: #e1e1e1;
}


.badge-anken{
    color:#fff;
    background-color:#e35c5d
}
a.badge-anken:focus,a.badge-anken:hover{
    color:#fff;
    background-color:#dc3032
}
a.badge-anken.focus,a.badge-anken:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(227,92,93,.5)
}
.badge-henpin{
    color:#fff;
    background-color:#5c8adf
}
a.badge-henpin:focus,a.badge-henpin:hover{
    color:#fff;
    background-color:#316bd7
}
a.badge-henpin.focus,a.badge-henpin:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(92,138,223,.5)
}
.badge-toiawase{
    color:#212529;
    background-color:#32e731
}
a.badge-toiawase:focus,a.badge-toiawase:hover{
    color:#212529;
    background-color:#19cd18
}
a.badge-toiawase.focus,a.badge-toiawase:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(50,231,49,.5)
}
.badge-illust{
    color:#212529;
    background-color:#5dc7e3
}
a.badge-illust:focus,a.badge-illust:hover{
    color:#212529;
    background-color:#32b8db
}
a.badge-illust.focus,a.badge-illust:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(93,199,227,.5)
}
.badge-estimate{
    color:#212529;
    background-color:#e8e731
}
a.badge-estimate:focus,a.badge-estimate:hover{
    color:#212529;
    background-color:#cfce17
}
a.badge-estimate.focus,a.badge-estimate:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(232,231,49,.5)
}
.badge-order{
    color:#212529;
    background-color:#daa72e
}
a.badge-order:focus,a.badge-order:hover{
    color:#212529;
    background-color:#b58920
}
a.badge-order.focus,a.badge-order:focus{
    outline:0;
    box-shadow:0 0 0 .2rem rgba(218,167,46,.5)
}