.ng-sticky-item {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  color: #000;
  background: #ffc;
  display: block;
  height: 15em;
  width: 20em;
  padding: 1em;
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); }
  .ng-sticky-item .ng-sticky-item-header {
    position: absolute;
    right: 0;
    width: 100%;
    top: 0;
    text-align: right;
    opacity: 0.2; }
    .ng-sticky-item .ng-sticky-item-header .ng-sticky-notes-button {
      margin-right: 5px; }
  .ng-sticky-item .ng-sticky-item-footer {
    height: 1em;
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: right;
    left: 0; }
    .ng-sticky-item .ng-sticky-item-footer p {
      margin: 0;
      padding: 0;
      font-size: 1em;
      font-weight: bold;
      color: #979797; }
  .ng-sticky-item .ng-sticky-item-content {
    width: 100%;
    height: 100%;
    overflow: hidden; }
  .ng-sticky-item:hover .ng-sticky-item-header,
  .ng-sticky-item:hover .ng-sticky-item-footer {
    opacity: 1; }
  .ng-sticky-item .watermark {
    opacity: 0.2; }
  .ng-sticky-item h2 {
    margin: 0;
    font-family: "Montserrat", "Roboto", "Source Sans Pro", sans-serif;
    font-size: 125%;
    font-weight: bold;
    padding: 0 0 10px;
    background: transparent;
    border: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ng-sticky-item h2 textarea, .ng-sticky-item h2 input[type="text"] {
      font-family: "Montserrat", "Roboto", "Source Sans Pro", sans-serif;
      font-size: 90%;
      font-weight: bold;
      background: transparent;
      border: 0;
      width: 100%; }
  .ng-sticky-item p {
    line-height: 1;
    font-family: "Montserrat", "Roboto", "Source Sans Pro", sans-serif;
    font-size: 160%;
    background: transparent;
    border: 0;
    min-height: 2em;
    width: 100%;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis; }
    .ng-sticky-item p textarea, .ng-sticky-item p input[type="text"] {
      line-height: 1;
      resize: none;
      font-family: "Montserrat", "Roboto", "Source Sans Pro", sans-serif;
      font-size: 90%;
      background: transparent;
      border: 0;
      width: 100%; }

.ng-sticky-notes ul, .ng-sticky-notes li {
  list-style: none; }

.ng-sticky-notes ul {
  padding-right: 10em;
  min-height: 14em; }

.ng-sticky-notes ul li {
  margin: 1em;
  float: left;
  width: 20px; }

.ng-sticky-notes ul li .ng-sticky-item {
  z-index: 1;
  -webkit-transform: rotate(-6deg);
      -ms-transform: rotate(-6deg);
          transform: rotate(-6deg);
  box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7);
  -webkit-transition: -webkit-transform .15s linear;
  transition: -webkit-transform .15s linear;
  transition: transform .15s linear;
  transition: transform .15s linear, -webkit-transform .15s linear; }

.ng-sticky-notes ul li:nth-child(even) .ng-sticky-item {
  -webkit-transform: rotate(4deg);
      -ms-transform: rotate(4deg);
          transform: rotate(4deg);
  position: relative;
  top: 5px; }

.ng-sticky-notes ul li:nth-child(3n) .ng-sticky-item {
  -webkit-transform: rotate(-3deg);
      -ms-transform: rotate(-3deg);
          transform: rotate(-3deg);
  position: relative;
  top: -5px; }

.ng-sticky-notes ul li:nth-child(5n) .ng-sticky-item {
  -webkit-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);
  position: relative;
  top: -10px; }

.ng-sticky-notes ul li .ng-sticky-item:hover, .ng-sticky-notes ul li .ng-sticky-item:focus {
  box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.7);
  -webkit-transform: scale(1.25);
      -ms-transform: scale(1.25);
          transform: scale(1.25);
  position: relative;
  z-index: 5; }

.ng-sticky-notes-button {
  outline: none 0;
  border: 0;
  background: transparent;
  cursor: pointer; }
  .ng-sticky-notes-button:hover {
    color: black; }