body {
	box-sizing: border-box;
	margin-top: constant(safe-area-inset-top);
	margin-top: env(safe-area-inset-top);
	height: calc(100% - env(safe-area-inset-top)) !important;
}

.view-main .toolbar:not(.calendar-custom-toolbar) {
	height: calc(44px + constant(safe-area-inset-bottom));
	height: calc(44px + env(safe-area-inset-bottom));
}

.view-main .toolbar:not(.calendar-custom-toolbar) .toolbar-inner {
	align-items: flex-start;
}

@media only screen 
and (device-width : 375px), (device-width: 414px)
and (device-height : 812px), (device-height: 896px)
and (orientation : portrait)
and (-webkit-device-pixel-ratio : 3), (-webkit-device-pixel-ratio : 2) {

    /* Only if app has notch */
    .navbar .center {
        display: none;
	}
}