/*
    robot.kendo.custom.css v1.0.1
    Author : Asiri Dissanayaka
    Owner : Robot Industries
    Last Modification : Asiri Dissanayaka on 2019-08-16
*/

.k-textarea {
    width: auto;
    min-height: calc((1.42857em * 2) + (4px * 2));
}

.k-header.k-grid-toolbar {
    text-align: right;
}

.k-header.k-grid-toolbar > .grid-header {
    float: left;
    font-size: 20px;
}

/*Popup editor width fix*/
.k-edit-form-container {
    width: auto !important;
}


/*Grid customization Begin*/
.k-grid th, .k-grid td {
    padding: 5px 10px;
    /*padding-right: 0;*/
}

.k-grid .k-hierarchy-cell > .k-icon {
    padding: 0;
}

.k-grid-header th.k-header {
    padding: 10px 5px;
}

.k-grid-header .k-grid-filter, .k-grid-header .k-header-column-menu {
    padding: 0;
    width: calc( 5px + 1.42857em);
    height: calc( 5px + 1.42857em);
}

.k-grid-header .k-header.k-filterable > .k-link {
    margin-right: calc(5px + 1.42857em);
}

.k-grid-header .k-header > .k-link {
    margin: 0;
    padding: 0;
}

.k-detail-row .k-detail-cell {
    background-color: rgba(0, 104, 118, 0.25);
}
/*Grid customization Begin*/

/*kendo tabstrip loading animation Begins*/
.k-tabstrip .k-tabstrip-items .k-loading {
    border-top: 2px solid #006876;
    border-top: 2px solid rgba(0, 104, 118, 0.4);
}

.k-tabstrip-items .k-loading.k-complete {
    border-top-width: 0 !important;
}

.k-tabstrip-items .k-loading {
    -ms-animation: k-tab-loader 1s ease-in-out infinite;
    -webkit-animation: k-tab-loader 1s ease-in-out infinite;
    animation: k-tab-loader 1s ease-in-out infinite;
}

@-webkit-keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}

@keyframes k-tab-loader {
    0% {
        left: 0
    }

    50% {
        left: 80%
    }

    100% {
        left: 0
    }
}
/*kendo tabstrip loading animation Ends*/

/*Kendo editor styles begin*/
.k-editor-dialog .k-editor-textarea {
    width: 600px;
    height: 350px;
    padding: .2em .2em .2em .4em;
    border-width: 1px;
    border: 1px solid #CCC;
    border: 1px solid rgba(0, 0, 0, 0.08);
    overflow: auto;
}
/*Kendo editor styles end*/

/*-----------style for editor within the grid detail temlate-------------*/
.k-detail-cell .k-editor {
    border-width: 1px !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

.k-detail-cell .k-editor .k-editable-area {
        border-width: 1px 0 0 0 !important;
}
/*styles end*/