.ism-term-modal {
    display: none;
    position: absolute;
    inset: 0;
    /* opacity: 0; */
    /* background: rgb(0 0 0 / .6); */
    background: rgb(255 255 255 / .6);

    .ism-term-dialog {
        position: absolute;
        inset: 0;
        margin: auto;
        max-width: 500px;
        max-height: 300px;
		height: fit-content;
        box-shadow: 0 0 10px rgb(0 0 0 / .6);
        border-radius: 10px;

        display: flex;
        flex-direction: column;
        justify-content: stretch;
        align-items: stretch;

        background: white;

        .ism-term-dialog-header {
            position: relative;
            padding: 0 1rem;

            h3 {
                font-size: 1.4rem;
                font-weight: bold;
                color: var(--active-color, #134eac);
				margin-block-start: 20px;
            }

            .ism-term-dialog-times {
                position: absolute;
                padding: 0;
                right: .5rem;
                top: .5rem;
                background: none;
                border: none;
                color: black;
            }
        }
        .ism-term-dialog-body {
            flex: 1;
            padding: 0 1rem;
            overflow-y: auto;
        }
        .ism-term-dialog-footer {
            padding: .5rem 1rem .5rem;

            display: flex;
            flex-direction: row-reverse;
            gap: 1rem;
            background: transparent;
        }
    }
}

@media screen and (max-width: 600px) {
    .ism-term-modal {
        .ism-term-dialog {
            .ism-term-dialog-footer {
                flex-direction: column;

                button.tt_button {
                    margin: 0;
                    margin-bottom: 0;
                }
            }
        }
    }
}
@media screen and (max-width: 960px) {
    #wrapper .ism-term-modal .ism-term-dialog .ism-term-dialog-footer button.tt_button {
        margin: 0;
        margin-bottom: 0;
    }
}