/*GRID*/

.k-table-th, .k-table-td {
    white-space: nowrap !important;
}

.k-table-sm .k-table-th,
.k-table-sm .k-table-td {
    padding: 0px 8px !important;
}

.k-table-md .k-table-th,
.k-table-md .k-table-td {
    padding: 0px 8px !important;
}

.k-table-lg .k-table-th,
.k-table-lg .k-table-td {
    padding: 0px 8px !important;
}

.k-table-md .k-table-th,
.k-table-md .k-table-td {
    padding: 0px 8px !important;
}

.k-grid.form-item {
    border-width: 1px !important;
}
.k-grid.form-item .k-grid-content {
    background-color: var(--contrast-superlow);
}
.k-card {
    overflow-y: auto;
}
/*.k-grid:has(tr.k-grid-norecords) {
    height: 50px;
}*/
.k-d-grid {
    display: grid !important;
}
.k-toolbar::before {
    height: 0px;
}
.k-dropdownlist > .k-input-inner {
    padding-right: 0px !important;
}
/*.k-filtercell-operator > .k-dropdownlist {
    display: none;
}
.k-filtercell-operator > .k-button {
    display: none;
}*/
/*GRID*/
.k-grouping-header::before {
    content: none !important;
}
.k-grid .k-grid-header .k-grid-header-wrap > table > thead > tr {
    height: 42px !important;
}
.k-table-thead {
    background-color: #1e1f21 !important;
}
.k-cell-inner > .k-link {
    padding: 0px !important;
}
.k-column-title {
    line-height: 16px !important;
}
.k-table-md .k-table-th, .k-table-md .k-table-td, .k-table-sm .k-table-th, .k-table-sm .k-table-td {
    padding: 4px 8px !important;
}
.grid .k-cell-inner {
    width: 100% !important;
    margin: 0px !important;
}
.k-header > .k-cell-inner {
    margin: 0px !important;
}
.k-grid-header .k-header {
    vertical-align: middle;
}
.k-grid-noheader .k-grid-header {
    display: none;
}
.k-grid-noborder .k-table-td {
    border-width: 0px !important;
}
.k-grid-nopadding .k-table-td {
    padding: 0px !important;
}
.k-pager-wrap, .k-pager {
    padding: 5px 8px !important;
}
.k-column-title {
    white-space: normal !important;
}
/*FORM*/
.k-form .k-form-field {
    margin-top: 0px !important;
} .k-form.no-butons .k-form-buttons {
    display: none !important;
}
.k-tabstrip-noborder > .k-tabstrip-items-wrapper {
    border: 0px !important;
}.k-tabstrip-content {
    background: transparent !important;
} .k-tabstrip-items {
    overflow-x: auto;
    flex-wrap: nowrap !important;
} .k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
    margin-bottom: 0px !important;
} .k-grid .k-grid-content {
    background: var(--contrast-quitelow) !important;
} .bg-contrast-quitelow {
    background: var(--contrast-quitelow) !important;
} .k-tabstrip-top > .k-tabstrip-items-wrapper {
    margin-bottom: 0px !important;
} .k-filter-field > * {
    min-width: 280px !important;
}
.k-disabled.k-textbox, .k-disabled.k-textarea, .k-disabled.k-numerictextbox, .k-disabled.k-datepicker, .k-disabled.k-datetimepicker, .k-disabled.k-timepicker {
    background-color: transparent !important;
    border: 0px !important;
    opacity: 1 !important;
}
.k-disabled input, .k-disabled textarea {
    padding-left: 0px !important;
}
.k-disabled > .k-datetimepicker > button, .k-disabled.k-datepicker > button, .k-disabled button {
    display: none;
}
.k-disabled > .k-datetimepicker {
    background: transparent !important;
    border: 0px !important;
}
.k-disabled .k-input-spinner {
    display: none;
}
.k-form-field.k-disabled {
    opacity: 1 !important;
}

/*CARD*/
.k-main-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 42px;
    padding: 0px 16px !important;
}

.k-notification {
    display: flex !important;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    flex-direction: row;
    display: flex;
    gap: 15px;
    align-items: center;
} 
/*.k-card-header.dialog-header {
    position: fixed;
    width: 90%;
    z-index: 1000;
} 
.k-card-header.dialog-header + .k-card-body {
    margin-top: 55px;
}*/
/*WIZARD*/
.k-wizard {
    padding: 0px !important;
} .k-wizard > .k-stepper, .k-wizard > .k-wizard-steps {
    margin-top: 20px !important;
} .k-wizard-step {
    padding-top: 0px !important;
    outline: none !important;
}


