/*--------------------------------------------------------------
 popup style
--------------------------------------------------------------*/

#popup-user-draft-wrap,
#popup-user-comments-wrap,
#popup-user-check-wrap,
#popup-user-pwd-wrap,
#popup-user-phone-wrap,
#popup-user-ok-wrap {
    display: none;
}

template {
    display: none;
}

/*---------------------------
 svg style
---------------------------*/

.svg-uc-icon {
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.svg-uc-success {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuMDEiIGQ9Ik0wIDBoNDh2NDhIMHoiLz48cGF0aCBkPSJNMjQgNDRhMjAgMjAgMCAxMC0xNC4xNC01Ljg2QTE5Ljk0IDE5Ljk0IDAgMDAyNCA0NHoiIGZpbGw9IiM0ZGI2NzYiLz48cGF0aCBkPSJNMTYgMjRsNiA2IDEyLTEyIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9nPjwvZz48L3N2Zz4=');
}

.svg-uc-error {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHh9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuMDEiIGQ9Ik0wIDBoNDh2NDhIMHoiLz48cGF0aCBkPSJNMjQgNDRBMjAgMjAgMCAxMDQgMjRhMjAgMjAgMCAwMDIwIDIweiIgZmlsbD0iI2U5NDY1MyIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTI5LjY2IDE4LjM0TDE4LjM0IDI5LjY2TTE4LjM0IDE4LjM0bDExLjMyIDExLjMyIi8+PC9nPjwvZz48L3N2Zz4=');
}

.svg-uc-warning {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHBhdGggZmlsbC1vcGFjaXR5PSIuMDEiIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoNDh2NDhIMHoiLz48cGF0aCBkPSJNMjQgNDRhMjAgMjAgMCAxMC0xNC4xNC01Ljg2QTE5Ljk0IDE5Ljk0IDAgMDAyNCA0NHoiIGZpbGw9IiNlYTU4NDYiLz48cGF0aCBkPSJNMjQgMzdhMi41IDIuNSAwIDEwLTIuNS0yLjVBMi41IDIuNSAwIDAwMjQgMzd6IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjQgMTJ2MTYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L2c+PC9nPjwvc3ZnPg==');
}

.svg-uc-mail {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGRlZnM+PHN0eWxlPi5jbHMtM3tmaWxsOm5vbmU7c3Ryb2tlOiNmZmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS13aWR0aDoycHh9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuWbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIj48ZyBpZD0i5Zu+5bGCXzEtMiIgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1vcGFjaXR5PSIuMDEiIGQ9Ik0wIDBoNDh2NDhIMHoiLz48cGF0aCBkPSJNNDQgMjRhMjAgMjAgMCAwMS0yMCAyMEg0VjI0YTIwIDIwIDAgMDE0MCAweiIgZmlsbD0iIzY1YmE4NiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE0IDE4aDE4TTE0IDI2aDE4TTE0IDM0aDEwIi8+PC9nPjwvZz48L3N2Zz4=');
}

.svg-uc-phone {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCA0MCI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMiI+PGcgZGF0YS1uYW1lPSLlm77lsYIgMSI+PHBhdGggZD0iTTIwIDQwYTIwIDIwIDAgMTAtMTQuMTQtNS44NkExOS45NCAxOS45NCAwIDAwMjAgNDB6IiBmaWxsPSIjMTdhMDcyIi8+PHBhdGggZD0iTTE1LjQ0IDEwYTEuMjMgMS4yMyAwIDAxMS4wNy42M0wxOCAxMy4zMmExLjI2IDEuMjYgMCAwMTAgMS4xNUwxNyAxN2E3LjA3IDcuMDcgMCAwMDYgNmwyLjUzLTFhMS4yMSAxLjIxIDAgMDExLjE0IDBsMi43IDEuNWExLjIzIDEuMjMgMCAwMS42MyAxLjA2djMuMWEyLjI3IDIuMjcgMCAwMS0zIDIuMjJjLTMuMDctMS03Ljg0LTMtMTAuODctNnMtNS03LjgtNi0xMC44N2EyLjI3IDIuMjcgMCAwMTIuMjItM3oiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9nPjwvZz48L3N2Zz4=');
}

/*--------------------------------------------------------------
  apollo sign style
--------------------------------------------------------------*/

.nice-sign {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width: 767.98px) {
    .nice-sign {
        padding-left: 1rem;
        padding-right: 1rem;
        min-height: 100vh;
    }
}

@media (min-width: 768px) {
    .nice-sign {
        min-height: 100vh;
    }
}


/*--------------------------------------------------------------
  apollo sign cover style
--------------------------------------------------------------*/

.nice-sign-cover {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.nice-sign-cover .bg-img {
    transform: scale(1.25);
    transition: -webkit-filter .3s ease-in;
    transition: filter .3s ease-in;
    transition: filter .3s ease-in, -webkit-filter .3s ease-in;
}

.nice-sign-cover.is-focus .bg-img {
    -webkit-filter: blur(20px);
    -moz-filter: blur(20px);
    -ms-filter: blur(20px);
    -o-filter: blur(20px);
    filter: blur(20px);
}


/*--------------------------------------------------------------
  apollo sign card style
--------------------------------------------------------------*/

.nice-sign-card {
    position: relative;
    background-color: #fff;
    width: 100%;
    max-width: 420px;
    margin: 3rem 0;
    z-index: 2;
}

.nice-sign-card .sign-logo {
    position: relative;
}

.nice-sign-card .sign-logo img {
    max-width: 80%;
    max-height: 80px;
}

.nice-sign-card .sign-logo .logo-dark {
    display: none;
}

.nice-sign-card .sign-inner {
    padding: 3rem 3rem 2rem;
    text-align: center;
}

.nice-sign-card .sign-wechat {
    text-align: center;
}

.nice-sign-card .sign-wechat .wechat-qcode {
    width: 100%;
}

@media (max-width: 767.98px) {
    .nice-sign-card {
        margin: 1rem 0
    }

    .nice-sign-card .sign-inner {
        padding: 3rem 2rem;
    }
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .nice-sign-card .sign-inner {
        padding: 3rem 2rem 2.5rem;
    }
}

@media (min-width: 1200px) {
    .nice-sign-card .sign-inner {
        padding: 3rem 2.5rem 2.5rem;
    }
}

.nice-sign-card .sign-footer {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    text-align: center;
}

.nice-dark-mode .nice-sign-card .sign-logo .logo {
    display: none;
}

.nice-dark-mode .nice-sign-card .sign-logo .logo-dark {
    display: inline-block;
}

/*--------------------------------------------------------------
  apollo sign others style
--------------------------------------------------------------*/

.sign-others-hr {
    position: relative;
    display: table;
    width: 100%;
    white-space: nowrap;
}

.sign-others-hr:after,
.sign-others-hr:before {
    content: "";
    border-top: 1px solid var(--bg-light);
    display: table-cell;
    width: 50%;
    position: relative;
    top: 10px;
}

.sign-others-hr span {
    position: relative;
    padding: 0 15px;
}

/*--------------------------------------------------------------
apollo List userinfo
--------------------------------------------------------------*/
.user-info-group ul {
    padding: 1rem 1.75rem;
}

.user-info-group li {
    position: relative;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
}

.user-info-group li .user-info-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 42px;
    height: 42px;
    font-size: 1.25rem;
    background-color: var(--bg-light);
    border-radius: 50%;
    margin-right: 1.5rem;
}

.user-info-group li .user-info-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 auto;
    padding: 1.5rem 0;
    border-top: 1px solid var(--border-light);
}

