:root {
    --f7-messagebar-inner-padding-left: 10px;
    --f7-messagebar-inner-padding-right: 10px;
    --f7-messagebar-font-size: 22px;
    --f7-messagebar-link-color: var(--f7-messagebar-theme-color)
}
a.color-primary {
    color: var(--f7-theme-color)
}
.navbar .title.logo {
    border-radius: 10px;
    width: 100%;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
}
.navbar .title img {
    height: 44px;
    max-width: 100%;
}
.navbar .right img {
    height: auto;
    max-width: 110px;
    margin-right: 10px;
}
.swiper-slide img {
    max-width: 100%;
}
.toolbar-streaming {
    min-height: 56px;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-out;
}
.toolbar-bottom.toolbar-main a.link {
    flex: 1;
    height: 50px;
    margin: 0 5px;
}
.toolbar-bottom.toolbar-main a.link:not(.tab-link-active) {
    color: var(--f7-theme-color);
}
.toolbar-bottom.toolbar-main a.link i {
    font-size: 22px;
}
.text-muted {
    color: #6c757d;
    opacity: 0.6;
}
.panel-left .list .list-button.primary {
    text-align: left;
    display: flex;
}
.panel-left .list .list-button .icon {
    margin-right: 5px;
    width: 25px;
    display: block;
}
.panel-left .list .list-button i {
    font-size: 1em;
}
.login-screen .login-screen-close {
    position: absolute;
    right: 15px;
    top: 15px;
}
.toolbar.messagebar {
    bottom: calc(var(--f7-messagebar-height) - 8px);
    background: var(--f7-toolbar-bg-color, var(--f7-bars-bg-color));
}
.message:not(.message-last) .message-avatar {
    display: none;
}
.md .message-sent:not(.message-last) .message-avatar+.message-content {
    margin-right: 0;
}
.md .dialog-buttons-vertical.dialog-login .dialog-buttons {
    align-items: center;
}
.list input[type=date],
.list input[type=datetime-local],
.list input[type=email],
.list input[type=month],
.list input[type=number],
.list input[type=password],
.list input[type=search],
.list input[type=tel],
.list input[type=text],
.list input[type=time],
.list input[type=url],
.list select {
    height: 40px;
}