@charset "UTF-8";

.error.error-6 .error-title {
    font-size: 3.5rem!important;
}






.tooltip.fade {
    background: none;
}

.custom-modal-backdrop, .actions-backdrop, .dialog-backdrop, .popover-backdrop, .popup-backdrop, .preloader-backdrop, .sheet-backdrop, .fab-backdrop {
    position: fixed;
}

.dialog {
    position: fixed;
    z-index: 13500;
    left: 50%;
    margin-top: 0;
    top: 50%;
    overflow: hidden;
    opacity: 0;
    transform: translate3d(0, -50%, 0) scale(1.185);
    transition-property: transform, opacity;
    display: none;
    transition-duration: 400ms;
    box-shadow: var(--f7-dialog-box-shadow);
    width: var(--f7-dialog-width);
    margin-left: calc(-1 * var(--f7-dialog-width) / 2);
    border-radius: var(--f7-dialog-border-radius);
    text-align: var(--f7-dialog-text-align);
    color: var(--f7-dialog-text-color);
    font-size: var(--f7-dialog-font-size);
    background: var(--f7-dialog-bg-color);
    will-change: transform, opacity;
}


.popup {
    position: fixed;
}

.toast {
    position: fixed;
}

.notification {
    position: fixed;
}

.md .notification-close-button:before {
    position: relative;
}



.bgi-size-contain-important{
    background-size: contain !important;
}

i.fab {
    position: relative;
    z-index: auto;
}


.btn:focus{
    overflow: hidden;
}


.preloader-modal {
    position: fixed;
}



.fapp-page{
    position: relative;
    width: 100%;
    height: 100%;
}

i.icon .badge, .item-after .badge{
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: var(--f7-badge-text-color);
    background: var(--f7-badge-bg-color);
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    font-weight: var(--f7-badge-font-weight);
    font-size: var(--f7-badge-font-size);
    border-radius: var(--f7-badge-size);
    padding: var(--f7-badge-padding);
    height: var(--f7-badge-size);
    min-width: var(--f7-badge-size);
}



.md:not([class*='color-theme']) {
    --f7-theme-color: #3699ff;
    --f7-theme-color-rgb: 54, 153, 255;
    --f7-theme-color-shade: #2a7cff;
    --f7-theme-color-tint: #4ab4ff;
}


.footer-navigation.tabbar-labels .tabbar-label{
    font-size: 12px;
}


.swiper-banner{
    height: auto;
}

.swiper-banner .swiper-slide a,.swiper-banner .swiper-slide a img{
    width: 100%;
    display: inline-block;
}

.swiper-propictures{
    height: auto;
}

.swiper-propictures{
    max-width: 500px;
}

.swiper-propictures .swiper-slide,.swiper-propictures .swiper-slide img{
    width: 90%;
    max-height: 200px;
    display: inline-block;
}
.swiper-propictures .swiper-slide img{
    object-fit: contain;
}


.navbar-bg{
    background: #ffffff;
}
.navbar .title{
    font-size: 16px;
}


@keyframes fadeInDown_small2 {
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-30%,0);
        transform:translate3d(0,-30%,0)
    }
    to{
        opacity:1;
        -webkit-transform:translateZ(0);
        transform:translateZ(0)
    }
}


@keyframes fadeInDown_small {
    from {
        opacity: 0.5;
        transform: translate3d(0, -12%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.animate__fadeInDown_small {
    -webkit-animation-name: fadeInDown_small2;
    animation-name: fadeInDown_small2;
    animation-duration: 0.9s;
}



@keyframes fadeInUp_small {
    from {
        opacity: 0.1;
        transform: translate3d(0, 5%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}
.animate__fadeInUp_small {
    -webkit-animation-name: fadeInUp_small;
    animation-name: fadeInUp_small;
    animation-duration: 0.6s;
}


.ios.c-ios-actions-modal{
    position: fixed !important;
}
.ios.c-ios-actions-modal .actions-button-text{
    font-size: 14px;
}

.announcement-content, .html-description-content {
    overflow: auto;
}

.announcement-content img, .html-description-content img{
    max-width: 100% !important;
}

.announcement-content video, .html-description-content video{
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0;
    height: auto;
}

.announcement-content table, .html-description-content table{
    margin: 0 auto;
    max-width: 100% !important;
}

.html-description-content table{
    margin: 0 auto !important;
}

.object-fit-cover{
    object-fit: cover;
}

.object-fit-contain{
    object-fit: contain;
}

.white-space-pre-wrap{
    white-space: pre-wrap;
}

#dataList li {
    list-style: none;
}

.color-usdt {
    color: #249e78 !important;
}

.important-z-index-5 {
    z-index: 5 !important;
}

.input-group.input-group-solid .input-group-prepend~.form-control.important-pl-3 {
    padding-left: 0.75rem !important;
}



#app_body .tabbar-status .toolbar-inner{
    text-align: center;
}

.navbar .navbar-inner .right .chip-media{
    overflow: hidden;
}



.menu-nav .menu-item {
    height: auto;
    min-width: inherit;
    background: none;
    flex-shrink: 1;
}

.menu-nav .menu-item.active-state:not(.menu-item-dropdown-opened) {
    background-color: inherit;
}

label , .btn {
    position: relative;
    overflow: hidden;
}

.card.card-custom .card-header:after {
    display: none;
}


.popover-z-index-13001 {
    z-index: 13001;
}


.popover.calendar-popover {
    position: fixed;
    z-index: 13001;
}


[v-cloak]{
    display: none;
}






.text-ellipsis-line-2 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-all;
}
.text-ellipsis-line-3 {
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    word-break: break-all;
}




header.smaller #mainmenu a.active{
    color: #ffffff;
}





.popup .page {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
    background-color: var(--f7-page-bg-color);
    z-index: 1;
}




.toast.toast-sc7{
    max-width: var(--f7-toast-max-width);
    z-index: 20000;
    color: var(--f7-toast-text-color);
    font-size: var(--f7-toast-font-size);
    box-sizing: border-box;
    background-color: var(--f7-toast-bg-color);
}




.lay-r-show{
    transition-duration: 500ms;
}
.lay-r-show-css{
    opacity: 0;
}



.bg-image-blurAnimation {
    animation: blurAnimation 5s infinite alternate;
}

@keyframes blurAnimation {
    0% {
        filter: blur(2px);
    }
    50% {
        filter: blur(8px);
    }
    100% {
        filter: blur(2px);
    }
}


.border-dashed-02 {
     border: 1px dashed rgba(0,0,0,0.2);
}
.data-li-box-shadow {
    border: 1px solid transparent;
    box-shadow: 2px 2px 10px 0 rgba(82, 63, 105, .1);
}
.box-shadow-card-c {
    box-shadow: 2px 2px 10px 0 rgba(82, 63, 105, .1);
}

.navi.navi-bold .navi-item .navi-link .navi-text {
    word-break: break-word;
    word-wrap: break-word;
    white-space: break-spaces;
}

.bg-w-fb{
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(16px);
}