.user-info-group li:first-child .user-info-content {

    border-top: 0;
}

.user-info-group li .user-info-action {
    flex-shrink: 0
}

/*--------------------------------------------------------------
  user avatar style
--------------------------------------------------------------*/
.user-avatar input {
    display: none;
}

/*--------------------------------------------------------------
  user menu widget style
--------------------------------------------------------------*/
.user-menu-widget ul li {
    padding: .25rem 0;
}

.user-menu-widget ul li a {
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    padding: .5rem .5rem .5rem 1.25rem;
    color: var(--color-secondary);
}

.user-menu-widget ul li a:hover,
.user-menu-widget ul li a.active {
    color: var(--color-primary);
    background-color: var(--outline-primary);
    border-radius: var(--border-radius-xs);
}

.user-menu-widget ul li .menu-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.25rem;
    margin-right: .5rem;
}


@media (max-width: 991.98px) {
    .user-menu-widget ul {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        justify-content: center;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .user-menu-widget ul li {
        flex-shrink: 0;
        padding: 0 .5rem;
    }

    .user-menu-widget ul li a {
        flex-direction: column;
        padding: 0.5rem 0.75rem;
    }

    .user-menu-widget ul li a:hover,
    .user-menu-widget ul li a.active {
        color: var(--color-primary);
        background-color: var(--outline-primary);
        border-radius: var(--border-radius-xs);
    }

    .user-menu-widget ul li .menu-icon {
        margin: 0 0 .25rem;
    }

}

@media (max-width: 767.98px) {

    .user-menu-widget ul {
        justify-content: start;
    }

    .user-menu-widget ul li a {
        font-size: .8125rem;
    }

    .user-menu-widget ul li a:hover,
    .user-menu-widget ul li a.active {
        color: var(--color-primary);
        background-color: var(--outline-primary);
        border-radius: var(--border-radius-xs);
    }

}

/*--------------------------------------------------------------
  insign date style
--------------------------------------------------------------*/

.insign-date-line {
    position: relative;
}

.insign-date-line::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    top: 50%;
    height: 2px;
    margin-top: 9px;
    background-color: var(--bg-light);
    transform: translate(0, 1px);
}

