.overflow-y-scroll {
    overflow-y: scroll;
}

.markdown img {
    max-width: 100%;
}

/* Modal Standard */

.modal-dialog:focus {
    outline: none !important;
}

.modal-std .modal-content {
    border-radius: 1rem;
}

.modal-std .modal-footer {
    padding: 3px;
}

.modal-std .modal-header, .modal-footer {
    justify-content: center;
}

.modal-std .modal-footer {
    display: flex;
}

    .modal-std .modal-footer .btn {
        background-color: transparent;
        box-shadow: none !important;
        color: var(--primary) !important;
        font-size: 1.6rem;
        flex-grow: 1;
    }

        .modal-std .modal-footer .btn:not(:last-child) {
            border-right: 1px solid #e9ecef;
            border-top-right-radius: 0px;
            border-bottom-right-radius: 0px;
        }

        .modal-std .modal-footer .btn:disabled {
            color: #616161 !important;
        }

.modal-std .modal-header {
    font-size: var(--h4);
    font-weight: bold;
}

.modal-std .modal-dialog {
    width: 90%;
}

.modal-std .modal-body {
    min-height: 80px;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* tab */

.nav-tab {
    padding: 18px 10px;
    height: 61px;
}

/* clearable-inputtext */

.input-wrapper {
    position: relative;
}

    .input-wrapper > i {
        display: none;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
    }

    .input-wrapper > input:focus + i, .input-wrapper:hover > i {
        display: block;
    }

/* collapsible */

.collapsible-wrapper {
    display: flex;
    overflow: hidden;
}

    .collapsible-wrapper:after {
        content: '';
        height: 30px;
        transition: height 0.2s linear, max-height 0s 0.2s linear;
        max-height: 0px;
    }

.collapsible {
    transition: margin-bottom 0.2s;
    margin-bottom: 0;
    max-height: 1000000px;
}

.collapsible-wrapper.collapsed > .collapsible {
    margin-bottom: -2000px;
    transition: margin-bottom 0.2s, visibility 0s 0.2s, max-height 0s 0.2s;
    visibility: hidden;
    max-height: 0;
}

.collapsible-wrapper.collapsed:after {
    height: 0;
    transition: height 0.2s linear;
    max-height: 30px;
}

/* Sortable Grid */

.sortable-grid tbody tr {
    cursor: move;
}

/* 一般 */

a.link {
    text-decoration: underline !important;
}

.table .break td {
    word-break: break-all;
    overflow-wrap: break-word;
    overflow-wrap: anywhere;
}

.hr:last-child {
    display: none;
}

.no-wrap {
    white-space: nowrap;
}

/* 垂直對齊 */
.vertical-bottom, .vertical-middle {
    display: flex;
}

.vertical-middle {
    align-items: center;
}

.vertical-bottom {
    align-items: end;
}

/* Table */

table.table-data {
    width: 100%;
}

    table.table-data td:not(:first-child) {
        text-align: right;
    }

table.table-selectable tbody tr {
    cursor: pointer;
}

table.table-selectable tbody tr:hover:not(.selected) {
    background: #aaa !important;
}

table.table-selectable tbody tr.selected {
    background: var(--primary) !important;
}