.form-field-header {
    width: 200px;
}

.k-button, input.k-textbox, textarea.k-textbox, .k-textbox:hover, .k-dropdown, .k-dropdown-wrap, .k-datepicker, .k-numerictextbox .k-input, .k-picker-wrap {
    border-radius: 0px;
    border: solid 1px #000000;
    color: #000000;
}

.k-numeric-wrap.k-state-focused .k-input {
    border-color: #000000;
}

input.k-textbox,
.k-input,
.k-input[readonly] {
    color: #000000;
}

.k-numeric-wrap {
    border: 0px;
    border-radius: 0px;
}

input.k-textbox, textarea.k-textbox {
    padding: 0px;
    border: 1px solid #dedee0;
    border-radius: 3px;
}

/*DatePicker*/
.k-datepicker {
    width: 105px;
}
/*NumericTextBox*/
.k-numeric-wrap {
    height: inherit;
}

    .k-numeric-wrap .k-input {
        text-align: right;
        padding-right: 5px;
        box-sizing: border-box;
        height: inherit;
        direction: ltr;
    }

    .k-numeric-wrap.k-expand-padding .k-input {
        border-radius: 3px;
        border: 1px solid #dedee0;
    }

input.k-textbox[readonly], textarea.k-textbox[readonly], textarea.k-textbox[readonly]:hover, input.k-input[readonly] {
    background-color: #F6EEA3;
    /*background-color: #C8CBCE;*/
}
/*Textbox Lookup*/
.k-textbox > input.k-textbox[readonly] {
    background-color: #FFFFFF;
    color: #000000;
    opacity: 1;
}

    .k-textbox > input.k-textbox[readonly].ast-readonly {
        background-color: #F6EEA3;
        /*background-color: #C8CBCE;*/
    }

.ast-form-readonly input[readonly],
.ast-form-readonly .k-textbox > input.k-textbox[readonly],
.ast-form-readonly textarea[readonly], .ast-form-readonly textarea[readonly]:hover,
.ast-form-readonly .k-input:not(.editable) {
    background-color: #F6EEA3;
    /*background-color: #c8cbce;*/
}

.k-dropdown .k-input {
    background-color: #DAE3F4;
    color: #000000;
}

/*window*/
.k-window-titlebar.k-header {
    background-color: #4d7da2;
    color: #ffffff;
}

.k-window-content.k-content {
    background-color: #d6e5f5;
}

/*grid*/
.k-grid .k-grid-header .k-header {
    color: #FFFFFF;
    background-color: #4D7DA2;
}

    .k-grid .k-grid-header .k-header > .k-link {
        color: #FFFFFF;
    }

.k-grid td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.k-grid tbody .ast-command-edit.k-button {
    background: none;
    border-color: transparent;
    color: #0061f2;
    min-width: 12px;
    width: 24px;
}

.k-grid tbody .ast-command-delete.k-button {
    background: none;
    border-color: transparent;
    color: #e81500;
    min-width: 12px;
    width: 24px;
}

.k-grid tbody .ast-command-view.k-button {
    /* background:none; */
    border-color: transparent;
    color: #00ac69;
    min-width: 12px;
    width: 24px;
}

.k-grid tbody .ast-command-approve.k-button,
.k-grid tbody .ast-command-reject.k-button,
.k-grid tbody .ast-command-generate.k-button,
.k-grid tbody .ast-command-print.k-button {
    background-color: #FFDB33;
    background: none;
    border-color: transparent;
    color: black;
    min-width: 12px;
    width: 24px;
}

.ast-command-add.k-button[data-has-access="False"] {
    color: #b3bac7;
    border-color: #dbdbde;
    background-color: #f3f3f4;
    display: none;
}

.k-grid tbody .ast-command-edit.k-button[data-has-access="False"],
.k-grid tbody .ast-command-delete.k-button[data-has-access="False"],
.k-grid tbody .ast-command-approve.k-button[data-has-access="False"],
.k-grid tbody .ast-command-reject.k-button[data-has-access="False"],
.k-grid tbody .ast-command-generate.k-button[data-has-access="False"] {
    border-color: #A6A8AB;
}