.insign-date-line .btn {
    position: relative;
    background-color: rgb(255 233 234);
    z-index: 2;
    opacity: 1;
}


.insign-date-line .btn:hover,
.insign-date-line .btn:focus,
.insign-date-line .btn.active,
.insign-date-line .btn:active {
    color: #fff;
    background-color: var(--bg-danger);
    border: var(--bg-danger);
}

@-webkit-keyframes insign-button-animation {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.95)
    }
}

@keyframes insign-button-animation {

    0%,
    to {
        transform: scale(1)
    }

    25% {
        transform: scale(1.3)
    }

    50% {
        transform: scale(.95)
    }
}

.insign-date-line .current .btn {
    -webkit-animation-duration: .45s;
    animation-duration: .45s;
    -webkit-animation-name: insign-button-animation;
    animation-name: insign-button-animation;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    transform: scale(1);
}

.list-inner-title {
    position: relative;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .insign-date-line .btn.btn-icon {
        width: 1.625rem;
        height: 1.625rem;
        font-size: 1rem;
    }
}

/* -------------------------------- 
Editor radio style 
-------------------------------- */

.editor-type-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -.375rem;
}

.editor-type-radio .item {
    padding: .375rem;
}

.editor-type-radio .item .check-input {
    display: none;
}

.editor-type-radio .item .check-label {
    position: relative;
    padding: .75rem 1.5rem;
    display: block;
    cursor: pointer;
    color: var(--color-muted);
    text-align: center;
    background-color: var(--outline-light);
    border-radius: var(--border-radius-sm);
}

.editor-type-radio .item .check-input:checked~.check-label {
    background-color: var(--outline-primary);
    color: var(--color-primary);
}

.editor-type-radio .item .check-label .cheak-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.75rem;
    height: 2.75rem;
    font-size: 1.75rem;
    margin: 0 auto 0.5rem;
}

.editor-tags-radio {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: -.375rem;
}

.editor-tags-radio .item {
    padding: .375rem;
}

.editor-tags-radio .item .check-input {
    display: none;
}

.editor-tags-radio .item .check-label {
    position: relative;
    padding: .5rem 2.5rem .5rem .875rem;
    display: block;
    cursor: pointer;
    background-color: var(--outline-light);
    color: var(--color-secondary);
    border-radius: var(--border-radius-sm);
}

