.k-grid {
    font-size: 12px;
    overflow-x: auto;
    border-color: #858796 !important; /* adds border color to whole grid*/
    /*color: rgba(0,0,0,0.87);
    background-color: #fff;*/
}

    .k-grid td {
        white-space: nowrap;
    }

.k-grid-content {
    overflow-x: auto;
}

.k-grid-header .k-header {
    height: 20px !important;
    padding: 5px;
    font-size: 13px !important;
    font-weight: bolder;
    border-right: 1px solid grey;
    text-align: center;
    /*border-top: 1px solid grey;*/
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;*/
}

.k-grid tbody td {
    padding: 5px;
    border-right: 1px solid grey;
    border-top: 1px solid grey;
    /*border-bottom: 1px solid black;
    border-left: 1px solid black;*/
}

/* if enabled hides sort icon -- need to check */
/*.k-grid-header .k-header .k-link .k-icon {
        position: absolute;
        left: -12px;
        padding-left: 10px;
        padding-right: 5px;
    }*/

.k-grid-header .k-header .k-link .k-icon {
    color: white !important;
}

/* move sort icon and number to left and shift text right to make room for them when a column is sorted */
/*.k-grid-header th.k-header.k-sorted > .k-link {
    position: relative;
    padding-left: 18px;
     /* sorted ikon color*/
/*color: white !important;
}*/

.k-grid-header th.k-header.k-sorted > .k-link {
    color: white !important; /* sorted ikon color*/
}

.k-grid tbody tr {
    line-height: 15px;
}

div.k-grid tbody .k-button {
    min-width: 0;
    height: 22px !important;
}

#selectedOrderGrid, #allOrderGrid, #RunListSummary, #OrderWiseAchievedList, #SizeWiseOutputGrid, #CombinationOutputGrid, #gridReelsUnschduled, #gridCutterWiseOutput {
    max-width: 100%;
}

.k-tabstrip {
    overflow-x: auto;
    background-color: #f8f9fc !important;
    /*
    border-width: 0px;
    border-color: transparent;
    color: inherit;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    */
}

#RunResultTab > .k-content {
    overflow-x: auto;
}

.k-calendar {
    font-size: 12px;
}

.k-dialog {
    min-width: 500px;
}

.fieldlist label {
    font-weight: bold;
    font-size: 12px;
    white-space: nowrap;
}

.fieldlist .k-radio-label {
    font-weight: normal;
    font-size: 12px;
}

.fieldlist .k-checkbox-label {
    font-weight: normal;
    font-size: 12px;
}

.box {
    border: 0px solid #000;
}

.boxSimplex {
    border: 1px solid grey;
    padding-top: 5px;
    padding-left: 10px;
    padding-bottom: 5px !important;
}

.k-numeric-wrap input {
    height: 24px !important;
}

