.cxlist-items {
  /*padding-right: 15px;*/
  width: 100%;
  height: 304px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.cxlist-title > table,
.cxlist-items > table {
  position: relative;
  width: 100%;
  padding: 0;
  border-collapse: collapse;
}

.cxlist-title > table th,
.cxlist-items > table td {
  border: 1px solid RGB(218, 218, 218);
  /*padding-left: 5px;*/
  padding: 0;
  margin: 0;
  font-family: "Courier New", serif;
  font-size: 14px;
  vertical-align: middle;
  height: 22px;
}

.cxlist-title > table th {
  background-color: RGB(243, 243, 243);
}
.cxlist-title > table th .title {
  margin: 0 auto;
  width: 100%;
}

.cxlist-title > table th .counter {
  position: absolute;
  z-index: 10;
  top: 3px;
  right: 4px;
  font-size: 10px;
}

.cxlist-items > table td + td {
  width: 40px;
  text-align: center;
  padding-bottom: 0;
}

.cxlist-items td button,
.cxlist-add td button {
  width: 16px;
  height: 16px;
  background-size: cover;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjFCRjcyNjZBODUzNjExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3OTAyRDlDODUzNjExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IKFBiQAAANVJREFUeNq8loENxCAIRaUTOIIjeJs6SkdxBEboBh40ajxTrXdXIPlp0gBP0YCQUjIrBgCOPq77jRSPSwkYNFJOHDghuw6E2cdNcw0ANgenL8UxdglE5knxB0gRx/opKEOOPyBFRw/ryxUfgLQ7s1eg8CCkntkHKN+uJCTXgoIgKLQgFARhaQqSZavl2y7aSmsvWg2siH0neU7QrD1Fs2h3vpvRsfmOqGP71Uw3vqh2GdSudyndLng+ex18ai1Iramqjgm1wac6ylUfJ1LPLdB6QL4FGADD0M83FTr0fwAAAABJRU5ErkJggg==);
  position: relative;
  right: 2px;
  top: 6px;
  float: right;
}

.cxlist-add td button {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABAhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ1dWlkOjY1RTYzOTA2ODZDRjExREJBNkUyRDg4N0NFQUNCNDA3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjE3OTAyRDk5ODUzNjExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjE3OTAyRDk4ODUzNjExRTU4RTQwRkQwODFEOUZEMEE3IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTk5NzA1OGEtZDI3OC00NDZkLWE4ODgtNGM4MGQ4YWI1NzNmIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YzRkZmQxMGMtY2NlNS0xMTc4LWE5OGQtY2NkZmM5ODk5YWYwIi8+IDxkYzp0aXRsZT4gPHJkZjpBbHQ+IDxyZGY6bGkgeG1sOmxhbmc9IngtZGVmYXVsdCI+Z2x5cGhpY29uczwvcmRmOmxpPiA8L3JkZjpBbHQ+IDwvZGM6dGl0bGU+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/QTSNwAAAOpJREFUeNq8VosNhCAMpUzACIyAmznKjeIojMAIbsAVAxeO8CkqbdKYKH3P0vIKeO8FxQBA40MXrx3GOxJAIGp5BP4EwLC04S6u0V2sBoGKwX7SQ4wiEaEZdHuDJHmINV2iSHI+IEl+lmTldtkXSPLMVI2IUhNTZD+s2R9R7K7hX1bqScns6kYZu3wX62z/naPBOXmakUuioKkFvkl0bZ+syEqyDcEg94qqlN+3BpaWHWmys8XoxUjBY+2MUK3NLFonxrE1A1t7p607FtbnyA/scgniFVXWMcE2+FhHOevlZNV1C7gukF8BBgDjx+Gl0y0fFwAAAABJRU5ErkJggg==);
}

.cxlist-add td {
  border: 0 !important;
}

.cxlist-new td + td {
  /*padding-top: 9px;*/
}

.cxlist-new textarea,
.cxlist-item textarea {
  width: 100%;
  height: 28px;
  font-family: "Courier New", serif;
  font-size: 14px;
  resize: none;
  /*margin-top: 4px;*/
  border: 0;
  vertical-align: middle;
  overflow: hidden;
  float: left;
}

.cxlist-new textarea {
  background-color: rgba(255, 112, 112, 0.05);
}

.cxlist-item textarea {
  width: 275px;
}

.cxList-buttons {
  width: 200px;
  margin: 20px auto 0;
}

.cxList-buttons button {
  padding: 8px 12px !important;
  float: left !important;
}

.cxList-buttons button + button {
  padding: 8px 12px !important;
  float: right !important;
}

.cxlist-title {
  margin: -5px 0 0;
  font-weight: bold;
}

.cxlist-item > td > div {
  width: 238px;
  overflow: auto;
}