/* kendo combobox */
.k-dropdown-wrap .k-input,
.k-numeric-wrap .k-input,
.k-picker-wrap .k-input {
    margin-top: 0 !important;
    box-shadow: unset;
}

/* .k-autocomplete,
.k-dropdown-wrap.k-state-default,
.k-numeric-wrap.k-state-default,
.k-picker-wrap.k-state-default {
    border: 0;
} */

.k-dropdown-wrap {
    border-color: #e4e7ea !important;
}

.k-state-default > .k-select {
    background-color: white;
}

.k-dropdown-wrap .k-select,
.k-numeric-wrap .k-select,
.k-picker-wrap .k-select {
    line-height: 2.4em;
}

.k-list .k-item:focus,
.k-list .k-item.k-state-focused,
.k-list-optionlabel:focus,
.k-list-optionlabel.k-state-focused {
    box-shadow: unset;
}

.k-popup.k-calendar-container,
.k-popup.k-list-container {
    background-color: white;
    box-shadow: none;
    padding: 0;
}
.k-listbox .k-item,
.k-popup .k-list .k-item {
    border-top: 0;
    line-height: 35px;
    color: gray;
    padding-left: 1rem;
    cursor: pointer;
}
.k-listbox .k-item:not(.k-state-selected):hover,
.k-popup .k-list .k-item:not(.k-state-selected):hover {
    background-color: #ebedef;
    text-decoration: none;
}

.k-list .k-item.k-state-selected,
.k-list-optionlabel.k-state-selected {
    background-color: #ebedef;
    text-decoration: none;
}

.k-combobox .k-state-focused {
    box-shadow: 0 0 0 1px #8ad4ee !important;
}
/* end kendo combobox */

/* kendo upload */
.k-upload .k-button {
    background-color: #c8ced2;
    border: none;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    box-shadow: unset;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
        border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.k-upload .k-button:hover,
.k-upload .k-button:focus {
    background-color: #bdbdbdbb;
}
.k-upload {
    border: 0;
    display: inline-block;
}
.k-dropzone {
    display: inline-block;
    padding: 0;
    background-color: white;
    border: 0;
}
.k-upload .k-upload-button {
    margin-right: 0.5em;
}
/* end kendo upload  */

/* kendo grid with upload  */
.k-grid tbody tr td {
    vertical-align: top;
}

.k-grid tr:hover {
    background-color: #f6fcff;
}

.k-grid-header th.k-header {
    background-color: #ebedef;
}

/* element upload */
.k-grid .k-action-buttons {
    display: none;
}
.k-grid .k-upload {
    width: 100%;
    border: 1px solid lightgray;
    background-color: #f0f3f5;
}
.k-grid #btn_row_remove {
    padding: 0px !important;
    width: 30px;
    height: 30px;
}
.k-grid [data-field=document_files] {
    text-overflow: clip;
}
.k-grid .k-dropzone {
    background-color: transparent;
}
.k-grid .k-upload .k-upload-button {
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: transparent;
    border: 1px solid lightgray;
}
.k-grid .k-upload .k-upload-button:hover {
    background-color: lightgray;
}
.k-grid .k-upload .k-button.k-upload-action {
    padding-right: 5px;
    padding-left: 5px;
}
/* end kendo grid */

/* kendo grid pagination */
.k-grid .k-label {
    color: #9b9b9b;
}
.k-grid .k-pager-wrap {
    background-color: #ebedef;
}
.k-grid .k-dropdown-wrap {
    background: white;
    border: 1px solid #d5d5d5;
}
.k-grid .k-dropdown-wrap .k-i-arrow-60-down {
    top: -4px;
}
.k-grid .k-dropdown-wrap.k-state-focused {
    background-color: #c7d5e0;
}
.k-grid .k-dropdown-wrap.k-state-hover {
    background-color: #c7d5e0;
}
.k-grid .k-pager-wrap .k-pager-first {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
}
.k-grid .k-pager-wrap .k-pager-last {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}
.k-grid .k-pager-nav + .k-pager-nav {
    margin-left: 0;
}
.k-grid .k-pager-wrap .k-link:not(.k-state-disabled) {
    color: #6daee2;
}
.k-grid .k-pager-wrap .k-link {
    border-radius: 0;
    background: #f0f3f5;
}
.k-grid .k-pager-wrap .k-link:hover {
    background-color: #c7d5e0;
}
.k-grid .k-pager-wrap .k-link.k-pager-refresh {
    border-radius: 0;
    border: 0;
    background: transparent !important;
}
.k-grid .k-pager-wrap .k-link.k-pager-refresh:hover {
    color: #2996f0;
}
.k-pager-md .k-pager-info, .k-pager-sm .k-pager-info, .k-pager-sm .k-pager-numbers, .k-pager-sm .k-pager-sizes {
    display: flex;
}
/* end kendo grid pagination */

@keyframes move-scroll {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}

@media (max-width: 992px) {
    .animate-scroll-table-grid {
        display: block;
        width: 62px;
        height: 62px;
        position: absolute;
        left: 50%;
        top: 50%;
        background: url(/user/assets/img/assets/scroll_in_table.png) no-repeat
            center center;
        background-size: cover;
        z-index: 6;
        -webkit-animation: animate-scroll-table-grid 1.5s infinite;
        -moz-animation: animate-scroll-table-grid 1.5s infinite;
        animation: animate-scroll-table-grid 1.5s infinite;
    }
}
.animate-scroll-table-grid {
    animation: move-scroll 10s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}
.k-grid .btn-actions[disabled] {
    cursor: default;
    opacity: 0.65;
}
.k-grid .btn-actions:not([disabled]) {
    cursor: pointer;
    opacity: 1;
}
.k-grid .btn-actions:not([disabled]):hover {
    opacity: 0.65;
}

.text-overflow-clip {
    text-overflow: clip !important;
}

.k-grid .k-hierarchy-cell {
    width: 100%;
    padding: 0;
    padding-top: 12px;
}

.k-grid .k-hierarchy-cell .k-icon {
    width: 100%;
}

.k-grid .k-hierarchy-cell .k-i-expand:before, 
.k-grid .k-hierarchy-cell .k-i-collapse:before {
    font-size: 25px;
    width: 100%;
}

.k-grid .k-hierarchy-cell .k-i-collapse:before {
    content: "\e006";
}

.k-grid .k-hierarchy-cell+td {
    border-left-width: 1px;
}

.k-grid tbody tr td {
    border-bottom: 1px solid #d5d5d5;
}
.k-grid .k-pager-wrap {
    border-top: 0;
}
.k-grid .k-hierarchy-cell ~ .k-detail-cell {
    padding: 0;
}
.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations {
    border: 0;
    max-width: 655px;
    border-right: 1px solid #d5d5d5;
}
.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations.k-grid tbody tr:last-child td {
    border-bottom: 0;
}

.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations .image-profile {
    width: 36px;
    height: 36px;
}

.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations .user-name {
    color: #023F88;
}

.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations .image-profile img {
    max-height: 36px;
    max-width: 36px;
    min-height: 36px;
    min-width: 36px;
}

.k-grid .k-hierarchy-cell ~ .k-detail-cell .tbl-conversations .badge {
    width: 100px;
}

/* // Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .k-pager-input {
        margin: 0;
    }

    .k-pager-input :not(input) {
        display: none;
    }

    .k-pager-sizes #lbl_pagination_items_per_page {
        display: none;
    }

    .k-pager-info {
        display:none;
    }
}

/* // Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    .k-pager-sizes {
        display: none;
    }
}