#notes { margin-top: 30px; }
span { margin-left: 10px; color: #444; }
.sticky-note { height: 400px; width: 400px; color: #7f6c04; background: #f9dd45; border-radius: 10px; border: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 13px; box-shadow: 2px 2px 10px rgba(0,0,0,0.4); overflow: hidden; }
.contents { background: #f9e055; outline: none; }
.handle { cursor: move; background: #7f6c04; border-radius: 8px 8px 0px 0px; height: 45px;}
.handle .close { cursor: pointer }
#save { margin-left: 7px; }
html body .sticky-note div.close { color: #3d3402; opacity: 1; text-shadow: 1px 0px 1px #a08805; padding: 13px; }

.save{margin: 20px;
    color: #fff;
    line-height: 42px;
    font-size: 17px;}
    body{font-size: 16px !important; }

.page-header {
  padding-top: 33px !important;
}
  td{height: 29px;}
  .display
  {
    width:220px;
    position:relative;
    left:2px;
    top:20px;
    height:40px;
  }
  .modal-backdrop{display: none;}
  .display input
  {
    position:relative;
    left:2px;
    top:2px;
    height:35px;
    color:black;
    font-size:21px;
    text-align:right;
  } 

  .keys
  {
    position:relative;
    top:35px;
  }
  .button
  {
    width:40px;
    height:30px;
    border:none;
    border-radius:8px;
    margin-left:17px;
    cursor:pointer;
    border-top:2px solid transparent;
  }
  .button.gray
  {
    color:black;
    background-color:#6f6f6f;
    border-bottom:black 2px solid;
    border-top:2px #6f6f6f solid;
  }
  .button.pink
  {
    color:black;
    background-color:#ff4561;
    border-bottom:black 2px solid;
  }
  .button.black
  {
    color:#000 !important;
    background-color:303030 !important;
    border-bottom:black 2px solid;
    border-top:2px 303030 solid;
  }
  .button.orange
  {
    color:black;
    background-color:FF9933;
    border-bottom:black 2px solid;
    border-top:2px FF9933 solid;
  }
  .gray:active
  {
    border-top:black 2px solid;
    border-bottom:2px #6f6f6f solid;
  }
  .pink:active
  {
    border-top:black 2px solid;
    border-bottom:#ff4561 2px solid;
  }
  .black:active
  {
    border-top:black 2px solid;
    border-bottom:#303030 2px solid;
  }
  .orange:active
  {
    border-top:black 2px solid;
    border-bottom:FF9933 2px solid;
  }
  .modal{cursor: move;}