.light-theme {
    background: #F5F5F5;
    color: #242424;
}
.dark-theme {
    background: #3D3D3D;
    color: #ffffff;
}
.light-navbar-theme {
    background: #EBEBEB;
    color: #242424;
    border-bottom: 1px solid #D1D1D1;
}
.dark-navbar-theme {
    background: #0A0A0A;
    color: #ffffff;
    border-bottom: 1px solid #424242;
}
.light-footer-theme {
    background: #EBEBEB;
    color: #242424;
    border-top: 1px solid #D1D1D1;
}
.dark-footer-theme {
    background: #0A0A0A;
    color: #ffffff;
    border-top: 1px solid #424242;
}
.light-form-control-theme {
    color: #242424;
    background-color: #ffffff;
    border: 1px solid #666666;
}
.dark-form-control-theme {
    color: #ffffff;
    background-color: #292929;
    border: 1px solid #666666;
}
.light-form-control-theme:focus {
    color: #242424;
    background-color: #ffffff;
    border: 2px solid #727272;
}
.dark-form-control-theme:focus {
    color: #ffffff;
    background-color: #292929;
    border: 2px solid #727272;
}
.light-form-control-theme:hover {
    color: #242424;
    background-color: #ffffff;
    border: 2px solid #727272;
}
.dark-form-control-theme:hover {
    color: #ffffff;
    background-color: #292929;
    border: 2px solid #727272;
}
.light-form-control-theme::placeholder {
    color: #727272;
}
.dark-form-control-theme::placeholder {
    color: #C7C7C7;
}
.light-form-control-theme[readonly] {
    color: #242424;
    background-color: #ffffff;
    border: 1px solid #666666;
}
.dark-form-control-theme[readonly] {
    color: #ffffff;
    background-color: #292929;
    border: 1px solid #666666;
}
.light-card-theme {
    background: #fafafa;
    color: #242424;
}
.dark-card-theme {
    background: #292929;
    color: #ffffff;
}
.light-primarytext-theme {
    color: #242424;
}
.dark-primarytext-theme {
    color: #ffffff;
}
.light-secondarytext-theme {
    color: #424242;
}
.dark-secondarytext-theme {
    color: #ffffff;
}
.light-tertiarytext-theme {
    color: #616161;
}
.dark-tertiarytext-theme {
    color: #ffffff;
}
.light-text-error-theme {
    color: #B53E4E;
}
.dark-text-error-theme {
    color: #fca2a2
}
.light-hr-theme {
    border-top: 1px solid #D1D1D1;
    margin: 10px 0px;
}
.dark-hr-theme {
    border-top: 1px solid #424242;
    margin: 10px 0px;
}
.light-openbtn-theme {
    background: #cccccc;
    color: #242424;
}
.dark-openbtn-theme {
    background: #4e4e4e;
    color: #ffffff;
}
.light-linktext-theme {
    color: #007AFF;
}
.dark-linktext-theme {
    color: #9EA4F9;
}
.light-modal-theme {
    background: #FFFFFF;
    color: #242424;
}
.dark-modal-theme {
    background: #292929;
    color: #ffffff;
}
.light-common-btn-theme {
    background: #5B62C0;
    border: 1px solid #5B62C0;
    color: #ffffff;
}
.light-common-btn-theme:hover {
    background: #3C3F74;
    border-color: #3C3F74;
    color: #ffffff;
}
.dark-common-btn-theme {
    background: #5B62C0;
    border: 1px solid #5B62C0;
    color: #ffffff;
}
.dark-common-btn-theme:hover {
    background: #757CE4;
    border-color: #757CE4;
    color: #ffffff;
}
.light-close-btn-theme {
    color: #242424;
    text-shadow: 0 1px 0 #242424;
    opacity: .5;
}
.light-close-btn-theme:hover {
    color: #616161;
    text-shadow: 0 1px 0 #616161;
    opacity: .5;
}
.dark-close-btn-theme {
    color: #fafafa;
    text-shadow: 0 1px 0 #fafafa;
    opacity: .5;
}
.dark-close-btn-theme:hover {
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: .5;
}
.light-delete-btn-theme {
    background-color: #B53E4E;
    border-color: #B53E4E;
    color: #ffffff;
}
.light-delete-btn-theme:hover {
    background-color: #982D39;
    border-color: #982D39;
    color: #ffffff;
}
.dark-delete-btn-theme {
    background-color: #B53E4E;
    border-color: #B53E4E;
    color: #ffffff;
}
.dark-delete-btn-theme:hover {
    background-color: #982D39;
    border-color: #982D39;
    color: #ffffff;
}
.light-cancel-btn-theme {
    background: #FFFFFF;
    border: 2px solid #D1D1D1;
    color: #242424;
}
.light-cancel-btn-theme:hover {
    background: #FAFAFA;
    border: 2px solid #C7C7C7;
    color: #242424;
}
.dark-cancel-btn-theme {
    background: #292929;
    border: 2px solid #666666;
    color: #FFFFFF;
}
.dark-cancel-btn-theme:hover {
    background: #292929;
    border: 2px solid #727272;
    color: #FFFFFF;
}
.light-modal-header-theme {
    border-bottom: 1px solid #D1D1D1;
}
.dark-modal-header-theme {
    border-bottom: 1px solid #666666;
}
.light-modal-body-theme {
    border-bottom: 1px solid #D1D1D1;
}
.dark-modal-body-theme {
    border-bottom: 1px solid #666666;
}
.light-modal-footer-theme {
    border: 0px;
}
.dark-modal-footer-theme {
    border: 0px;
}
.light-maintenance-info-theme {
    color: #FF6600;
    /* color: #007BFF; */
    font-size: 12px;
    font-weight: bold;
}
.dark-maintenance-info-theme {
    color: #FFCC99;
    /* color: #007BFF; */
    font-size: 12px;
    font-weight: bold;
}

