/**
    Add SEIMS specific Kendo Telerik components styles here
**/

/* Drawer styles */

/* fit content inside container*/
.k-drawer-container {
    width: 100%;
}

/* change drawer background color to match with header */
.k-drawer {
    background-color: var(--surface-100);
}

/* to fit content within main viewer */
.k-drawer-content {
    overflow: auto;
}

/*adust to fit within the specified width*/
.k-drawer-item {
    padding-block: 6px;
    padding-inline: 8px;
    gap: 10px;
}

    /* wrap text to 2 lines*/
    .k-drawer-item .k-item-text {
        white-space: pre-wrap;
        font-size: 0.8em;
    }

.k-drawer-mini .k-drawer-wrapper {
    width: 50px;
}

.k-drawer-item.k-level-0.k-selected {
    color: white !important;
    background-color: var(--primary-500) !important;
}

.k-drawer-item.k-level-1 {
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
}

/* enable absolute position for the search icon */
.tb-icon-container {
    position: relative;
}

    /* position search icon over textbox */
    .tb-icon-container .k-icon {
        position: absolute;
        z-index: 1;
        top: 8px;
        right: 0.5em;
    }

.k-table-td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
}

/* added to handle borders on hover and active state  */
.k-input-outline:hover, .k-input-outline.k-hover {
    border: 1px solid rgba(0,0,0,0.87);
}

.k-input-outline:focus-within {
    border: 1px solid #b3e5fc !important;
}

.k-input-outline:focus, .k-input-outline.k-focus {
    border: 1px solid #b3e5fc !important;
}

.k-input-outline.k-invalid, .k-input-outline.k-invalid.k-focus {
    border: 1px solid #f31700 !important;
}

.k-textbox.k-input.k-input-outline:focus-within {
    border: 1px solid #b3e5fc !important;
}

/* to overwrite default value on button text  */
.k-button {
    text-transform: none;
}

/* to overwrite alt color to selected row color */
.k-grid.k-grid-md .k-grid-container .k-grid-content .k-grid-table.k-table .k-table-tbody .k-master-row.k-table-row.k-alt.k-selected {
    background-color: #b3e5fc;
}

.k-notification-success {
    background-color: #6abb86;
    border-color: #6abb86;
    color: white;
}

.k-notification-warning {
    background-color: #bbb76a;
    border-color: #bbb76a;
    color: white;
}

.k-notification-info {
    background-color: #6abbb4;
    border-color: #6abbb4;
    color: white;
}

.k-notification-error {
    background-color: #bb6a7b;
    border-color: #bb6a7b;
    color: white;
}

.k-input-button.k-disabled {
    opacity: .4;
}

.k-dropdownlist.k-disabled {
    background-color: #c1bebe;
}

.k-textbox.k-input.k-input-solid {
    border-top-width: 0;
}