/* Your app styles here */
.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
    display: none;
}

.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
    display: none;
}

.demo-card-header-pic .card-header {
    height: 40vw;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.demo-card-header-pic .card-content-padding .date {
    color: #8e8e93;
}

.my-item-title {
    font-size: var(--f7-list-item-title-font-size) !important;
}


.d-none {
    display: none !important;
}

.text-center {
    text-align: center;
}

.img-media {
    height: 25px;
}

.w-100 {
    width: 100% !important;
}

.bg-white {
    background: #fff;
}

.size-14 {
    font-size: 14px
}

.size-16 {
    font-size: 16px
}

.size-20 {
    font-size: 20px
}

.size-28 {
    font-size: 28px
}

.size-32 {
    font-size: 32px
}

.size-40 {
    font-size: 40px
}

.size-56 {
    font-size: 56px
}

.panel .profile-navbar {
    height: 190px;
}

.panel .profile-page-content {
    padding-top: 160px;
}

.panel .profile {
    position: relative;
    height: 100%;
    width: 100%;
    text-align: center;
}

.panel .profile .img-profile {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
    border: 5px solid #25b7d3;
}

.panel .profile .title-profile {
    display: block;
    font-size: 14px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 25px;
}

.panel .profile .subtitle-profile {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 25px;
}

.font-white {
    color: #fff !important;
}

body.login .list ul:before {
    content: none;
}

body.login .list ul:after {
    content: none;
}

.page .navbar>.navbar-inner {
    background: #007aff;
    color: #fff;
}

.page .navbar>.navbar-inner a.link {
    color: #fff;
}


@media (max-width: 568px) {
    .md .notification {
        width: calc(100% - 8px * 2);
        left: 8px;
        top: 8px;
        border-radius: 15px;
        border: 1px solid #EEE;
    }
}



.ios .navbar-inner {
    background: #007aff;
    color: #fff;
}

.ios .navbar a.icon-only {
    color: #fff;
}

.ios .icon-back,
.ios .icon-forward,
.ios .icon-next,
.ios .icon-prev {
    color: #fff;
}

.ios .navbar a.link span {
    color: #fff;
}

.ios .navbar:after {
    content: none;
}