/*EDITOR*/
.k-editor-tile > .k-toolbar {
/*    padding: 0px 0px 16px 0px !important;*/
}

/*SPLIT*/
.k-splitbar {
    background-color: var(--border-color) !important;
}
.k-ghost-splitbar-horizontal, .k-splitbar-horizontal {
    width: 8px !important;
}
.k-ghost-splitbar-vertical, .k-splitbar-vertical {
    height: 8px !important;
}
.
/*TILES*/
.k-tilelayout-item.a-tileitem-clear {
    /*border: 0px !important;*/
}

.k-tilelayout-item.a-tileitem-clear > .k-tilelayout-item-header {
    /*    border-width: 1px 1px 0px 1px !important;*/
}

.k-tilelayout-item.k-tilelayout-item-header-nobr > .k-tilelayout-item-header {
    border-bottom: 0px !important;
}

.k-tilelayout-item.a-tileitem-clear > .k-tilelayout-item-body {
    padding: 0px !important;
}

.k-tileitem-noheader > .k-tilelayout-item-header {
    display: none;
}

/*LIST*/

.k-listview-pager {
    border-top: 1px solid var(--border-color) !important;
}

/*DRAWER*/

.k-drawer-wrapper {
    height: 100%;
}
.k-drawer-content {
    height: 100%;
}

/*REPORT*/

.twd-top-menu-area {
    overflow: visible !important;
}

.k-grid td:focus, .k-grid td.k-focus, .k-grid th:focus, .k-grid th.k-focus, .k-grid .k-master-row > td:focus, .k-grid .k-grouping-row > td:focus, .k-grid .k-detail-row > td:focus, .k-grid .k-group-footer > td:focus, .k-grid .k-grid-pager.k-focus {
    box-shadow: var(--cds-border-strong)0px 0px 0px 2px inset;
}

.k-button-solid-base:focus, .k-button-solid-base.k-focus {
    box-shadow: var(--cds-border-strong)0px 0px 0px 2px inset;
}

