.ui-sortable-placeholder {
  border: 1px dashed #ff6464;
  background-color: #e6e6e6;
  visibility: visible !important;
  background-image: url("../images/note/note_gray.png");
  background-repeat: no-repeat;
  background-position: center center; }

div.notecontainer.ui-widget-content {
  border: 0px;
  padding: 0; }

div.notecontainer > div.note.deleted {
  display: none; }

div.notecontainer:not(.ui-sortable-disabled).postit > div.note {
  cursor: move; }

div.notecontainer:not(.ui-sortable-disabled).tablerow > div.note {
  cursor: n-resize; }

div.notecontainer.tablerow .postit, div.notecontainer.postit .tablerow {
  display: none; }

div.note {
  position: relative; }

div.note > div.noteCover {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px; }

div.note > table {
  border-collapse: collapse;
  border-spacing: 0; }

div.notecontainer.postit > div.note {
  float: left;
  margin: 5px;
  width: 280px;
  max-width: 300px;
  height: 135px; }

div.notecontainer.tablerow > div.note {
  margin: 5px; }

div.notecontainer div.note > table {
  border: 1px solid #969696; }

div.notecontainer > div.note input.subject {
  font-weight: bold; }

div.notecontainer > div.note td.date {
  color: #505050;
  font-size: 80%;
  vertical-align: text-bottom; }

div.notecontainer > div.note td.date input {
  font-size: inherit;
  width: 100px; }

div.notecontainer.postit > div.note > table td.icons {
  width: 1%;
  text-align: right;
  padding-top: 5px;
  padding-right: 5px; }

div.notecontainer.postit > div.note > table tr.reminderDate td.icons {
  padding-top: 0px; }

div.notecontainer.postit > div.note > table td.icons img {
  display: block;
  float: right;
  margin: 1px 0 0 3px; }

div.notecontainer.tablerow > div.note td.icons {
  width: 30px;
  text-align: center;
  vertical-align: top;
  padding-top: 10px; }

div.notecontainer.postit > div.note div.textcontainer {
  height: 100px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #003c64; }

div.notecontainer.tablerow > div.note div.textcontainer {
  max-height: 75px;
  overflow: hidden; }

div.notecontainer input, div.notecontainer textarea {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  resize: none;
  height: 100%;
  cursor: inherit;
  color: #003c64; }

div.notecontainer.postit textarea.noteText {
  font-size: 90%; }

div.notecontainer.tablerow textarea.noteText {
  font-size: 14px; }

div.notecontainer textarea {
  width: 100%; }

div.notecontainer.postit td.subject {
  padding: 5px 0 2px 5px; }

div.notecontainer.postit td.subject > div {
  height: 20px;
  overflow: hidden; }

div.notecontainer.postit td.date {
  padding: 0 0 0 5px; }

div.notecontainer.tablerow td.subject {
  padding: 5px 0 2px 5px; }

div.notecontainer.tablerow td.dueDate {
  vertical-align: top;
  padding: 5px 0 0 5px; }

div.notecontainer.tablerow td.reminderIcon {
  vertical-align: top;
  padding: 4px 2px 0 5px; }

div.notecontainer td.text {
  padding: 3px 3px; }

div.notecontainer.tablerow td.text {
  border-top: 1px solid #c8c8c8; }

/* Color */
/* Main color - background */
div.notecontainer > div.note.yellow td.bright {
  background-color: #ffffcc; }

div.notecontainer > div.note.red td.bright {
  background-color: #ffc5c5; }

div.notecontainer > div.note.green td.bright {
  background-color: #d7e4bd; }

div.notecontainer > div.note.blue td.bright {
  background-color: #dce6f2; }

div.notecontainer > div.note.white td.bright {
  background-color: white; }

/* Text background color */
div.notecontainer > div.note.yellow table {
  background-color: #ffae0d; }

div.notecontainer > div.note.red table {
  background-color: #ff3b3b; }

div.notecontainer > div.note.green table {
  background-color: #88a945; }

div.notecontainer > div.note.blue table {
  background-color: #8eb4e3; }

div.notecontainer > div.note.white table {
  background-color: gainsboro; }

/* Note Edit Wrapper */
div.noteEditWrapper {
  display: flex;
  justify-content: left;
  align-items: center;
  position: absolute;
  z-index: 10;
  display: none;
  border: 2px solid red;
  background: rgba(100, 100, 100, 0.3); }

#noteLoadingSpinnerId {
  color: #003c64; }

div.noteAttributesEditor > .panelDiv {
  margin-top: 0px;
  -moz-box-shadow: none;
  /* Firefox - alte Syntax */
  -webkit-box-shadow: none;
  /* Safari, Chrome - alte Syntax */
  box-shadow: none;
  /* alle neuen Browser, W3C Standard */ }

/*# sourceMappingURL=note.css.map */