/*-------------------------------
header
---------------------------------*/
.header-inner .header-nav ul li button.logout {
    font-size: 12px;
    font-weight: bold;
    display: table;
    margin: 0 auto 0px;
    border: 1px solid #285ac8;
    background: #285ac8;
    padding: 5px 30px;
    text-align: center;
    /* margin-left: auto; */
    border-radius: 30px;
    color: #ffffff;

    transition: .3s;
}

.header-inner .header-nav ul li button.logout:hover {
    background: #fff;
    border: 1px solid #285ac8;
    color: #285ac8;
}

/*-------------------------------
table
---------------------------------*/
.scrolltable-y {
    overflow-y: scroll;
    max-height: 300px;
}

.scrolltable table tr.canceled {
    background-color: #d3d3d3
}

/*-------------------------------
input
---------------------------------*/
input:disabled,
input[readonly],
select:disabled,
.disabled_select {
    background-color: #e9ecef;
    opacity: 1;
}

/* セレクトボックスはreadonlyにできないためCSSで制御 */
.disabled_select {
    pointer-events: none;
}

/*-------------------------------
error
---------------------------------*/
.is-error,
.scrolltable input.is-error,
.login_box input.is-error,
.forming input.is-error {
    border: 3px solid #cb5552;
    outline: #cb5552;
    display: block;
}

.error-message {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #cb5552;
    display: block;
    text-align: left;
}

/*-------------------------------
flash
---------------------------------*/
.flash-container {
    text-align: left;
}

.flash-message {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

.flash-message.danger {
    color: #cb5552 !important;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.flash-message.success {
    color: #63ab51 !important;
    background-color: #d4edda;
    border-color: #c3e6cb;
}