/*button-print*/
.ast-button-print, .ast-button-generate, .ast-button-approve {
    line-height: 1.72em;
    padding: 1px 4px 1px 2px;
}

    .ast-button-print, .ast-button-generate.k-button, .ast-button-approve.k-button {
        width: auto;
        height: auto;
    }

.ast-button-print {
    background: url('/Images/printing33.png') no-repeat 3px center;
    background-color: #00a65a;
    padding-left: 20px;
}

    .ast-button-print:hover:not([disabled]) {
        background: url('/Images/printing33.png') no-repeat 3px center;
        background-color: #0c7c49;
    }

    .ast-button-print:not([disabled]), .ast-button-generate, .ast-button-approve:not([disabled]) {
        vertical-align: middle;
        border: solid 1px;
        cursor: pointer;
        font-family: inherit;
        font-size: inherit;
    }

        .ast-button-generate:before {
            font-family: FontAwesome;
            font-size: 1.33333333em;
            content: "\f0ad";
            margin-right: 5px;
        }

.ast-button-approve:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f00c";
    margin-right: 5px;
}

.k-button:not([disabled]), .ast-button-print:not([disabled]) {
    background-color: #00a65a;
    border-color: #00a65a;
    color: #ffffff;
    border-radius: 3px;
}

.k-button:hover:not([disabled]), .ast-button-print:hover:not([disabled]) {
    background-color: #0c7c49;
    border-color: #0c7c49;
    color: #ffffff;
}

.k-button-icontext.k-grid-select, .k-button-icontext.k-grid-Select {
    background-color: #FFDB33;
    border-color: #FFDB33;
    color: black;
}

    .k-button-icontext.k-grid-select:hover, .k-button-icontext.k-grid-Select:hover {
        background-color: #FFDB33;
        border-color: #FFDB33;
        color: black;
    }

    .k-button-icontext.k-grid-select:active, .k-button-icontext.k-grid-Select:active {
        background-color: #FFDB33;
        border-color: #FFDB33;
        color: black;
    }

/*.k-grid tbody .k-button .k-icon {
    background-color: #FFDB33;
    display: inline-block;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    -moz-box-shadow: 0px 0px 2px #888;
    -webkit-box-shadow: 0px 0px 2px #888;
    box-shadow: 0px 0px 2px #888;
}*/


label.required::after {
    content: " *";
    color: #CC0033;
}

/*.k-grid tr[role="row"] {
    position: relative;
}*/

tr td[role="gridcell"]:first-child, tr td[role="gridcell"]:nth-child(2) {
    position: relative;
}

tr td[role="gridcell"]:first-child {
    overflow: visible;
}

.ast-command-edit, .ast-command-delete, .ast-command-view, .ast-command-approve, .ast-command-reject, .ast-command-generate, .ast-command-print {
    line-height: 0;
    /* padding-left: 4px;
    position: absolute;
    top: 1px; */
}

td[role="gridcell"] .k-button[class*="ast-command-"] {
    left: 5px;
}

td[role="gridcell"] .k-button:nth-child(2)[class*="ast-command-"] {
    left: 35px;
}

td[role="gridcell"] a:nth-child(3)[class*="ast-command-"] {
    left: 65px;
}

td[role="gridcell"] a:nth-child(4)[class*="ast-command"] {
    left: 95px;
}

td[role="gridcell"] a:nth-child(5)[class*="ast-command"] {
    left: 125px;
}

.ast-command-edit.k-grid-update {
    position: absolute;
    left: 10px;
    top: 4px;
}

.ast-command-edit.k-grid-cancel {
    position: absolute;
    left: 40px;
    top: 4px;
}

.ast-command-edit > span, .ast-command-delete > span, .ast-command-view > span, .ast-command-approve > span, .ast-command-reject > span, .ast-command-generate > span,
.ast-command-print > span {
    display: none;
}

.k-grid-edit.ast-command-edit:before, .k-grid-Edit.ast-command-edit:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f044";
}

.k-grid-update.ast-command-edit {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f0c7";
}

.k-grid-cancel.ast-command-edit:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f0e2";
}

.ast-command-generate:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f0ad";
}

.ast-command-delete:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f1f8 ";
}

