html, body, h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
    scrollbar-width: thin !important;
}
.document-content{
    margin-top:0px;
}
.workspace-window {
    width: 40%;
    min-height: 0px;
    box-shadow: var(--widget-shadow);
    border-radius: var(--app-radius);
    padding: 4rem;
}
.btn-common{
    padding:0;
    margin: 0 16px;
}
.document-content {
    max-height: calc(100vh - 62px);
    min-height: calc(100vh - 62px);
}
.login-admin {
    cursor: auto;
    text-align: right;
    margin-top: -15px;
    margin-left: 15px;
    display: inherit;
}
.login-admin > span {
    transition: all var(--transition-time);
    color:var(--main-text-color);
    font-size:1.4rem;
    cursor:pointer;
}
    .login-admin > span:hover{
        color:var(--main-theme-color);
    }

    @media screen and (max-width: 1424px ) {
        .login-admin {
            margin-top: -10px;
        }
        .workspace-window {
        width: calc(45% + 8rem);
    }
}
@media screen and (max-width: 1285px ) {
    .workspace-window {
        width: calc(55% + 8rem);
    }
}
@media screen and (max-width: 1057px ) {
    .workspace-window {
        width: calc(76% + 4rem);
    }
}

@media screen and (max-width: 768px ) {
    .login-admin {
        margin-top: 0px;
        margin-left: 0px;
    }
}

@media screen and (max-width: 740px) {
    .login-admin > span {
        font-size: 1rem !important;
    }

    #login-admin-text {
        padding: 0.5rem !important;
    }
}

@media screen and (max-width: 480px ) {
    .workspace-window {
        width: 100%;
        padding:2rem 1rem 2rem 1rem;
    }
}