/* ============================================
色を指定するスタイルシートです。
===============================================*/

/* --- バッジのバックグラウンド色指定（テキストのカラー含む） --- */
.bg-danger, .badge-danger {
    color: white !important;
}
.bg-primary, .badge-primary {
    color: white !important;
}
.bg-secondary-D, .badge-secondary-D {
    background-color: #0c74a2 !important;
    color: #ffffff;
}
.bg-danger-L, .badge-danger-L {
    background-color: #ffd9d9 !important;
}
.bg-warning-D, .badge-warning-D {
    background-color: #c09200 !important;
    color: white;
}
.bg-warning-L, .badge-warning-L {
    background-color: #ffeeb7 !important;
}
.bg-success-L, .badge-success-L {
    background-color: #b1d9ce !important;
}
.bg-info, .badge-info {
    color: white !important;
}
.bg-info-L, .badge-info-L {
    background-color: #97e4ff !important;
}
.bg-dark, .badge-dark {
    color: white !important;
}
.bg-dark-L, .badge-dark-L {
    background-color: #90a8be !important;
}
.bg-black, .badge-black {
    background-color: #000000 !important;
}
.bg-sign, .badge-sign {
    background-color: #934bc9 !important;
}
.bg-sign-L, .badge-sign-L {
    background-color: #d0b9ff !important;
}
.bg-cancel, .badge-cancel {
    background-color: #7f7f7f !important;
}
.bg-usual, .badge-usual {
    background-color: #92d050 !important;
}
.bg-back, .badge-back {
    background-color: #ffa669 !important;
}
.bg-modal, .badge-modal {
    background-color: #d3e1e9 !important;
}
.bg-background, .badge-background {
    background-color: #193854 !important;
}

/* --- テキストの色指定 --- */
.text-secondary-D {
    color: #0c74a2;
}
.text-danger-L {
    color: #ffd9d9;
}
.text-warning-D {
    color: #c09200;
}
.text-warning-L {
    color: #ffeeb7;
}
.text-success-L {
    color: #b1d9ce;
}
.text-info-L {
    color: #97e4ff;
}
.text-dark-L {
    color: #90a8be;
}
.text-black {
    color: #000000;
}
.text-sign {
    color: #934bc9;
}
.text-sign-L {
    color: #d0b9ff;
}
.text-cancel {
    color: #7f7f7f;
}
.text-usual {
    color: #92d050;
}
.text-back {
    color: #ffa669;
}
.text-modal {
    color: #d3e1e9;
}
.text-background {
    color: #193854;
}

/* --- ボタンの色指定 --- */
.btn-primary {
    color: white;
    cursor: pointer;
}
.btn-secondary {
    color: white;
    cursor: pointer;
}
.btn-secondary-D {
    background-color: #0c74a2;
    color: white;
    cursor: pointer;
}
.btn-danger {
    color: white;
    cursor: pointer;
}
.btn-danger:disabled {
    pointer-events: none;
    background-color: #621c1c;
    border-color: #8b98a3;
    color: #8b98a3;
}
.btn-danger-L {
    background-color: #ffd9d9;
    cursor: pointer;
}
.btn-warning-D {
    background-color: #c09200;
    color: white;
    cursor: pointer;
}
.btn-warning-L {
    background-color: #ffeeb7;
    cursor: pointer;
}
.btn-success {
    color: white;
    cursor: pointer;
}
.btn-success-L {
    background-color: #b1d9ce;
    -webkit-transition: all .3s;
    transition: all 1s;
}
.btn-info {
    color: white;
    cursor: pointer;
}
.btn-info-L {
    background-color: #97e4ff;
    cursor: pointer;
}
.btn-dark {
    color: white;
    cursor: pointer;
}
.btn-dark-L {
    background-color: #90a8be;
    cursor: pointer;
}
.btn-black {
    background-color: #000000;
    color: white;
    cursor: pointer;
}
.btn-sign {
    background-color: #934bc9;
    cursor: pointer;
}
.btn-sign-L {
    background-color: #d0b9ff;
    cursor: pointer;
}
.btn-cancel {
    background-color: #7f7f7f;
    color: white;
    cursor: pointer;
}
.btn-usual {
    background-color: #92d050;
    cursor: pointer;
}
.btn-back {
    height: 23.5px;
    background-color: #ffa669;
    vertical-align: middle;
    color: white;
    padding: 0 0.35rem;
    cursor: pointer;
}
.btn-modal {
    background-color: #d3e1e9;
    cursor: pointer;
}
.btn-background {
    background-color: #193854;
    cursor: pointer;
}

/* --- ボタンのマウスオーバー --- */
@media (min-width: 1000px) {
    .btn-primary:hover {
        background-color: #457394;
    }
    .btn-secondary:hover {
        background-color: #46e0f4;
        color: #457394;;
    }
    .btn-secondary-D:hover {
        background-color: #258dbb;
    }
    .btn-danger:hover {
        background-color: #de1e1e;
    }
    .btn-danger-L:hover {
        background-color: #fff2f2;
    }
    .btn-warning:hover {
        background-color: #ffde1e;
    }
    .btn-warning-D:hover {
        background-color: #deb01e;
    }
    .btn-warning-L:hover {
        background-color: #ffffd5;
    }
    .btn-success:hover {
        background-color: #63e7c2;
    }
    .btn-success-L:hover {
        background-color: #cff7ed;
        cursor: pointer;
    }
    .btn-success-L:focus {
        background-color: #cff7ed;
        cursor: pointer;
        box-shadow: 0 0 0 0.25rem rgba(50, 170, 160, 0.5);
    }
    .btn-info:hover {
        color: white;
        cursor: pointer;
    }
    .btn-info-L:hover {
        background-color: #a5f2ff;
    }
    .btn-dark:hover {
        background-color: #566270;
    }
    .btn-dark-L:hover {
        background-color: #aec6dc;
    }
    .btn-black:hover {
        background-color: #141414;
    }
    .btn-sign:hover {
        background-color: #b169e7;
    }
    .btn-sign-L:hover {
        background-color: #e6d7ff;
    }
    .btn-cancel:hover {
        background-color: #9d9d9d;
    }
    .btn-usual:hover {
        background-color: #b0ee6e;
        border-color: #59c511;
    }
    .btn-usual:focus {
        background-color: #b0ee6e;
        border-color: #59c511;
        box-shadow: 0 0 0 0.25rem rgba(53, 197, 60, 0.5);
    }
    .btn-back:hover {
        background-color: #ffc487;
    }
    .btn-modal:hover {
        background-color: #ddebf3;
    }
    .btn-background:hover {
        background-color: #375672;
    }
    .btn-transparent:hover {
        background-color: #aec6dc;
    }
}