.ast-command-approve:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f00c";
}

.ast-command-reject:before {
    font-family: FontAwesome;
    font-size: 1.33333333em;
    content: "\f00d";
}

.ast-command-view, .ast-command-view:hover {
    background: url('/Images/command_view.GIF') no-repeat 3px center !important;
    background-color: transparent !important;
    height: 29px;
}

.ast-command-print, .ast-command-print:hover {
    background: url('/Images/printing33.png') no-repeat 3px center !important;
    background-color: transparent !important;
    height: 29px;
}

.ast-textbox-view {
    background: url('/Images/command_view.GIF') no-repeat 3px center;
}

.ast-command-edit[data-has-access="False"]:before,
.ast-command-delete[data-has-access="False"]:before,
.ast-command-approve[data-has-access="False"]:before,
.ast-command-reject[data-has-access="False"]:before,
.ast-command-generate[data-has-access="False"]:before {
    color: #a6a8ab;
}

.ast-command-add.k-button[data-has-access="False"],
.ast-command-edit[data-has-access="False"],
.ast-command-delete[data-has-access="False"],
.ast-command-approve[data-has-access="False"],
.ast-command-reject[data-has-access="False"],
.ast-command-generate[data-has-access="False"] {
    pointer-events: none;
}

    /* .ast-command-edit:hover:after, .ast-command-delete:hover:after, .ast-command-view:hover:after, .ast-command-approve:hover:after, .ast-command-reject:hover:after,
.ast-command-generate:hover:after, .ast-command-print:hover:after {
    display: inline;
    background: #333;
    background: rgba(0,0,0,.8);
    bottom: -40px;
    color: #fff;
    content: "Edit";
    left: 20%;
    padding: 5px;
    position: absolute;
    z-index: 98;
} */
    /* .ast-command-edit.k-grid-cancel:hover:after{
    content: "Cancel";
}
.ast-command-delete:hover:after{
    content: "Delete";
}
.ast-command-view:hover:after{
    content: "View";
}
.ast-command-print:hover:after{
    content: "Print";
}
.ast-command-approve:hover:after{
    content: "Approve";
}
.ast-command-reject:hover:after{
    content: "Reject";
}
.ast-command-generate:hover:after{
    content: "Generate";
} */
    .ast-command-edit[data-has-access="False"]:hover:after,
    .ast-command-delete[data-has-access="False"]:hover:after,
    .ast-command-approve[data-has-access="False"]:hover:after,
    .ast-command-reject[data-has-access="False"]:hover:after,
    .ast-command-generate[data-has-access="False"]:hover:after {
        content: "You don\'t have permission.";
    }

/*jqueryui*/
div.ui-widget-overlay {
    background-image: none;
    background-color: #000000;
    opacity: 0.5;
}

.ui-dialog {
    z-index: 20000 !important;
}

.ui-icon.ui-icon-circle-check {
    float: left;
    margin-top: 0px;
    margin-right: 7px;
    margin-bottom: 50px;
    margin-left: 0px;
}

.k-pager-numbers {
    list-style: none;
    padding-left: 0px;
}

.k-pager-numbers-wrap .k-dropdown {
    display: none;
}

.k-window-content {
    background-color: #d0d7df;
}

.k-window-titlebar {
    background-color: #4d7da2;
    color: #ffffff;
}

.k-textbox:hover {
    box-shadow: 0px 0px 3px #0061f2;
    border-radius: 3px;
    border: 1px solid #dedee0;
}

.k-datepicker {
    border-radius: 3px;
    border: none;
}

.k-picker-wrap {
    border-radius: 3px;
}

.k-dropdown {
    border: none;
}

.k-dropdown-wrap {
    border-radius: 3px;
}

.k-textbox.k-invalid {
    border-color: rgba(243,23,0,.5);
}

span.k-textbox.k-invalid:not(.k-space-right) {
     padding-right: 0em; 
}

.k-picker-wrap.k-invalid {
    border-color: rgba(243,23,0,.5);
}

.k-textbox.k-invalid .k-icon {
    right: 3px;
    border-color: rgba(243,23,0,.5);
    color: rgba(243,23,0,0.8);
}