.ItemSummary-Total {
    background-color: cadetblue !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.TrimLoss-Total {
    background-color: cadetblue !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-Total {
    background-color: darkslategray !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseUniqueSummary-Total {
    background-color: darkslategray !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-MaxAch {
    background-color: forestgreen !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-NonAchieved {
    background-color: lightgrey !important;
    padding-top: 2px;
    color: black !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.MoNo-Label {
    background-color: forestgreen !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-Shortage {
    background-color: orange !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-Excess {
    background-color: tomato !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 150px;
}

.SizeWiseSummary-Shortage-Inline {
    background-color: orange !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 70px;
}

.SizeWiseSummary-Excess-Inline {
    background-color: tomato !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
    width: 60px;
}

.SizeWiseSummary-Value {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    padding-top: 2px;
    padding-left: 5px;
    padding-right: 15px;
    color: black !important;
    height: 22px;
    vertical-align: middle;
}

.SizeWiseSummary-MaxAch-Label {
    background-color: forestgreen !important;
    padding-top: 5px;
    color: white !important;
    height: 15px !important;
    width: 15px !important;
    vertical-align: middle;
}

.SizeWiseSummary-Shortage-Label {
    background-color: orange !important;
    padding-top: 5px;
    color: white !important;
    height: 15px !important;
    width: 15px !important;
    vertical-align: middle;
}

.SizeWiseSummary-Excess-Label {
    background-color: tomato !important;
    padding-top: 5px;
    color: white !important;
    height: 15px !important;
    width: 15px !important;
    vertical-align: middle;
}

.RunListSummary-Total {
    background-color: forestgreen !important;
    padding-top: 2px;
    color: white !important;
    height: 22px !important;
    vertical-align: middle;
}

.k-grid-header .k-header {
    background-color: #009688 !important; /* specify the header background-color */
    color: white !important /* specify the header text-color */
}

.k-grid .k-alt {
    background-color: #BFE4E1 !important; /* specify the alternate background-color */
}

.k-grouping-header, .k-grid-top {
    height: 35px !important;
    padding: 5px !important;
}

.k-grid-toolbar {
    padding: 2px;
}

.k-grid .k-grid-toolbar .k-grid-add,
.k-grid tbody .k-grid-edit,
/*.k-grid tbody .k-grid-update,*/
/*.k-grid tbody .k-grid-cancel,*/
.k-grid tbody .k-grid-delete {
    min-width: 0;
}

    .k-grid .k-grid-toolbar .k-grid-add .k-icon,
    .k-grid tbody .k-grid-edit .k-icon,
    /*.k-grid tbody .k-grid-update .k-icon,*/
    /*.k-grid tbody .k-grid-cancel .k-icon,*/
    .k-grid tbody .k-grid-delete .k-icon {
        margin: 0;
    }

.AchPercentExcessRed {
    background-color: tomato;
}

.AchPercentShortageOrange {
    background-color: Orange;
}

.AchPercentNormalGreen {
    background-color: Green;
}

div.k-edit-form-container {
    width: auto;
}

.cell-editable {
    background-color: burlywood !important;
}

.k-alt .non-editable {
    background-color: #ccc;
}

tr.k-state-selected .non-editable {
    background-color: initial;
}

/*MultiSelect*/
.k-list .k-item.k-state-selected {
    border-color: rgba(0,0,0,0.12);
    color: #000;
    background-color: rgb(255, 216, 0);
    font-size: 12px !important;
}

.k-multiselect-wrap {
    font-style: normal;
    opacity: 0.9;
    color: black !important;
    font-size: 12px !important;
}

/*MultiColumnComboBox*/
.k-dropdowngrid-popup .k-grid-header .k-header {
    padding: 2px 2px;
    border-width: 0 0 0 1px;
    border-style: solid;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-grid-list > .k-item > .k-cell {
    padding: 5px 5px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.k-dropdowngrid-popup .k-item.k-state-selected {
    border-color: rgba(0,0,0,0.12);
    color: #000;
    background-color: rgb(255, 216, 0);
}

.k-dropdown .k-dropdown-wrap .k-input {
    font-size: 12px !important;
}

/**:not(.fa) {
    font-size: 12px !important;
}*/

/*body {
    font-size: 12px !important;
}*/

.k-textbox, .k-textarea, .k-input.k-textbox {
    font-size: 12px !important;
}

.k-datepicker .k-picker-wrap .k-input {
    font-size: 12px !important;
}

.k-popup .k-item {
    font-size: 12px !important;
}

.v-list-footer {
    padding: 5px 5px 5px 5px;
    font-size: 12px;
}

#VarietyList-list .k-list .k-item, .k-list-optionlabel {
    padding: 0 0 0 5px !important;
}

/*#MachineList_listbox .k-list .k-item, .k-list-optionlabel {
    padding: 0 0 0 5px !important;
}

#CutterList_listbox .k-list .k-item, .k-list-optionlabel {
    padding: 0 0 0 5px !important;
}*/

.k-button {
    text-transform: none !important;
}

.k-numerictextbox {
    font-size: 12px !important;
}

.div-align-right {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
}

.k-multiselect-wrap {
    max-height: 50px !important;
    overflow-y: auto !important;
}

.hr {
    border-top: 1px solid lightgrey;
    padding: 5px 0 5px 0;
}

.fa-icon-color {
    color: #009688 !important;
    /*color: forestgreen !important;*/
}

/* Kendo Tab strip*/
.k-tabstrip-wrapper {
    padding: 0 0;
    border-width: 1px !important;
    border-style: solid;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.k-tabstrip > .k-content.k-state-active {
    border-width: 1px !important;
    border-style: solid !important;
    padding: 1px 1px !important;
    background-color: #009688 !important;
    border-color: #009688 !important;
}

.k-tabstrip-items .k-link {
    padding: 5px 14px;
    color: inherit;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.k-item > .k-state-default.k-tab-on-top.k-state-active {
    background-color: green !important;
    border-width: 1px !important;
    background-color: #009688 !important;
}

.k-tabstrip-items .k-item.k-state-active, .k-tabstrip-items .k-item.k-state-selected {
    background-color: #009688 !important;
    color: white;
    font-weight: bold;
    border-width: 1px !important;
}

.k-tabstrip-items {
    text-transform: none;
}