.editor-tags-radio .item .check-input:checked~.check-label {
    background-color: var(--outline-primary);
    color: var(--color-primary);
}

.editor-tags-radio .item .check-label .cheak-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 12px;
    height: 12px;
    transform: translateY(-50%);
    transition: all 300ms ease-in-out;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzA5MDkwOSIgZmlsbC1vcGFjaXR5PSIuMiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTIuNjIxIDEyLjYyMWg3LjVhMS41IDEuNSAwIDAgMCAwLTNoLTcuNXYtNy41YTEuNSAxLjUgMCAxIDAtMyAwdjcuNWgtNy41YTEuNSAxLjUgMCAxIDAgMCAzaDcuNXY3LjVhMS41IDEuNSAwIDEgMCAzIDB2LTcuNVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==');
}

.editor-tags-radio .item .check-input:checked~.check-label .cheak-icon {
    transform: translateY(-50%) rotate(45deg);
}

.nice-dark-mode .editor-tags-radio .item .check-label {
    background-color: var(--dark-bg-light);
    color: var(--dark-color-secondary);
}

.nice-dark-mode .editor-tags-radio .item .check-input:checked~.check-label {
    background-color: var(--bg-primary);
    color: #fff;
}

/* -------------------------------- 
editor fileuploader style 
-------------------------------- */

.editor-uploads input {
    width: 0;
    height: 0;
    opacity: 0;
    display: none;
    z-index: -9999;
}

.fileuploader-theme-thumbnails {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
    position: relative;
    display: inline-block;
    margin: 5px 0 0 5px;
    padding: 0;
    vertical-align: top;
    width: 25%;
    width: calc(25% - 5px);
    padding-top: calc(25% - 5px);
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner,
.fileuploader-theme-thumbnails .fileuploader-item-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius-sm, 6px);
}

@media (min-width: 1200px) {

    .fileuploader-theme-thumbnails .fileuploader-thumbnails-input,
    .fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item {
        width: calc(200px - 5px);
        padding-top: calc(200px - 5px);
    }
}


