html {
    height: 100%;
}

body {
    background-color: #fcfcfc;
    font-size: .9rem;
}

.img-logo-max {
    max-width: 50px;
}

.roboto-thin {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: normal;
}

.roboto-light {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: normal;
}

.roboto-regular {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.roboto-medium {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.roboto-bold {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.roboto-black {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: normal;
}

.roboto-thin-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 100;
    font-style: italic;
}

.roboto-light-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-style: italic;
}

.roboto-regular-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: italic;
}

.roboto-medium-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: italic;
}

.roboto-bold-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-style: italic;
}

.roboto-black-italic {
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-style: italic;
}

div.panel {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 40px;
}

.blocked-user {
    text-decoration: line-through;
}

.navbar-purple {
    background-color: #cab4ff;
}

.btn-pastel-purple {
    --bs-btn-color: #fff; /* Text color (adjust for contrast) */
    --bs-btn-bg: #cab4ff; /* Pastel purple background */
    --bs-btn-border-color: transparent; /* Remove default border */
    --bs-btn-hover-color: #fff; /* Hover text color */
    --bs-btn-hover-bg: #b39ddb; /* Darker pastel purple on hover */
    --bs-btn-hover-border-color: transparent; /* Remove border on hover */
    --bs-btn-focus-shadow-rgb: 195, 164, 255; /* Slightly darker pastel purple for focus ring */
    --bs-btn-active-color: #fff; /* Active (pressed) text color */
    --bs-btn-active-bg: #a085d1; /* Even darker pastel purple when active */
    --bs-btn-active-border-color: transparent; /* Remove border when active */
    --bs-btn-disabled-color: #fff; /* Disabled text color */
    --bs-btn-disabled-bg: #e6e6fa; /* Lighter pastel purple when disabled */
    --bs-btn-disabled-border-color: transparent; /* Remove border when disabled */
}

    .btn-pastel-purple:focus {
        box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
    }

div.chapter-text-viewer {
    max-height: 500px;
}

.toastui-editor-contents {
    font-family: inherit;
    font-size: inherit;
}