/*
.webix_cell.wasModified:after {
    content: "";
    position: relative;
    top: 0.5em;
    border-left: 0.5em solid transparent;
    border-top: 0.5em solid red;
}

.wasModified .webix_property_value:after  {
    content: "";
    position: relative;
    top: 0.5em;
    border-left: 0.5em solid transparent;
    border-top: 0.5em solid red;
}

*/

div.webix_hcell {
    border-right: 1px #C0C0C0 dotted !important;
}

div.webix_hcell.webix_last {
    border-right: 2px #808080 solid !important;
}

/* Split Shadow */
.webix_dtable .webix_ss_left .webix_column.webix_last > div {
    /* box-shadow:0 0 10px rgba(0,0,0,0.5) !important;*/
    border-right: 2px #808080 solid !important;
}

.webix_dtable .webix_ss_right .webix_column.webix_last > div {
    /*box-shadow: 0 0 10px rgba(0,0,0,0.5);*/
    border-left: 2px #808080 solid !important;
}

/* DataTable */
.webix_column > div:nth-child(even).wasModified {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

.webix_column > div:nth-child(odd).wasModified {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

/* DataTable */
.webix_column > div:nth-child(even).wasModified.webix_row_select {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

.webix_column > div:nth-child(odd).wasModified.webix_row_select {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

/* form fields */
.wasModified input {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

.wasModified textarea {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

/* property sheet  */
.wasModified .webix_property_value {
    /*background-color: yellow !important;*/
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

/* font-size title */

.fontSizeTitle {
    font-size: 20px;
}

div.fontSizeSelect div select {
    font-size: 20px;
}

/* nic-editor sheet  */
.wasModified .nicEditReadonly,
.wasModified .nicEditReadonlyWhite {
    /*background-color: yellow !important;*/
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

.readonly.wasModified {
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

/* header in bindsort */
.tabHeaderMultiline {
    padding: 0px;
}

.tabHeaderSum {
    padding: 0px;
    background-color: #aaaaaa;
    color: #000000;
}

.manOverride {
    color: indianred !important;
    font-style: italic;
}

.strikeThrough {
    text-decoration: line-through;
}

.floatRight {
    float: right;
}

.header a:hover {
    color: #dddddd;
}

a.cocobutton {
    color: #555555;
}

a.cocobutton:hover {
    color: #000000;
    text-shadow: -1px 0 #eee, 0 1px #eee, 1px 0 #eee, 0 -1px #eee;
}

a.cocobuttonWhite {
    color: #ffffff;
}

a.cocobuttonWhite:hover {
    color: #dddddd;
}

a.cmComLink i.fa {
    color: blue;
}

a.cmComLink:visited i.fa {
    color: blue;
}

a.cmComLink:active i.fa {
    color: deepskyblue;
}

a.cmComLink:hover i.fa {
    color: deepskyblue;
    text-shadow: -1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd;
}

.wait {
    background-color: black;
    color: white;
}

.grey {
    color: #777777;
}

.lightGrey {
    color: #DDDDDD;
}

.darkYellow {
    color: gold;
}

.yellow {
    color: #ffff00;
}

.papaya {
    color: #E56717;
}

.lightPapaya {
    color: #FF9A4A;
}

.black {
    color: #000000;
}

.shadow {
    text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
}

.bold  {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.red {
    color: #ff0000 !important;
}

.red-strike {
    color: #ff0000 !important;
    text-decoration: line-through;
    text-decoration-color: darkred;
}

.darkRed {
    color: darkred;
}

.lightRed {
    color: #ff8888;
}

.green {
    color: #00bb00;
}

.darkgreen {
    color: green;
}

.blue {
    color: #0000ff;
}

.skyblue {
    color: deepskyblue;
}

.deepskyblue {
    color: deepskyblue;
}

.darkblue {
    color: darkblue;
}

.text-outline {
    text-shadow: -1px 0 grey, 0 1px grey, 1px 0 grey, 0 -1px grey;
}

.groupHeader {
    background-color: #aaaaaa !important;
    font-weight: bold;
}

.foSheetXBindsortToggle {
    margin: 0px;
}

.hidden {
    visibility: hidden;
}

.colorstatus1 {
    background-color: indianred;
}

.colorstatus2 {
    background-color: indianred;
}

.colorstatus10 {
    background-color: yellow;
}

.colorstatus20 {
    background-color: lightgreen;
}

.cellEditable {
    border: solid 1px blue;
}

.valueError {
    background-color: orangered !important;
}

.sysRoleType1 {
    background-color: lightsteelblue;
}

.sysRoleType2 {
    background-color: #ddffdd;
}

.sysRoleType3 {
    background-color: lightgreen;
}

.sysRoleType4 {
    background-color: #ff9944;
}

.sysRoleType9 {
    background-color: #ff4444;
}

.sysRoleType90 {
    background-color: #000000;
    color: #ffffff;
}

.sysRoleType100 {
    background-color: gold;
}

.menu .webix_list_item.space {
    margin-top: 10px;
}

.menu .webix_list_item.faYellow .fa,
.menu .cocoSysFeature.faYellow .fa {
    color: gold;
}

.menu .webix_list_item.faGreen .fa,
.menu .cocoSysFeature.faGreen .fa {
    color: green;
}

.menu .webix_list_item.faSkyblue .fa,
.menu .cocoSysFeature.faSkyblue .fa {
    color: deepskyblue;
}

.menu .webix_list_item.faDarkblue .fa,
.menu .cocoSysFeature.faDarkblue .fa {
    color: darkblue;
}

.menu .webix_list_item.faBlack .fa,
.menu .cocoSysFeature.faBlack .fa {
    color: black;
}

.menu .webix_list_item.faDarkred .fa,
.menu .cocoSysFeature.faDarkred .fa {
    color: darkred;
}

.menu .webix_list_item.faRed .fa,
.menu .cocoSysFeature.faRed .fa {
    color: red;
}

.menu .webix_list_item.faOrange .fa,
.menu .cocoSysFeature.faOrange .fa {
    color: orange;
}

.menu .cocoSysFeature .fa {
    margin-top: 5px;
    font-size: 25px;
}

div.cocoSysFeature div div.webix_all_segments > button {
    font-size: 20px;
}

div.menu.cocoKanban div.webix_list_item.spacer {
    background: #ffffff;
    color: #ffffff;
    border: none;
    box-shadow: none;
}

div.menu.cocoKanban div.webix_list_item {
    background: #f6f4f4;
    color: #101010;
}

div.menu.cocoKanban div.webix_list_item.pastelBrightWhite {
    background: #ffffff;
    color: #000000;
    border: 0.5px solid grey;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkGrey {
    background: #505050;
    color: #f0f0f0;
}

div.menu.cocoKanban div.webix_list_item.pastelGrey {
    background: #ececec;
}

div.menu.cocoKanban div.webix_list_item.pastelYellow {
    background: #ffffe0;
}

div.menu.cocoKanban div.webix_list_item.pastelOrange {
    background: #fff0c0;
}

div.menu.cocoKanban div.webix_list_item.pastelPink {
    background: #ffe0e0;
}

div.menu.cocoKanban div.webix_list_item.pastelBlue {
    background: #e8ffff;
}

div.menu.cocoKanban div.webix_list_item.pastelGreen {
    background: #e0ffd0;
}

div.menu.cocoKanban div.webix_list_item.pastelPurple {
    background: #e8e0ff;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkYellow {
    background: #ffffb0;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkOrange {
    background: #ffd0a0;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkPink {
    background: #ffc0d0;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkBlue {
    background: #c0ffff;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkGreen {
    background: #c0ff90;
}

div.menu.cocoKanban div.webix_list_item.pastelDarkPurple {
    background: #c8c8ff;
}

div.menu.cocoKanban div.webix_list_item.noTrust {
    background: #d0d0d0;
    color: #a0a0a0;
}

div.menu.cocoKanban div.webix_list_item.noTrust:hover {
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.webix_column.mandatory > div:nth-child(odd) {
    x---background-color: #ffffe0;
    border: dashed 1px blue;
}

.webix_column.mandatory > div:nth-child(even) {
    x---background-color: #fafada;
    border: dashed 1px blue;
}

.webix_column.mandatory > div.webix_row_select {
    border: dashed 1px blue;
    x---background-color: lightblue;
}

/* fix css */
.webix_column.readonly > div:nth-child(odd) {
    background-color: #e0e0e0;
}

.webix_column.readonly > div:nth-child(even) {
    background-color: #d0d0d0;
}

.webix_column.readonly > div.webix_row_select {
    background-color: #80afba;
}

/*  cssFormat */
.webix_column > div:nth-child(odd).readonly {
    background-color: #e0e0e0;
}

.webix_column > div:nth-child(even).readonly {
    background-color: #d0d0d0;
}

.webix_column > div.webix_row_select.readonly {
    background-color: #80afba;
}

.webix_column > div:nth-child(odd).noData {
    background-color: #ff4444;
}

.webix_column > div:nth-child(even).noData {
    background-color: #dd4444;
}

.webix_column > div.webix_row_select.noData {
    background-color: #ff44aa;
}

.webix_column > div:nth-child(odd).warning {
    background-color: #ffff44;
}

.webix_column > div:nth-child(even).warning {
    background-color: #ffee44;
}

.webix_column > div.webix_row_select.warning {
    background-color: #ffffaa;
}

.webix_column > div:nth-child(odd).storno {
    text-decoration: line-through;
    color: #aa0000;
}

.webix_column > div:nth-child(even).storno {
    text-decoration: line-through;
    color: #aa0000;
}

.webix_column > div.webix_row_select.storno {
    text-decoration: line-through;
    color: #aa0000;
}

i.fa.faGreen {
    color: green;
}

i.fa.faRed {
    color: red;
}

i.fa.faWhite {
    color: white;
}

div.webix_view.webix_window.noShadow {
    box-shadow: none;
}

.fa.file0 {
    color: lightgrey;
}

.fa.file1 {
    color: darkgreen;
}

.fa.fileundefined {
    color: grey;
}

.webix_cal_event {
    color: #aa0000;
}

.webix_cal_select.undefined {
    border-top: solid 1px #aa0000;
    border-bottom: solid 1px #aa0000;
    background-color: white;
}

.webix_cal_select.webix_cal_event {
    border-top: solid 1px #aa0000;
    border-bottom: solid 1px #aa0000;
    color: #aa0000;
    background-color: white;
}

.webix_cal_today.webix_cal_select.undefined {
    border-top: solid 1px #aa0000;
    border-bottom: solid 1px #aa0000;
    background-color: #e0e0e0;
}

.webix_cal_today.webix_cal_select.webix_cal_event {
    border-top: solid 1px #aa0000;
    border-bottom: solid 1px #aa0000;
    background-color: #e0e0e0;
}

.webix_cal_today {
    background-color: #e0e0e0;
}

.datepickerHoliday {
    background-color: #ffaaaa;
    border-radius: 30px;
}

.editDateHoliday {
    color: #aa0000;
    font-style: italic;
}

.webix_column > div:nth-child(even).editDateHoliday {
    color: #aa0000;
    font-style: italic;
}

div.webix_cell.editDateHoliday {
    color: #aa0000;
    font-style: italic;
}

div.webix_view.webix_form.bgSettingCustom {
    background-color: red;
}

div.webix_view.webix_form.bgSettingUser {
    background-color: green;
}

/* header tree level, used in workflow*/
div.webix_cell.treeLevel1 {
    background-color: darkgrey;
    font-weight: bold;
}

div.webix_cell.treeLevel2 {
    background-color: silver;
    font-weight: bold;
}

/* codeword for header of workflow tree */
div.webix_hcell.wfSelectColumn {
    text-align: right;
    color: black;
}

div.webix_hcell.wfAddColumn {
    text-align: right;
    color: black;
}

div.webix_hcell.wfSelectStep {
    text-align: left;
    color: black;
}

/* webix richselect content */

div.richselectBlue div.webix_inp_static {
    color: blue;
}

div.richselectRed div.webix_inp_static {
    color: red;
}

/* workflow base date row format */

div.webix_cell.wfNoBase {
    margin-left: 0.5px;
    background-color: white;
}

div.webix_cell.wfBase {
    margin-left: 0.5px;
    background-color: lightgreen;
    border-top: 2px solid green;
    border-bottom: 2px solid green;
}

div.webix_cell.wfNoBase.wasModified {
    margin-left: 0.5px;

    /*background-color: yellow !important;*/
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);
}

div.webix_cell.wfBase.wasModified {
    margin-left: 0.5px;
    /*background-color: yellow !important;*/
    background: linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -moz-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -ms-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 0, 0.2) 0%, rgba(255, 255, 0, 0.9) 7%, rgba(255, 255, 0, 0.9) 93%, rgba(255, 255, 0, 0.2) 100%);
    /*background-color: yellow;*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#ffffff, GradientType=1);

    border-top: 2px solid green;
    border-bottom: 2px solid green;
}

/* workflow, format for 1st cell of column to seperate from next column */
.wfFirstCellOfColumn {
    border-left: 1px solid darkblue;
    text-align: right;
}

.wfFirstCellOfColumnHeader {
    border-left: 1px solid darkblue;
    text-align: center;
}

/* format for workflow delete column row */
.wfDeleteColumn {
    background-color: lightcoral;
}

.wfFreeColumn {
    background-color: lightblue;
}

.webix_dt_editor input {
    padding: 1px 4px 0px 4px;
}

.wfColorstatus1 div {
    border-top: 3px solid indianred;
    border-bottom: 3px solid indianred;
}

.wfColorstatus2 div {
    border-top: 3px solid indianred;
    border-bottom: 3px solid indianred;
}

.wfColorstatus5 div {
    border-top: 3px solid blue;
    border-bottom: 3px solid blue;
}

.wfColorstatus10 div {
    border-top: 3px solid yellow;
    border-bottom: 3px solid yellow;
}

.wfColorstatus20 div {
    border-top: 3px solid lightgreen;
    border-bottom: 3px solid lightgreen;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

/* background colors for workflow date marker */
.bgLightgrey {
    background-color: #f0f0f0 !important;
}

.bgYellow {
    background-color: #fff993 !important;
}

.bgRed {
    background-color: #ff89aa !important;
}

.bgGreen {
    background-color: #b0ffb6 !important;
}

.bgBlue {
    background-color: #b4e2ff !important;
}

.bgViolet {
    background-color: #cd8bff !important;
}

.bgDarkRed {
    background-color: #FF0000 !important;
}

.bgBlack {
    background-color: #000000 !important;
    color: white !important;
}

div.buttonGreen button, div.buttonGreen div.webix_el_box button.webix_button {
    background-color: #b0ffb6;
    color: black;
}

div.buttonRed button, div.buttonRed div.webix_el_box button.webix_button {
    background-color: #ff9c9c;
    color: black;
}

/* msForecast */

.msFirstCellOfColumnForecastData {
    border-left: 1px solid darkblue;
    margin-left: 0.5px;
    text-align: right;
}

.msNthCellOfColumnForecastData {
    margin-left: 0.5px;
    text-align: right;
}

.msFirstCellOfColumnHeader {
    border-left: 1px solid darkblue;
    margin-left: 0.5px;
    text-align: center;
}

div.webix_cell.msExternalDatasource {
    background-color: #dedede;
}

div.webix_cell.msExternalDatasource.webix_row_select {
    background-color: #deefef;
}

div.webix_cell.msBeforeSplit {
    background-color: #e8e8e8;
}

div:nth-child(even).webix_cell.msBeforeSplit {
    background-color: #e0e0e0;
}

div.webix_cell.msNoEdit.webix_row_select {
    background-color: #e0ffff;
}

.hidden_property {
    display: none;
}

.nopadding input {
    padding-left: 0.5px;
    padding-right: 0.5px;
}

.boldInput input {
    font-weight: bold;
}

.plusMinusSpinnerButtons {
    opacity: 0.5;
    -webkit-user-select: none;
    user-select: none;
}

div.wfColumnMarker div {
    margin: 0px 0px 0px 0px;
}

div.wfColumnMarker div.webix_radio_option {
    height: 6px;
}

div.wfColumnMarker div.webix_line_break {
    height: 1px;
}

div.holidays div.webix_template {
    padding-top: 0px;
    color: darkblue;
    text-align: center;
}

.right div.webix_property_value {
    text-align: right;
    padding-right: 5px;
}

.left div.webix_property_value {
    text-align: left;
    padding-right: 0.5px;
}

.nolabel div.webix_property_label {
    display: none;
}

.bold div.webix_property_value {
    font-weight: bold;
}

div.webix_cell.italic {
    font-style: italic;
}

div.webix_cell.bold {
    font-weight: bold;
}

div.webix_view.webix_toolbar.webix_layout_toolbar.coco_toolbar {
    background: whitesmoke;
}

div.webix_toolbar.coco_toolbar div {
    background-color: whitesmoke;
}

.webix_toolbar.webix_layout_toolbar .webix_icon_btn {
    color: #555555;
}

.webix_toolbar.webix_layout_toolbar .webix_icon_btn:hover {
    color: #000000;
}

.webix_el_segmented button.webix_selected {
    background: #1b629c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #308edb), color-stop(100%, #1b629c));
    background: -webkit-linear-gradient(#308edb, #1b629c);
    background: -moz-linear-gradient(#308edb, #1b629c);
    background: -ms-linear-gradient(top, #308edb, #1b629c);
    background: -o-linear-gradient(top, #308edb, #1b629c);
    color: white;
}

.webix_drop_file.uploaderView::before {
    content: "Dateien hier hin ziehen";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center
}

.webix_drop_file.uploaderView {
    border: dashed 4px black;
}

.webix_drop_file.uploaderViewtrue::before {
    content: "Dateien hier hin ziehen";
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    text-align: center
}

.webix_drop_file.uploaderViewtrue {
    border: dashed 4px black;
}

/* webix disabled fa-ban symbol */
.webix_drop_file.uploaderViewfalse::before {
    content: "\f05e";
    position: absolute;
    bottom: 160px;
    font-size: 90px;
    font-family: FontAwesome;
    color: grey;
    left: 0;
    width: 100%;
    text-align: center
}

.webix_drop_file.uploaderViewfalse div {
}

.noHightlight div.webix_cell.webix_row_select {
    background-color: white;
}

.cmSectionLabel {
    margin: 0px;
}

.cmSectionLabel.deleted {
    background-color: red;
    background: -webkit-linear-gradient(#ff0000, #aa0000);
}

.cmSectionLabel.header {
    background-color: #f0f0f0;
    padding-top: 3px;
    padding-left: 5px;
    height: 100%
}

.cmHeaderContent {
    background-color: #f0f0f0;
    font-size: 11px;
    white-space: nowrap;
}

.nicEdit-selected {
    overflow-y: scroll;
}

.nicEditEditable {
    background-color: #FFFFFF;
}

.nicEditReadonly {
    background-color: #D6D6D6;
}

.nicEditReadonlyWhite {
    background-color: #FFFFFF;
}

/* Classes to be used in plausi module and -scripts */

#divPlausiEditorHelp {
    height: 40%;
    font-size: 12px;
    background-color: #F6F6F6;
    overflow: auto;
}

#divPlausiEditor {
    height: 60%;
    font-size: 13px;
}

#divPlausiCalcEditorHelp {
    height: 35%;
    font-size: 12px;
    background-color: #F6F6F6;
    overflow: auto;
}

#divPlausiCalcEditor {
    height: 65%;
    font-size: 13px;
}

div.plausiHelp {
    margin-left: 20px;
    margin-right: 20px;
}

div.plausiHelp table {
    margin-left: 20px;
}

/* alte Version Plausi-Text formatierung */

table.plausiLamp {
    border-collapse: collapse;
    margin: 10px;
}

table.plausiLamp tr {
    border: none;
}

table.plausiLamp th, table.plausiLamp td {
    border-right: solid 1px #CD5C5C;
    border-left: solid 1px #CD5C5C;
    padding-left: 5px;
    padding-right: 5px;
}

/* neue Version Plausi-Text formatierung */
table.plausiLamp2 {
    border-collapse: collapse;
    margin: 10px;
}

table.plausiLamp2 tr {
    border: none;
    border-bottom: solid 1px darkgrey;
}

table.plausiLamp2 th, table.plausiLamp2 td {
    vertical-align: top;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 15px;
    text-align: left;

}

/*
    The following plausi classes can be used in plausi scripts.
    Whenever a new one is added here, please make an entry in coco.util.listOfPlausiCssClasses[]
*/

/* For readonly set by plausi for property sheets: */
.plausiReadonly .webix_property_value,
.plausiReadonly textarea {
    background-color: #d6d6d6;
}

.plausiPanic,
.plausiPanic textarea {
    color: black !important;
    animation-name: plausiPanicAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite;
}

.plausiDisable,
.plausiDisable textarea {
    text-decoration: line-through;
    color: grey !important;
}

.plausiHidden,
.plausiHidden textarea {
    display: none;
}


.plausiDisableRed,
.plausiDisableRed textarea {
    color: #ff0000 !important;
    text-decoration: line-through;
    text-decoration-color: darkred;
}

.plausiError,
.plausiError textarea {
    background-color: rgba(255, 50, 0, 0.8) !important;
}

.plausiError .webix_property_label_line {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #db302e), color-stop(100%, #9c0000));
}

.plausiMandatory,
.plausiMandatory textarea {
    background-color: rgba(255, 210, 0, 0.8) !important;
}

.plausiGrey,
.plausiGrey textarea {
    color: #a0a0a0 !important;
}

.plausiRed,
.plausiRed textarea {
    color: indianred !important;
    font-style: italic;
}

.plausiYellow,
.plausiYellow textarea {
    color: #FFE857 !important;
    font-style: italic;
}

.plausiGreen,
.plausiGreen textarea {
    color: #17AC3B !important;
    font-style: italic;
}

.plausiBlue,
.plausiBlue textarea {
    color: #4A77FF !important;
    font-style: italic;
}

.plausiPink,
.plausiPink textarea {
    color: #E961FF !important;
    font-style: italic;
}

.plausiBold,
.plausiBold textarea {
    font-weight: bold;
}

/* background plausi styles */
.plausiBgGrey,
.plausiBgGrey textarea {
    background-color: #d6d6d6 !important;
}

.plausiBgDarkred,
.plausiBgDarkred textarea {
    background-color: rgba(220, 0, 0, 0.9) !important;
}

.plausiBgRed,
.plausiBgRed textarea {
    background-color: rgba(255, 50, 0, 0.8) !important;
}

.plausiBgOrange,
.plausiBgOrange textarea {
    background-color: rgba(255, 100, 0, 0.8) !important;
}

.plausiBgYellow,
.plausiBgYellow textarea {
    background-color: rgba(255, 210, 0, 0.8) !important;
}

.plausiBgGreen,
.plausiBgGreen textarea {
    background-color: rgba(50, 200, 0, 0.8) !important;
}

.plausiBgBlue,
.plausiBgBlue textarea {
    background-color: rgba(0, 90, 255, 0.8) !important;
}

.plausiBgPink,
.plausiBgPink textarea {
    background-color: rgba(255, 70, 255, 0.8) !important;
}

.plausiBgPastelRed,
.plausiBgPastelRed textarea {
    background-color: rgba(255, 110, 130, 0.8) !important;
}

.plausiBgPastelOrange,
.plausiBgPastelOrange textarea {
    background-color: rgba(255, 180, 90, 0.8) !important;
}

.plausiBgPastelYellow,
.plausiBgPastelYellow textarea {
    background-color: rgba(255, 225, 120, 0.8) !important;
}

.plausiBgPastelGreen,
.plausiBgPastelGreen textarea {
    background-color: rgba(180, 255, 180, 0.8) !important;
}

.plausiBgPastelBlue,
.plausiBgPastelBlue textarea {
    background-color: rgba(100, 190, 255, 0.8) !important;
}

.plausiBgPastelPink,
.plausiBgPastelPink textarea {
    background-color: rgba(255, 150, 255, 0.8) !important;
}

.plausiBgYellow_RO_bgLightgrey,
.plausiBgYellow_RO_bgLightgrey textarea {
    background-color: rgba(255, 210, 0, 0.8) !important;
}

.plausiBgYellow_RO_bgLightgrey.readonly,
.plausiBgYellow_RO_bgLightgrey.plausiReadonly,
.plausiBgYellow_RO_bgLightgrey.readonly textarea,
.plausiBgYellow_RO_bgLightgrey.plausiReadonly textarea {
    background-color: #f0f0f0 !important;
}

@keyframes plausiPanicAnimation {
    0% {
        background-color: rgba(255, 0, 0, 0.8);
    }
    50% {
        background-color: rgba(255, 100, 0, 0.8);
    }
    100% {
        background-color: rgba(255, 0, 0, 0.8);
    }
}

.menu i.fa.plausiLampGreen,
i.fa.plausiLampGreen,
.plausiLampGreen {
    color: green;
}

.menu i.fa.plausiLampYellow,
i.fa.plausiLampYellow,
.plausiLampYellow {
    color: gold;
}

.menu i.fa.plausiLampRed,
i.fa.plausiLampRed,
.plausiLampRed {
    color: red;
}

/* für nico grauer hintergrund bei A-WV */
div.webix_view.webix_form.bgGrey div.webix_scroll_cont {
    background-color: #eaeaea;
}

div.webix_view.webix_form.bgGrey div.webix_template {
    background-color: #eaeaea;
}

div.webix_view.bgGrey {
    background-color: #eaeaea;
}

div.webix_view.bgGrey div.webix_template {
    background-color: #eaeaea;
}

.webix_cell.hasPlausi {
    position: relative;
}

.webix_cell.hasPlausi:after {
    content: '';
    position: absolute;
    top: 0%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-top: 4px solid #a00;
    border-right: 4px solid transparent;
}

.webix_property_line.hasPlausi {
    position: relative;
}

.webix_property_line.hasPlausi:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    border-top: 4px solid #a00;
    border-right: 4px solid transparent;
}

.webix_el_textarea.hasPlausi .webix_el_box {
    position: relative;
}

.webix_el_textarea.hasPlausi .webix_el_box:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    width: 0px;
    height: 0px;
    border-top: 4px solid #a00;
    border-right: 4px solid transparent;
}

/* ------ cocoKanban ------- */
.webix_popup_text div.cocoKanbanCard {
    text-align: left;
    padding: 12px;
}

div.webix_tooltip.cocoKanban {
    width: 500px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    background-color: #fafafa;
    color: #000000;
    line-height: 12px;
}

div.webix_tooltip div.cocoKanbanCard {
    width: 500px;
}

.cocoKanban .webix_list_item {
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 0px;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border-radius: 10px;
    backgroud: none;
}

.cocoKanban .webix_list_item:hover {
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 0px;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23), 0 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    backgroud: none;
}

.cocoKanban .webix_list_item.webix_selected {
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 0px;
    border: 1px solid grey;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23), 0 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    backgroud: none;
}

.cocoKanban .webix_list_item.webix_selected:hover {
    margin-right: 4px;
    margin-bottom: 8px;
    padding: 0px;
    border: 1px solid grey;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23), 0 3px 6px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    backgroud: none;
}

.webix_list_item div.cocoKanbanCard {
    line-height: 1;
    border: none;
    backgroud: red;

}

.webix_list_item div.cocoKanbanCard.cocoKanbanHeight_1 {
    height: 22px;
}

.webix_list_item div.cocoKanbanCard.cocoKanbanHeight_2 {
    height: 70px;
}

.webix_list_item div.cocoKanbanCard.cocoKanbanHeight_3 {
    height: 120px;
}

div.cocoKanbanCard {
    padding: 2px;
    background-color: #f8f8f8;
    border-left: 5px solid #fafafa;
    border-right: 5px solid #fafafa;
}

div.cocoKanbanCard.cocoKanbanDownlight {
    background-color: #a0a0a0;
}

div.cocoKanbanCard.cocoKanbanHighlight {
    background-color: #ffffaa;
}

div.cocoKanbanCard.proTaskPriority_20 {
    border-left: 5px solid #50a0ff;
}

div.cocoKanbanCard.proTaskPriority_50 {
    border-left: 5px solid #f0f0f0;
}

div.cocoKanbanCard.proTaskPriority_80 {
    border-left: 5px solid #ffa000;
}

div.cocoKanbanCard.proTaskPriority_90 {
    border-left: 5px solid #ff0000;
}

@keyframes proNotifyAnimation {
    0% {
        border-right: 3px solid rgba(180, 0, 0, 0.8);
        border-bottom: 3px solid rgba(180, 0, 0, 0.8);
    }
    45% {
        border-right: 3px solid rgba(255, 200, 0, 0.8);
        border-bottom: 3px solid rgba(255, 200, 0, 0.8);
    }
    55% {
        border-right: 3px solid rgba(255, 200, 0, 0.8);
        border-bottom: 3px solid rgba(255, 200, 0, 0.8);
    }
    100% {
        border-right: 3px solid rgba(180, 0, 0, 0.8);
        border-bottom: 3px solid rgba(180, 0, 0, 0.8);
    }
}

div.cocoKanbanCard.proNotify {
    border-right: 3px solid orange;
    border-bottom: 3px solid orange;

    animation-name: proNotifyAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

div.cocoKanbanCardDescription {
    font-size: 10px;
    margin-top: 2px;
}

div.cocoKanbanCardLog {
    font-size: 10px;
    color: #444;
}

.webix_el_segmented.greyButton button.webix_selected {
    background-color: #909090;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #B0B0B0), color-stop(100%, #707070));
}

div.readonly div input {
    background-color: #d6d6d6;
}

.propertyReadonly .webix_property_value,
.propertyReadonly textarea {
    background-color: #d6d6d6;
}

/* status 10 grün 20 gelb  30 rot */

.webix_cell.leftDownCorner0 {
    position: relative;
}

.webix_cell.leftDownCorner0:after {
    content: '';
    position: absolute;
    top: 80%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-left: 8px solid #aaa;
    border-top: 8px solid transparent;
}

.webix_cell.leftDownCorner10 {
    position: relative;
}

.webix_cell.leftDownCorner10:after {
    content: '';
    position: absolute;
    top: 80%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-left: 8px solid #0b0;
    border-top: 8px solid transparent;
}

.webix_cell.leftDownCorner20 {
    position: relative;
}

.webix_cell.leftDownCorner20:after {
    content: '';
    position: absolute;
    top: 80%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-left: 8px solid #fd0;
    border-top: 8px solid transparent;
}

.webix_cell.leftDownCorner30 {
    position: relative;
}

.webix_cell.leftDownCorner30:after {
    content: '';
    position: absolute;
    top: 80%;
    left: 0%;
    width: 0px;
    height: 0px;
    border-left: 8px solid #d00;
    border-top: 8px solid transparent;
}

/* noZebra options */

.noZebra .webix_column > div:nth-child(odd) {
    background-color: #ffffff;
}

.noZebra .webix_column > div:nth-child(even) {
    background-color: #ffffff;
}

.noZebra .webix_column > div.webix_row_select {
    background-color: lightblue;
}

.noZebra .webix_property_line:nth-child(even) {
    background-color: #ffffff;
}

.noZebra .webix_property_line:nth-child(odd) {
    background-color: #ffffff;
}

.webix_view.webix_property.noZebra .webix_scroll_cont .webix_property_line:nth-child(even) {
    background-color: #ffffff;
}

.webix_view.webix_property.noZebra .webix_scroll_cont .webix_property_line:nth-child(odd) {
    background-color: #ffffff;
}

/* filter checkbox - first use in calcEditionList */

.checkboxFilter .webix_checkbox_1 .webix_custom_checkbox {
    color: #ff0000;
}

.deskNote textarea.webix_inp_textarea {
    background: transparent;
    margin: 0px;
}