/* input */

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    font-size: 30px;
    text-align: center;
    color: var(--color-secondary);
    cursor: pointer;
    background: var(--bg-light);
    border: 1px solid var(--border-light);
    transition: all 0.2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:hover {
    background: var(--bg-light);
    border-color: var(--border-light);
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner:active,
.fileuploader-theme-thumbnails .fileuploader-dragging .fileuploader-thumbnails-input-inner {
    background: var(--bg-light);
    border-color: var(--border-light);
}

.fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner i {
    position: absolute;
    font-style: normal;
    left: 0;
    top: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}


/* items */

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-items-list {
    margin: -5px 0 0 -5px;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item {
    border-bottom: 0;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item:last-child {
    margin-bottom: 0;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item-inner {
    background: rgba(0, 0, 0, 0.02);
    overflow: hidden;
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item-inner .thumbnail-holder,
.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
    width: 100%;
    height: 100%;
    border-radius: inherit;
}

.fileuploader-theme-thumbnails .fileuploader-items-list .fileuploader-item-image {
    position: relative;
    background: #ffff;
    text-align: center;
    overflow: hidden;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon {
    background-size: 30%;
    border-radius: var(--border-radius-xs, 4px);
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-item-icon i {
    display: none;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action-popup {
    border-radius: var(--border-radius-sm, 6px);
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item .type-holder {
    position: absolute;
    top: 6px;
    left: 6px;
    padding: 3px 6px;
    background: var(--bg-secondary);
    text-transform: uppercase;
    color: #fff;
    font-size: .5rem;
    line-height: 1;
    border-radius: inherit;
    z-index: 2;
}

.fileuploader-theme-thumbnails .fileuploader-item .actions-holder {
    position: absolute;
    top: 6px;
    right: 6px;
    height: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    z-index: 2;
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action {
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action {
    margin-left: 8px;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 6px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    z-index: 2;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder h5 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fileuploader-theme-thumbnails .fileuploader-item .content-holder span {
    display: block;
    font-size: .5rem;
    color: var(--color-light);
}

.fileuploader-theme-thumbnails .close-fileuploader {
    cursor: pointer;
}


/* uploading */

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    display: none;
    z-index: 1;
}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder .fileuploader-progressbar {
    position: relative;
    top: 50%;
    width: 80%;
    height: 6px;
    margin: 0 auto;
    margin-top: -6px;
    background: var(--bg-light);
}

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.upload-failed .fileuploader-item-inner {
    background: #db6868;
}


/* sorter */

.fileuploader-theme-thumbnails .fileuploader-items .fileuploader-item.sorting {
    padding-top: 0;
    margin: 0;
}

.fileuploader-theme-thumbnails .fileuploader-sorter-placeholder {
    background: var(--bg-light);
    border-radius: var(--border-radius-sm, 6px);
}


/* action */

.fileuploader-items .fileuploader-item .fileuploader-action i {
    display: block;
    line-height: 18px;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
    background: var(--bg-success);
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
    background: var(--bg-danger);
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
    content: "" !important;
    position: relative;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    top: 2px;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlLz48L2RlZnM+PHBhdGggZD0iTTU3NiA1MTJsMjc3LjMzMyAyNzcuMzMzLTY0IDY0TDUxMiA1NzYgMjM0LjY2NyA4NTMuMzMzbC02NC02NEw0NDggNTEyIDE3MC42NjcgMjM0LjY2N2w2NC02NEw1MTIgNDQ4bDI3Ny4zMzMtMjc3LjMzMyA2NCA2NEw1NzYgNTEyeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
}

/*--------------------------------------------------------------
post pagination
--------------------------------------------------------------*/
.apollo-pagination {
    margin-top: 2rem;
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .apollo-pagination {
        margin-top: 1.5rem;
    }
}

@media (max-width: 767.98px) {
    .apollo-pagination {
        margin-top: 1rem;
    }
}

/*--------------------------------------------------------------
popup inner
--------------------------------------------------------------*/

.nice-popup-inner {
    text-align: center;
}

/*--------------------------------------------------------------
popup input
--------------------------------------------------------------*/

.nice-uc-body input::-webkit-outer-spin-button,
.nice-uc-body input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

.nice-uc-body input[type="number"] {
    -moz-appearance: textfield;
}

/*--------------------------------------------------------------
dark mode sign others
--------------------------------------------------------------*/

.nice-dark-mode .sign-others-hr:after,
.nice-dark-mode .sign-others-hr:before {
    border-top-color: var(--dark-bg-light);
}


/*--------------------------------------------------------------
dark mode insign date others
--------------------------------------------------------------*/

.nice-dark-mode .insign-date-line::after {
    background-color: var(--dark-bg-light);
}


/*--------------------------------------------------------------
dark mode fileuploader
--------------------------------------------------------------*/

.nice-dark-mode .fileuploader-theme-thumbnails .fileuploader-thumbnails-input-inner {
    background: var(--dark-bg-light);
    border-color: var(--dark-border-light);
    color: #fff;
}


/*--------------------------------------------------------------
apollo List userinfo
--------------------------------------------------------------*/
.nice-dark-mode .user-info-group li .user-info-icon {
    background-color: var(--dark-bg-light);
}

.nice-dark-mode .user-info-group li .user-info-content {
    border-top-color: var(--dark-border-light);
}

/* -------------------------------- 
editor tags add style 
-------------------------------- */


.nice-dark-mode .editor-tags .selectize-input {
    color: var(--dark-color-muted);
    background-color: var(--dark-bg-secondary);
    border-color: var(--dark-bg-light);
}

.nice-dark-mode .editor-tags .selectize-input .item {
    color: var(--nice-color-dark);
}

.nice-dark-mode .editor-tags .selectize-control.multi .selectize-input>div {
    color: var(--color-danger);
    background: rgb(255 89 89 / 18%);
}

.nice-dark-mode .editor-tags .selectize-dropdown {
    color: var(--dark-color-muted);
    background-color: var(--dark-bg-dark);
}

.nice-dark-mode .editor-tags .selectize-dropdown .option {
    color: var(--dark-color-dark);
}

.nice-dark-mode .editor-tags .selectize-dropdown .option.active {
    background: var(--dark-bg-light);
}

.nice-dark-mode .editor-tags .selectize-input,
.nice-dark-mode .editor-tags .selectize-control.single .selectize-input.input-active {
    background-color: var(--dark-bg-secondary);
}

.nice-dark-mode .editor-tags .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-thumb {
    background-color: var(--dark-bg-light);
}

.nice-dark-mode .editor-tags .selectize-dropdown .selectize-dropdown-content::-webkit-scrollbar-track {
    background-color: var(--dark-bg-secondary);
}

/* -------------------------------- 
ck style 
-------------------------------- */
#post-editor .ck.ck-reset_all {
    color: var(--color-body) !important;
}

#post-editor .ck.ck-toolbar {
    padding: .125rem 0 !important;
    border: 0 !important;
    background-color: transparent;
    margin-bottom: .25rem;
}

#post-editor .ck.ck-button {
    box-shadow: none !important;
}

#post-editor .ck.ck-button:active,
#post-editor .ck.ck-button:focus,
#post-editor a.ck.ck-button:active,
#post-editor a.ck.ck-button:focus {
    border-color: var(--border-light)
}

#post-editor .ck.ck-button.ck-on,
#post-editor a.ck.ck-button.ck-on {
    background: transparent;
}

#post-editor .ck.ck-button:not(.ck-disabled):hover,
#post-editor a.ck.ck-button:not(.ck-disabled):hover {
    --ck-color-button-default-hover-background: var(--bg-light);
}

#post-editor .ck-rounded-corners .ck.ck-button,
#post-editor .ck-rounded-corners a.ck.ck-button,
#post-editor .ck.ck-button.ck-rounded-corners,
#post-editor a.ck.ck-button.ck-rounded-corners {
    --ck-border-radius: var(--border-radius-xs);
}

#post-editor .ck-rounded-corners .ck.ck-dropdown__panel,
#post-editor .ck.ck-dropdown__panel.ck-rounded-corners {
    --ck-border-radius: var(--border-radius-sm);
    border-color: var(--border-light);
    padding: .25rem .375rem;
    box-shadow: var(--shadow);
}

#post-editor .ck.ck-dropdown__panel.ck-dropdown__panel_se {
    border-top-left-radius: var(--border-radius-sm);
}

#post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck.ck-button.ck-on,
#post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list a.ck.ck-button.ck-on {
    background: var(--bg-primary);
}

