.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;
}

/*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: 0px;
}
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: #F6EEA3;
    /*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 {
    background-color: #F6EEA3;
    /*background-color: #c8cbce;*/
}

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

/*window*/
.k-window-titlebar.k-header {
    background-color: #0c9557;
    color: #ffffff;
}
.k-window-content.k-content {
    background-color: #d6e5f5;
}

/*grid*/
.k-grid .k-grid-header .k-header {
    color: #FFFFFF;
    background-color: #0c9557;
}
.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,
.k-grid tbody .ast-command-delete.k-button,
.k-grid tbody .ast-command-view.k-button,
.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-color: transparent;
    border-color: transparent;
    border-color: #000000;
    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;
}
.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: 1.72em;*/
    line-height: 1.50em;
    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:before {    
    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: "\f014";
}
.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;
    height: 29px;
}
.ast-command-print, .ast-command-print:hover {
    background: url('/Images/printing33.png') no-repeat 3px center; 
    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-update:hover:after{
    content: "Save";
}
.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;
}