/*ACTON-SHEET*/
.k-actionsheet {
    height: 100%;
/*    max-height: 75vh;*/
}
.k-actionsheet-content {
    height: 100%;
}
.k-actionsheet-titlebar {
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color) !important;
}
.k-actionsheet-titlebar {
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color) !important;
}
.k-actionsheet-titlebar .k-searchbox {
    width: max-content;
}
.k-actionsheet-content > .k-list-container {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.k-actionsheet-content > .k-list-container > .k-list {
    height: 100%;
}
.k-actionsheet-content > .k-list-container > .k-list > .k-list-content {
    background: var(--contrast-quitelow);
}

.k-listview.with-pager-border .k-listview-pager {
    border-top: 1px solid var(--border-color) !important;
}

.k-card-footer {
    border-color: var(--border-color) !important;
}

.k-grid {
    border-width: 0px !important;
}

.k-d-grid-important {
    display: grid !important;
}

.grid .k-cell-inner {
    width: 120%;
}

.k-grid-filter-menu.k-grid-header-menu {
    align-self: end;
    position: absolute;
    margin: 0 0 -8px 0;
    padding: 3px 0 0 0;
}

.k-grid-norecords > .k-table-td:has(.loader-container) {
    height: fit-content;
}

.k-table-th.k-filterable {
    vertical-align: initial !important;
}

.k-column-title {
    white-space: normal;
}

.no-headers-grid .k-grid-header {
    display: none;
}

.grid-notification tr.k-grid-norecords > .k-table-td {
    width: 100% !important;
}

tr.k-grid-norecords > .k-table-td {
    display: block;
    width: 100vw;
    text-align: center;
}

.detail-grid tr.k-grid-norecords > .k-table-td {
    width: 85vw;
}

.loading-controlled .k-loader-container {
    display: flex !important;
}

.k-dialog-titlebar {
    background-color: inherit !important;
}

.k-label {
    font-size: small;
    color: var(--primary-low) !important;
}

.k-label {
    font-size: small;
}

.k-minw-date {
    min-width: 131px;
}

.k-w-min {
    width: min-content;
}

.k-window-actions {
    margin: 0px !important;
}

.k-alert > .k-dialog-content {
    padding: 10px !important;
}

.k-border-1 {
    border: 1px solid var(--border-color) !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-color: var(--border-color) !important;
}

.k-border-radious-0 {
    border-radius: 0px !important;
}

.k-border-b-only {
    border: 0px !important;
    border-bottom: 1px solid var(--border-color) !important;
}

.k-border-bt-only {
    border: 0px !important;
    border-bottom: 1px solid var(--border-color) !important;
    border-right: 1px solid var(--border-color) !important;
}

.k-border-t-only {
    border: 0px !important;
    border-top: 1px solid var(--border-color) !important;
}

.k-h-100-area {
    height: 100%;
}

.k-h-100-area > .k-form-field-wrap {
    height: 100%;
}

.k-h-100-area > .k-form-field-wrap > .k-textarea {
    height: 100%;
}

.k-row-span-2 {
    grid-row: span 2;
}

.k-menu-link:has(span.show-md) {
    display: none !important;
}

@media screen and (max-width: 760px) {
    .k-menu-link:has(span.show-md) {
        display: flex !important;
    }

    li.k-menu-item:has(.hidden-md) {
        display: none !important;
    }
}

.k-window {
    max-width: 100%;
    max-height: 100%;
}

/*fix context menu ng-pluralize index behid dialog*/
.k-animation-container {
    z-index: 987654 !important;
}

.k-flex-hflip {
    flex-direction: row-reverse;
    gap: 5px;
    justify-content: flex-end;
    display: flex !important;
    align-items: baseline;
}

.readonly-form .k-form-field {
    outline: none;
    cursor: default;
    pointer-events: none;
    box-shadow: none;
    align-self: end;
}

.time-picker .k-i-calendar:before {
    content: "\e107" !important;
}

.k-border-width-0 {
    border-width: 0px !important;
}

.k-orgchart-card {
    width: 275px !important;
}

.k-orgchart-node-group-container {
    display: flex;
    flex-direction: column;
    padding: 15px;
    gap: 10px;
    text-align: center;
    font-size: 14px;
    max-width: 450px;
}

.organigrama-role.empty-parent + .k-orgchart-node-container {
    visibility: hidden;
    min-height: 91px;
}

.k-orgchart-card > .k-hstack.k-card-body > div:not(.k-avatar), .k-orgchart-card > .k-hstack.k-card-body > .k-spacer {
    display: none;
}

.k-orgchart-card > .k-hstack.k-card-body > .k-avatar {
    margin-right: 0px;
    flex-basis: auto;
    width: 55px;
    height: 55px;
}

.k-orgchart-card {
    width: fit-content !important;
}

.orgchart-title-visible > .k-card-title {
    margin: 0;
}

.k-h-fitcontent {
    height: fit-content;
}

.k-border-width-0 {
    border-width: 0px !important;
}

.k-listview.sm > .k-listview-content {
    display: grid !important;
    grid-gap: 16px;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: min-content;
}

.k-listview.md > .k-listview-content {
    display: grid !important;
    grid-gap: 16px;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    grid-auto-rows: min-content;
}

.k-listview.lg > .k-listview-content {
    display: grid !important;
    grid-gap: 16px;
    padding: 16px !important;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    grid-auto-rows: min-content;
}

.organigrama-loader-overlay .k-loader-container-overlay {
    background-color: black;
    opacity: 1;
    width: 100%;
    height: 100%;
}

.k-orgchart-node-container {
    gap: 15px;
}

.hidden-users-cardbody .k-card-subtitle {
    font-size: 13px;
}

.k-form-field:has(#articulo-detail-image) {
    align-self: center
}

.k-context-menu {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}


.k-zindex-10000 {
    z-index: 10000;
}

@media screen and (max-width: 600px) {
    li.k-menu-item:has(.hidden-sm) {
        display: none !important;
    }

    .only-show-first-li .k-breadcrumb-delimiter-icon {
        display: none !important;
    }
}

.k-dropdownlist-popup * k-list-item-text {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.k-map .k-marker {
    color: var(--error) !important;
}

@media (hover: none) and (pointer: coarse) {
    .k-input-spinner {
        width: auto !important;
        flex-flow: row !important;
    }
}

.k-form-field.Uppercase .k-input-inner {
    text-transform: uppercase;
}

.k-grid .k-cell-inner .k-grid-filter, .k-grid .k-cell-inner .k-header-column-menu, .k-grid .k-cell-inner .k-grid-header-menu
{
    position: absolute;
}