@keyframes rainbow {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }


.k-header-buttons .k-button.k-page-view-status {
    display:none;
}
.k-page-view-header .k-form-buttons button:nth-child(2){
    background: linear-gradient(to right, rgb(253, 187, 253), rgb(214, 157, 255), rgb(140, 255, 140), green, yellow, rgb(255, 209, 125), rgb(255, 104, 104));
    background-size: 1400% 100%;
    animation: rainbow 5s linear infinite;
}

svg[data-type="status-draft"] * {
    fill:var(--color-gray-500);
}

.k-field-name-chat_history_data {
    display:none;
}
.k-site-view-preview {
    display:none;
}


@media screen and (max-width:800px) {
.k-panel-main .k-section-name-pages .k-table th:nth-child(7), .k-panel-main .k-section-name-pages .k-table td:nth-child(7) {
    display:none;
}
.k-panel-main .k-section-name-pages .k-table th:nth-child(6), .k-panel-main .k-section-name-pages .k-table td:nth-child(6) {
    display:none;
}
.k-panel-main .k-section-name-pages .k-table th:nth-child(1), .k-panel-main .k-section-name-pages .k-table td:nth-child(1) {
    display:none;
}
.k-panel-main .k-section-name-pages .k-table td p {
    padding-top:12px;
    padding-bottom:12px;
}
.k-url-field-preview a>* {
    overflow:visible;
    height:auto;
    white-space:wrap;
}
.k-table th, .k-table td {
    height:auto;
}
}

.k-section-name-location_pages .k-section-buttons {
    display:none;
}
.k-page-view .k-field-name-priority {
    opacity: 0.4;
    pointer-events:none;
}

.k-page-view .k-dialog-body .k-field-name-priority {
    opacity: 1;
    pointer-events:all;
}
div[data-role="admin"] .k-section-name-location_pages .k-section-buttons{
    display:flex;
}
div[data-role="admin"] .k-field-name-priority {
    opacity: 1;
    pointer-events:all;
}

.k-text-field-preview {

    &[data-value="Fresh"]{
        background:transparent;
        color:black;
    }

    &[data-value="This Week"]{
        background:#eeeeee;
        color:black;
    }

    &[data-value="2 Weeks"]{
        background:#ffffaf;
        color:black;
    }

    &[data-value="Aging"]{
        background:orange;
        color:white;
    }

    &[data-value="Old"]{
        background:red;
        color:white;
    }

    &[data-value="Ancient"]{
        background:black;
        color:white;
    }

}