﻿.k-toolbar{
    display:block;
}
.k-grid-norecords {
    display: block;
    height:30px;
}
.k-upload.k-upload-async {
    background-color: #f3f3f4;
}
/* give grid rows more vertical roomspace */
.k-grid td {
    padding-top: 0.7em;
    padding-bottom: 0.65em;
}

/* make grid alternative rows darker */
/*.k-grid .k-alt { background: #f9f9f9; }*/

/* make the header filter icon smaller and lighter */
.k-grid-header .k-icon.k-i-filter,
.k-grid-header .k-i-more-vertical {
    /*font-size: 9px !important;*/
    margin-right: 2px;
    color: #656565;
}
.k-grid-header .k-icon.k-i-filter:hover,
.k-grid-header .k-i-more-vertical:hover { color: #000; }

.k-grid-header .k-icon { font-weight: normal; }

/* header text styling */
.k-grid-header th { font-weight: normal; font-size: 13px;  }
.k-grid-header th[colspan] { text-align: center; }

/* make the menu icon highlighting more obvious when a column has a filter enabled */
.k-grid-header .k-i-sort-asc-sm,
.k-grid-header .k-i-sort-desc-sm,
.k-grid-header .k-state-active .k-icon { color: #EA7600; }
.k-grid-header .k-state-active { background: transparent; }

/* remove help text from filter menu */
.k-grid-header .k-filter-help-text { display: none; }

/* remove k-grid inline button style */
.k-grid td .k-button { min-width: 0 !important; min-height: 0 !important; line-height: normal; padding: 2px 6px; }
.k-grid td a.k-button {
   width:28px;
   height:26px;
}
/*.k-grid td .k-button .k-icon { display: none; }*/

/* align grid menu checkbox better */
.k-column-menu .k-menu-group li span input[type=checkbox] { margin-right: 5px; position: relative; top: 3px; }

/* hack: hide the header menu of the Checkbox column */
.k-column-menu .k-menu-group li span input[type=checkbox]:nth-child(2) { width: 0 !important; }
.k-column-menu .k-menu-group li span input[type=checkbox]:nth-child(2):after { content: "(Selection)"; }
.k-grid-header th[data-field=CheckBox] .k-header-column-menu { display: none; }

.k-grid .k-grid-header .k-toolbar .k-link {
	height: auto;
	word-wrap: break-word !important;
	text-overflow: initial !important;
}

.k-grid .k-grid-header .k-toolbar {
	white-space: normal;
}
.k-textbox {
    text-indent: .57em !important;
}
input.k-textbox:focus, textarea:focus {
    border-color: #80bdff;
    box-shadow: 0px 0px 2px 2px #b8e5ff;
}
.k-grid-norecords
{
    font-size:13px;
    padding:5px 0;
}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select{
    line-height:1.78em;
}

.k-grid td .k-i-user {
    margin-left:3px;
    color: #16a3b9;
    cursor: pointer;
}
.k-switch-handle
{
    width:1.5em;
    height:1.5em;
}

.k-button > i.k-icon,
.k-button > span.k-icon {
    margin-right: 1px;
}

.k-loading-image{
    background-image:none !important;
}
.k-loading-mask {
    background-color: rgba(0, 0, 0, 0.05);
}

.k-window-maximized{
    z-index:10301 !important;
}

.k-column-menu{
    min-width:110px !important;
}



.k-tabstrip-custom {
    padding: 0;
    background: none;
    background-color: rgb(255, 255, 255);
    border: none;
    box-shadow: none;
}

    .k-tabstrip-custom:focus {
        box-shadow: none;
    }

    .k-tabstrip-custom .k-tabstrip-items {
        padding-left: 0;
        padding-right: 0;
    }

        .k-tabstrip-custom .k-tabstrip-items .k-item {
            margin: 0 2px -1px 0;
            border-color: rgb(206,206,210);
            border-width: 2px 1px 1px 1px;
        }

            .k-tabstrip-custom .k-tabstrip-items .k-item.k-state-active {
                margin: 0 2px -1px 0;
                background-color: rgb(255,255,255);
                border-top-color: rgb(0,133,202);
                border-bottom-color: rgb(255,255,255);
            }

    .k-tabstrip-custom .k-content,
    .k-tabstrip-custom .k-content.k-state-active {
        margin-left: 0;
        margin-right: 0;
        border-color: rgb(206,206,210);
    }
.k-tabstrip-items-wrapper {
    border-color: rgb(206,206,210);
}

.k-grid-header th.k-header{
    vertical-align:top;
    white-space:normal;
}

.colWFStep .k-filter-menu-container span.k-dropdown {
    width: 300px;
}

.digitalCell {
    text-align: right !important;
}
.wrapHeader {
    white-space: normal !important;
    word-break: break-word !important;
    word-wrap: break-word !important;
    text-align: left !important;
    vertical-align: top !important;
}

.k-link.k-button > .badge, .k-link.k-button > .label {
    position: absolute !important;
    top: -2px;
    right: -2px;
    padding: 1px 3px;
    text-align: center;
    font-size: 12px;
    color: #FFF;
}

.label-grey, .label.label-grey, .badge.badge-grey, .badge-grey {
    background-color: #a0a0a0;
}

.label-info, .label.label-info, .badge.badge-info, .badge-info {
    background-color: #3a87ad;
}

.label-primary, .label.label-primary, .badge.badge-primary, .badge-primary {
    background-color: #428bca;
}

.label-success, .label.label-success, .badge.badge-success, .badge-success {
    background-color: #82af6f;
}

.label-danger, .label.label-danger, .badge.badge-danger, .badge-danger {
    background-color: #d15b47;
}

.label-important, .label.label-important, .badge.badge-important, .badge-important {
    background-color: #d15b47;
}

.label-inverse, .label.label-inverse, .badge.badge-inverse, .badge-inverse {
    background-color: #333;
}

.label-warning, .label.label-warning, .badge.badge-warning, .badge-warning {
    background-color: #f89406;
}

.label-pink, .label.label-pink, .badge.badge-pink, .badge-pink {
    background-color: #d6487e;
}

.label-purple, .label.label-purple, .badge.badge-purple, .badge-purple {
    background-color: #9585bf;
}

.label-yellow, .label.label-yellow, .badge.badge-yellow, .badge-yellow {
    background-color: #fee188;
}

.label-light, .label.label-light, .badge.badge-light, .badge-light {
    background-color: #e7e7e7;
}

.k-widget.k-tooltip-validation, .k-tooltip-error {
    border-color: #ff9800;
    background-color: #ff9800;
    color: #fff;
}

.k-form-error.k-invalid-msg {
    border-radius:4px;
    left: 15px;
    margin: 0;
    position: absolute;
    margin-top: 5px;
    text-align: left;
    font-size: 13px;
    box-sizing: border-box !important;
    top: 26px;
    width: auto;
    display: inline-block;
    border-width: 1px;
    padding: 2px 5px 1px 6px;
    border-style: solid;
    border-color: #ff9800;
    background-color: #ff9800;
    color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0,  0.3);
    background-repeat: repeat-x;
    min-width: 20px;
    z-index: 9999;
}

.CommonValidator .k-form-error.k-invalid-msg {  
    position:static;  
}

.k-widget.k-tooltip.k-tooltip-validation.k-invalid-msg {
    z-index: 9999;
}

.k-autocomplete, .k-block, .k-button-group .k-tool, .k-content, .k-dropdown-wrap, .k-dropzone-active, .k-editable-area, .k-editor-dialog .k-tabstrip-items, .k-filter-row > th, .k-footer-template td, .k-grid td, .k-grid td.k-state-selected, .k-grid-content-locked, .k-grid-footer, .k-grid-footer-locked, .k-grid-footer-wrap, .k-grid-header, .k-grid-header-locked, .k-grid-header-wrap, .k-group, .k-group-footer td, .k-grouping-header, .k-grouping-header .k-group-indicator, .k-header, .k-input, .k-pager-refresh, .k-pager-wrap, .k-pager-wrap .k-link, .k-panel > .k-item > .k-link, .k-panelbar .k-content, .k-panelbar .k-panel, .k-panelbar > .k-item > .k-link, .k-popup.k-align .k-list .k-item:last-child, .k-separator, .k-slider-track, .k-splitbar, .k-state-default, .k-state-default .k-select, .k-state-disabled, .k-textbox, .k-textbox > input, .k-tiles, .k-toolbar, .k-tooltip, .k-treemap-tile, .k-upload-files, .k-widget，.k-grid-content-locked, .k-grid-content-locked td, .k-grid-header-locked, .k-grid-header-locked .k-header {
    border-color: #dedee0;
}


.k-step .k-step-label {
    max-width:300px;
}
.k-step .k-step-label .k-step-text{
    max-width: 300px;
}
.k-step-success .k-step-text{
    color:#82af6f;
    font-weight:bold;
}
.k-step-focus .k-step-text{
    color:#ff9800;
}

.k-toolbar.k-grid-toolbar .k-button.k-grid-query {
    color: #fff !important;
    background-color: #007BFE !important;
    border-color: #007bff !important;
}

    .k-toolbar.k-grid-toolbar .k-button.k-grid-query:hover {
        color: #fff !important;
        background-color: #0069d9 !important;
        border-color: #0062cc !important;
    }