*:focus {
  outline: 0; }

body {
  height: 100%;
  background-color: #f9f9f7 !important; }

/* ---------------------- HEADER --------------------- */
.header {
  margin: auto;
  background-color: #d9d7d9;
  padding-top: 5px;
  padding-bottom: 5px; }
  .header .heading {
    display: block; }
    @media screen and (min-width: 1024px) {
      .header .heading {
        display: none; } }

.searchbox {
  width: 65%; }

.material-icons {
  color: #808080;
  outline: none !important;
  border-radius: 10%;
  border-color: #bfbfbf;
  margin: 5px;
  padding-left: 10px;
  padding-right: 10px;
  background-color: #fefefe; }
  @media screen and (max-width: 768px) {
    .material-icons {
      display: none !important; } }
  .material-icons:hover {
    cursor: pointer; }

.text-icon {
  color: #c8c8c8; }

/* --------------------- NOTEAREA -------------------- */
.note-area {
  border-left: 1px #bfbfbf solid; }
  .note-area textarea {
    border: none;
    background-color: #f9f9f7;
    width: -webkit-fill-available;
    height: -webkit-fill-available; }

/* --------------------- NOTELIST -------------------- */
.note-list ul {
  padding-left: 0; }

.note-item {
  border-bottom: 1px #bfbfbf solid;
  padding-bottom: 5%;
  padding-top: 5%;
  list-style: none;
  overflow-x: hidden; }
  .note-item:hover {
    cursor: pointer;
    background-color: #f0ad4e; }

/* --------------------- FOLDERS -------------------- */
.folder {
  border-right: 1px #bfbfbf solid;
  padding: 0 !important;
  background: #eeeeee; }
  .folder ul {
    padding-left: 0; }
    .folder ul li {
      list-style: none;
      padding-bottom: 5%;
      padding-top: 5%; }

.hidden {
  display: none; }

.new_folder i {
  background-color: #7e7e7e;
  color: #bfbfbf;
  font-size: 18px; }
.new_folder p {
  display: inline-block; }

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