#post-editor .ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck.ck-list__item .ck-button {
    border-radius: var(--ck-border-radius);
    margin: .125rem 0;
}

#post-editor .ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button,
#post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:first-child .ck-button.ck-rounded-corners {
    border-radius: var(--ck-border-radius);
}

#post-editor .ck-rounded-corners .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button,
#post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck-list__item:last-child .ck-button.ck-rounded-corners {
    border-radius: var(--ck-border-radius);
}

#post-editor .ck.ck-editor {
    background-color: var(--bg-light) !important;
    border-radius: var(--border-radius-sm) !important;
    padding: .375rem .75rem .75rem;
}

#post-editor .ck.ck-editor__editable.ck-focused:not(.ck-editor__nested-editable) {
    box-shadow: none !important;
}

#post-editor .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
#post-editor .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    background-color: #fff !important;
    border-radius: var(--border-radius-xs) !important;
    border-color: transparent !important;
}

.page .ck.ck-balloon-panel {
    background: var(--ck-color-panel-background);
    border-color: var(--border-light);
    box-shadow: var(--shadow);
    min-height: 15px;
}

.page .ck.ck-balloon-panel[class*=arrow_n]:before {
    border-color: transparent transparent var(--border-light) transparent;
}

.page .ck.ck-input:focus {
    box-shadow: none;
    border-color: var(--border-primary);
}

