body, html {
  color: #4d4d4d;
  background-color: #fff;
  width: auto !important;
  overflow-x: hidden !important;
  font-family: Roboto Condensed; }

#notas {
  margin: 10px; }

#buscador {
  margin: 10px;
  padding: 10px; }

#modal-principal {
  padding: 10px; }

#slide-out .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

#slide-out .sidenav .user-view > a {
  height: auto;
  padding: 0; }

.brand-logo {
  margin-left: 10px; }

.sidenav .user-view .background {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1; }

.tags {
  padding-left: 30px; }

@media only screen and (max-width: 600px) {
  #slide-out {
    display: none; } }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.75em; }

.text-justify {
  text-align: justify; }

/* Dark Mode Styles (Manually Appended) */
body.dark-mode {
    background-color: #121212;
    color: #e0e0e0;
}
body.dark-mode .card {
    background-color: #1e1e1e;
    color: #e0e0e0 !important;
}
body.dark-mode .card .card-content {
    color: #e0e0e0 !important;
}
body.dark-mode .card .card-title {
    color: #fff !important;
}
body.dark-mode .nav-wrapper.yellow.darken-1 {
    background-color: #f9a825 !important;
}
body.dark-mode .sidenav {
    background-color: #1e1e1e;
}
body.dark-mode .sidenav li a {
    color: #e0e0e0;
}
body.dark-mode .sidenav li a i {
    color: #e0e0e0;
}
body.dark-mode .collection {
    border: 1px solid #333;
}
body.dark-mode .collection .collection-item {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-bottom: 1px solid #333;
}
body.dark-mode input, body.dark-mode textarea {
    color: #e0e0e0;
}
body.dark-mode .input-field label {
    color: #9e9e9e;
}
body.dark-mode .input-field input[type=text]:focus + label, 
body.dark-mode .input-field input[type=email]:focus + label, 
body.dark-mode .input-field textarea:focus + label {
    color: #f9a825;
}
body.dark-mode .input-field input[type=text]:focus, 
body.dark-mode .input-field input[type=email]:focus, 
body.dark-mode .input-field textarea:focus {
    border-bottom: 1px solid #f9a825;
    box-shadow: 0 1px 0 0 #f9a825;
}

/* Full Height Dark Mode Fix */
html, body {
    height: 100%;
    min-height: 100vh;
}

/* Dark Mode Collapsible Fix */
body.dark-mode .collapsible-header {
    background-color: #1e1e1e;
    color: #e0e0e0;
    border-bottom: 1px solid #333;
}
body.dark-mode .collapsible-body {
    background-color: #121212;
    color: #e0e0e0;
    border-bottom: 1px solid #333;
}
body.dark-mode .collapsible {
    border: 1px solid #333;
}

/* Dark Mode Note Color Overrides */
body.dark-mode .card.light-blue.lighten-3 { background-color: #01579b !important; }
body.dark-mode .card.red.lighten-3 { background-color: #b71c1c !important; }
body.dark-mode .card.pink.lighten-3 { background-color: #880e4f !important; }
body.dark-mode .card.purple.lighten-3 { background-color: #4a148c !important; }
body.dark-mode .card.deep-purple.lighten-3 { background-color: #311b92 !important; }
body.dark-mode .card.indigo.lighten-3 { background-color: #1a237e !important; }
body.dark-mode .card.blue.lighten-3 { background-color: #0d47a1 !important; }
body.dark-mode .card.grey.lighten-3 { background-color: #424242 !important; }
body.dark-mode .card.blue-grey.lighten-3 { background-color: #263238 !important; }
body.dark-mode .card.cyan.lighten-3 { background-color: #006064 !important; }
body.dark-mode .card.teal.lighten-3 { background-color: #004d40 !important; }
body.dark-mode .card.green.lighten-3 { background-color: #1b5e20 !important; }
body.dark-mode .card.light-green.lighten-3 { background-color: #33691e !important; }
body.dark-mode .card.lime.lighten-3 { background-color: #827717 !important; }
body.dark-mode .card.yellow.lighten-3 { background-color: #f57f17 !important; }
body.dark-mode .card.amber.lighten-3 { background-color: #ff6f00 !important; }
body.dark-mode .card.orange.lighten-3 { background-color: #e65100 !important; }
body.dark-mode .card.deep-orange.lighten-3 { background-color: #bf360c !important; }

/* Dark Mode Input & Button Fixes */
body.dark-mode input[type=text], 
body.dark-mode input[type=email], 
body.dark-mode textarea.materialize-textarea {
    color: #fff;
    border-bottom: 1px solid #9e9e9e;
}
body.dark-mode input[type=text]:focus, 
body.dark-mode input[type=email]:focus, 
body.dark-mode textarea.materialize-textarea:focus {
    border-bottom: 1px solid #f9a825;
    box-shadow: 0 1px 0 0 #f9a825;
}
body.dark-mode .btn-flat {
    color: #fff !important;
}
body.dark-mode .btn-flat:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Quill Dark Mode Overrides */
body.dark-mode .ql-toolbar {
    background-color: #333;
    border-color: #444 !important;
}
body.dark-mode .ql-container {
    background-color: #1e1e1e;
    border-color: #444 !important;
    color: #e0e0e0;
}
body.dark-mode .ql-stroke {
    stroke: #e0e0e0 !important;
}
body.dark-mode .ql-fill {
    fill: #e0e0e0 !important;
}
body.dark-mode .ql-picker {
    color: #e0e0e0 !important;
}
/* Quill Checkbox Fix */
ul[data-checked=true], ul[data-checked=false] {
    pointer-events: none;
}
ul[data-checked=true] > li *, ul[data-checked=false] > li * {
    pointer-events: all;
}
ul[data-checked=true] > li::before, ul[data-checked=false] > li::before {
    color: #777;
    cursor: pointer;
    pointer-events: all;
}
ul[data-checked=true] > li.ql-checked {
    text-decoration: line-through;
    color: #888;
}

/* Quill Editor Height Fix */
#editor-container {
    height: 300px;
}

/* Dark Mode Search Input Fix */
body.dark-mode .input-field input[type=search]:focus:not(.browser-default) {
    background-color: #333 !important;
    color: #fff !important;
}
body.dark-mode .input-field input[type=search] ~ .material-icons {
    color: #e0e0e0 !important;
}
body.dark-mode .input-field input[type=search]:focus ~ .material-icons {
    color: #fff !important;
}