.nk-mobile {
    outline: none;
    padding-top: env(safe-area-inset-top, 0px);
    padding-bottom: env(safe-area-inset-bottom, 0px);
    padding-left: env(safe-area-inset-left, 0px);
    padding-right: env(safe-area-inset-right, 0px);
    min-height: 100vh;
    overflow: hidden;
}

.nk-mobile .nk-wrap {
    height: calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    overflow: hidden;
    min-height: auto !important;
}

.nk-mobile .nk-header {
    margin-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px)) !important;
    height: 60px;
    align-items: center;
    display: flex;
    padding: 10px 6px !important;
}

.nk-mobile .nk-header.nk-header-expanded {
    height: 105px !important;
}
.nk-mobile .nk-header.nk-header-expanded-large {
    height: 165px !important;
}

.nk-mobile .nk-header-brand,
.nk-mobile .nk-header-tools {
    padding: 0;
}

.nk-mobile .nk-header + .nk-content {
    padding-top: 0;
    height: calc(100vh - 150px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px));
}

.nk-mobile .nk-header + .nk-content.no-footer {
    padding-top: 0;
    height: calc(100vh - 60px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px));
}

.nk-mobile .nk-header.nk-header-expanded + .nk-content {
    height: calc(100vh - 185px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px)) !important;
}

.nk-mobile .nk-header.nk-header-expanded + .nk-content.no-footer {
    height: calc(100vh - 120px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px)) !important;
}

.nk-mobile .nk-header.nk-header-expanded-large + .nk-content {
    height: calc(100vh - 235px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px)) !important;
}

.nk-mobile .nk-header.nk-header-expanded-large + .nk-content.no-footer {
    height: calc(100vh - 180px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px)) !important;
}

.nk-mobile .navbar-menu {
    height: 90px;
}

.nk-mobile .nk-content.nk-content-fluid {
    padding: 0px 6px 14px 6px!important;
    overflow: hidden auto;
}

.nk-mobile .modal-header {
    height: 60px;
}
.nk-mobile .modal-body {
    overflow: hidden auto;
}
.nk-mobile .el-drawer:not(.is-filter) .modal-body {
    height: calc(100vh - 150px - var(--tg-safe-area-inset-top, 0px) - var(--tg-content-safe-area-inset-top, 0px) - var(--keyboard-height, 0px));
}
.nk-mobile .modal-footer {
    height: 90px;
}




















.nk-mobile .el-drawer__body:not(.is-filter .el-drawer__body) {
    margin-top: calc(var(--tg-safe-area-inset-top, 0) + var(--tg-content-safe-area-inset-top, 0)) !important;
}




.nk-mobile .nav-tabs .nav-link:after {
    height: 0 !important;
    background: transparent !important;
}






.is-mobile-modal .modal-footer {
    padding-bottom: var(--tg-safe-area-inset-bottom, 0) !important;
}


.el-message.el-message--error,
.el-message.el-message--success {
    z-index: 9999!important;
    border-radius: 12px !important;
    margin-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 10px) !important;
}

.is-mobile-modal .modal-header {
    margin-top: calc(var(--tg-safe-area-inset-top, 0px) + var(--tg-content-safe-area-inset-top, 0px) + 10px);
}