.page .ck-rounded-corners .ck.ck-balloon-panel .ck.ck-label {
    top: -2px !important;
}

#post-editor .ck.ck-content:not(.ck-style-grid__button__preview) {
    min-height: 600px;
}

#post-editor .ck.ck-content h2,
#post-editor .ck.ck-content h3,
#post-editor .ck.ck-content h4,
#post-editor .ck.ck-content p {
    margin-bottom: 1rem;
}


#post-editor .ck.ck-content ul,

#post-editor .ck.ck-content ol {
    padding: 0 0 0 1.25rem;
    margin-bottom: 1.5rem;
}


#post-editor .ck.ck-content ul {
    list-style: disc;
}

#post-editor .ck.ck-content ul ul,
#post-editor .ck.ck-content ol ol,
#post-editor .ck.ck-content ul ol,
#post-editor .ck.ck-content ol ul {
    margin-bottom: 1rem;
}

#post-editor .ck.ck-contentul ul {
    list-style: circle;
    margin: 0.75rem 0;
}

#post-editor .ck.ck-content ul ul ul {
    list-style: square;
}

#post-editor .ck.ck-content ol {
    list-style: decimal;
}

#post-editor .ck.ck-content ol ol {
    list-style: lower-alpha;
}

#post-editor .ck.ck-content ol ol ol {
    list-style: lower-roman;
}

#post-editor .ck.ck-content li {
    line-height: 1.5;
    margin: 0 0 .5rem;
}

#post-editor .ck.ck-content li li {
    margin: 0 0 0.5rem;
}

#post-editor .ck.ck-content li img {
    display: inline-block;
}


@media (max-width: 767.98px) {
    #post-editor .ck.ck-content:not(.ck-style-grid__button__preview) {
        min-height: 400px;
    }
}

/* -------------------------------- 
dark ck style 
-------------------------------- */

.nice-dark-mode #post-editor .ck.ck-button:active,
.nice-dark-mode #post-editor .ck.ck-button:focus,
.nice-dark-mode #post-editor a.ck.ck-button:active,
.nice-dark-mode #post-editor a.ck.ck-button:focus {
    border-color: var(--dark-bg-secondary);
    background-color: var(--dark-bg-secondary);
    color: #fff;
}

.nice-dark-mode #post-editor .ck.ck-reset_all {
    color: var(--dark-color-body) !important;
}

.nice-dark-mode #post-editor .ck.ck-button:not(.ck-disabled):hover,
.nice-dark-mode #post-editor a.ck.ck-button:not(.ck-disabled):hover {
    --ck-color-button-default-hover-background: var(--dark-bg-light);
}

.nice-dark-mode #post-editor .ck-rounded-corners .ck.ck-dropdown__panel,
.nice-dark-mode #post-editor .ck.ck-dropdown__panel.ck-rounded-corners {
    border-color: var(--dark-border-light);
    box-shadow: var(--shadow);
}

.nice-dark-mode #post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list .ck.ck-button.ck-on,
.nice-dark-mode #post-editor .ck.ck-dropdown .ck-dropdown__panel .ck-list a.ck.ck-button.ck-on {
    background: var(--bg-primary);
}

.nice-dark-mode #post-editor .ck.ck-editor {
    background-color: var(--dark-bg-light) !important;
}

.nice-dark-mode #post-editor .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable,
.nice-dark-mode #post-editor .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners {
    background-color: var(--dark-bg-secondary) !important;
}

.nice-dark-mode.page .ck.ck-balloon-panel {
    background: var(--ck-color-panel-background);
    border-color: var(--dark-border-light);
}

.nice-dark-mode.page .ck.ck-balloon-panel[class*=arrow_n]:before {
    border-color: transparent transparent var(--dark-border-light) transparent;
}

.nice-dark-mode #post-editor .ck.ck-icon :not([fill]) {
    fill: #fff;
}

.nice-dark-mode .ck.ck-dropdown.ck-heading-dropdown .ck-dropdown__button .ck-button__label {
    color: #fff;
}