.app-header.navbar {
    background-color: #ffffff;
}

.app-header .nav-item {
    color: #000000;
}

.sidebar {
    background-color: #ffffff;
    border-right: 1px solid #c8ced3;
}

.sidebar .nav-link {
    color: #000000;
}

.sidebar .nav-link:hover {
    color: #ffffff;
    background: rgba(88, 145, 238, 1);
}

.sidebar .nav-link:hover .nav-icon {
    color: #ffffff;
}

.sidebar .nav-link.active {
    background-color: rgba(88, 145, 238, 1);
}

.sidebar .nav-link.active .nav-icon {
    color: #ffffff;
}

.sidebar .nav-link .nav-icon {
    color: rgba(88, 145, 238, 1);
}

.sidebar .nav-title .text-warning {
    color: rgba(88, 145, 238, 1) !important;
}

.app-header .navbar-toggler:hover .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%235891ee' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.app-header .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23000000' stroke-width='2.25' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.app-footer {
    background-color: #ffffff;
}

.bg-login-left {
    background-color: #fff;
}

.bg-login-right {
    background-color: rgba(88, 145, 238, 1);
    color: #fff;
}

/* ボタン */
.btn-primary {
    color: #fff;
    background-color: rgba(88, 145, 238, 1);
    border-color: rgba(88, 145, 238, 1);
}

.btn-primary:hover {
    color: #fff;
    background-color: rgb(75, 126, 207);
    border-color: #9aa6ab;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(75, 126, 207, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: rgb(78, 91, 111);
    border-color: rgb(78, 91, 111);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: rgba(88, 145, 238, 1);
    border-color: rgba(88, 145, 238, 1);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(65, 181, 222, 0.5);
}

.table thead th {
    vertical-align: middle;
}