html {
    background-color: #f5f5f5;
}
body {
    visibility: hidden;
}

nav {
    background-color: #f5f5f5;
}

.navbar {
    padding: 10px 0;
}

.navbar-toggler {
    padding: 0.25rem 0.5rem;
    background-color: #f5f5f5;
}

.card {
    margin: 0 auto;
    margin-bottom: 10px;
    box-shadow:  0 1px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 1px 0 rgba(0, 0, 0, 0.19)
}

.text-error {
    font-size: 12px;
}

h1 {
    margin-bottom: 30px;
}

.btn-opacity-info {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 14px;
    padding: 0.625rem 1.25rem;
    transition: all 0.5s ease-in-out;
}

.opensidebarbtn {
    margin-left: 5px;
    padding: 6px 10px;
    font-size: 32px;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
}

.opensidebarbtn:hover {
    background-color: #b0b0b0;
}

.openbtn {
    margin-left: 12px;
    padding: 6px 10px;
    font-size: 32px;
    line-height: 1;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
}

.openbtn:hover {
    background-color: #b0b0b0;
}

/* info button */
.btn-info-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    cursor: pointer;
}

/* modal */
#message-mail-list {
  word-break: break-word;
}

/* スクロールバー */
/* .scroll_bar {
    overflow-x: hidden;
    overflow-y: scroll;
} */
::-webkit-scrollbar {
    overflow-x: hidden;
    overflow-y: scroll;
    border-radius: 3px;
    width: 6px;
    height: 0px;
}
/* ::-webkit-scrollbar:hover {
    border-radius: 8px;
    width: 16px;
} */
::-webkit-scrollbar-track {
    background:rgba(255, 255, 255, 0);
    border-radius: 3px;
    width: 6px;
    height: 0px;
}
/* ::-webkit-scrollbar-track:hover {
    background:rgba(255, 255, 255, 0);
    border-radius: 8px;
    width: 16px;
} */
::-webkit-scrollbar-thumb {
    background-color: #7a7a7a;
    border-radius: 3px;
    width: 6px;
    height: 0px;
}
/* ::-webkit-scrollbar-thumb:hover {
    border-radius: 6px;
    width: 12px;
} */

/* 全体 */
@media screen and (min-width: 992px) {
    .openbtn {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .openbtn {
        display: block;
    }
}