html {
    font-size: 14px;
}

.doc-body .container {
    max-width: 480px;
}

.doc-body {
    margin-top: 80px;
}

.offcanvas.offcanvas-bottom {
    height: 80vh;
}

.nav-link-tag {
    padding-left: 0em;
}

.text-collapse {
    white-space: pre-wrap;
    max-height: 150px;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.text-expand {
    max-height: none;
}

.error {
    color: red;
    font-size: 0.9em;
    margin-top: 5px;
}

.form-control.error {
    border-color: red;
    margin-top: 0px;
}

.content-text {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.text-fs {
    font-size: 16px !important;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiline-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.5em;
    max-height: calc(1.5em * 3);
}