#header .logo {
    display: inline-flex;
    width: 150px;
    margin-top: 50px;
    margin-bottom: 20px;
    position: inherit;
    left: 45%;
    filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright));
}

main#content {
    margin-top: 100px;
}

a#open-reasons-use-nextcloud-pdf {
    display: none;
}

.section.development-notice {
    display: none;
}

label#view-toggle {
    width: 100px;
    height: 50px;
}
/* Айфоны (портрет и вертикальный режим) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#header .logo {
    display: inline-flex;
    width: 150px;
    margin-top: 34%;
    position: absolute;
    left: 30%;
    filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright));
    z-index: 99;
  }
label#view-toggle {
    left: 80%;
}
#app-navigation:not(.hidden) + #app-content {
    margin-left: 0;
    margin-top: 3%;
}
.app-menu[data-v-44a795f6] {
    width: 100%;
    flex-shrink: 1;
    flex-wrap: wrap;
    position: absolute;
    background: #00000091;
}
.login-box {
    width: 300px;
    margin-top: 200px;
  }
.content[data-v-8feff292]:not(.with-sidebar--full) {
    position: fixed;
    margin-top: 29%;
  }
}
/* Типа планшет >7'(Остальные) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
#header .logo {
    display: inline-flex;
    width: 150px;
    margin-top: 17%;
    position: absolute;
    left: 10%;
    filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright));
    z-index: 10;
}
footer {
    min-height: 70px;
    margin-top: auto;
    color: #6ab7bf;
}
.app-menu[data-v-44a795f6] {
    width: 100%;
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    margin-left: 40%;
    margin-top: 10%;
}
#nextcloud {
margin-top: 8%;
overflow: visible; 
  }
.app-menu-main .app-menu-entry img[data-v-44a795f6] {
    transition: margin .1s ease-in-out;
    width: 20px;
    height: 20px;
    padding: calc((100% - 20px)/2);
    box-sizing: content-box;
    background-color: black;
    border-radius: 20%;
  }
.content[data-v-8feff292]:not(.with-sidebar--full) {
    position: fixed;
    margin-top: 13%;
    border-radius: 2%;

 }
.button-vue__icon[data-v-7a8f3349] {
    height: 44px;
    width: 44px;
    min-height: 44px;
    min-width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009995;
}
}
/* Айфоны (портрет) ----------- */
@media only screen
and (min-device-width : 600px )
and (min-device-height: 300px )
and (max-device-width : 880px ) 
and (max-device-height: 500px )
{
#header .logo {
    display: inline-flex;
    width: 150px;
    margin-top: 17%;
    position: fixed;
    left: 41%;
    filter: var(--image-logoheader-custom, var(--background-image-invert-if-bright));
}
.login-box {
    width: 500px;
    margin-top: 20%;
  }
.app-menu[data-v-44a795f6] {
    width: 100%;
    display: flex;
    flex-shrink: 1;
    flex-wrap: wrap;
    margin-left: 40%;
    margin-top: 10%;
}
#nextcloud {
margin-top: 8%;
overflow: visible; 
  }
.app-menu-main .app-menu-entry img[data-v-44a795f6] {
    transition: margin .1s ease-in-out;
    width: 20px;
    height: 20px;
    padding: calc((100% - 20px)/2);
    box-sizing: content-box;
    background-color: black;
    border-radius: 20%;
  }
footer {
    min-height: 70px;
    margin-top: auto;
    color: #6ab7bf;
}
.content[data-v-8feff292]:not(.with-sidebar--full) {
    position: fixed;
    margin-top: 13%;
    border-radius: 2%;

 }
.button-vue__icon[data-v-7a8f3349] {
    height: 44px;
    width: 44px;
    min-height: 44px;
    min-width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #009995;
  }

}
@media only screen and (min-width: 768px) and (max-width: 1024px)
.login-box {
    width: 300px;
    z-index: 99;
    position: relative;
    margin-top: 20%;
}


@media only screen and (max-width: 1024px)
#rich-workspace[data-v-7e06b1ea]:not(.focus) {
    max-height: 30vh;
    display: none;
}

section#profile-visibility {
    margin-bottom: 50px;
} 
@media only screen and (min-width: 200px) and (max-width: 1024px) #body-user #header, #body-settings #header, #body-public #header {
    display: NONE;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000;
    height: 50px;
    box-sizing: border-box;
    justify-content: space-between;
}