/* General */

html, body {
  margin: 0;
  padding: 0;
  color: #002b36;
  background-color: #eee8d5;
  height: 100%;
  font-family: 'Avenir', sans-serif;
}

body {
  line-height: 1.5em;
}

#finder {
  height: 100%;
}

.column {
  background: #fdf6e3;
  height: 100%;
  min-width: 250px;
  overflow: auto;
  box-shadow: 0px 0px 10px #586e75;
}

.column > h1, .column > ol,
.column > form, .column > p { /* Column padding */
  margin-left: 20px;
  margin-right: 20px;
}

.column > h1,
.column > .text-page h1 {
  font-size: 1.5em;
  font-weight: normal;
  margin-top: 1em;
  margin-bottom: 1.5em;
}

.column > .text-page {
  padding: 0 20px 20px 20px;
  overflow: hidden;
  width: 50%; width: 50vw;
  max-width: 600px;
  background-color: #ffffff;
}
.column > .text-page h2 {
  font-size: 1.5em;
}
.column > .text-page img {
  width: 100%;
}
.column > .text-page a {
  color: #268bd2;
}
.column > .text-page a:hover {
  text-decoration: underline;
}
.column > .text-page .frame {
  padding: 1em;
  border: 1px solid #002b36;
}

ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

a {
  color: #002b36;
  text-decoration: none;
  /* border-bottom: 1px solid #002b36; */
}
a:hover, a.selected {
  /* Blue */
  color: #268bd2;
  /* Green/Blue */
  /* color: #2aa198; */
}

button { cursor: pointer; }

/* Lists */

.new-document-btn-wrap > * {
  vertical-align: middle;
}

.new-document-btn, .new-nested-document-btn {
  border: 0;
  font-size: 1.615em;
  margin-bottom: 1em;
}

button.admin-delete, button.admin-delete-nested, .handle-button {
  display: inline-block; vertical-align: middle;
  font-size: 1em; line-height: 1em;
  width: auto; height: auto;
  margin: 0;
  padding: 0.5em 0.5em 0.5em 0;
  border: 0px;
}
button.admin-delete, button.admin-delete-nested {
  color: #dc322f;
  background-color: transparent;
}
button.admin-delete:focus, button.admin-delete-nested:focus, .handle-button:focus {
  outline: 0;
}
.handle {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.handle:active { 
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

[type=submit] {
  border: 0px;
  cursor: pointer;
  color: #fdf6e3;
  background-color: #859900;
}
[type=submit]:hover {
  background-color: #268bd2;
}

.documents, .nested-documents {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.documents.grid {
  width: 90%; width: 90vw;
}
.documents > li, .nested-documents > li {
  display: block;
  margin-bottom: 1em;
}
.documents.grid > li {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  margin-right: 1em;
}
.documents.grid > li > a {
  word-break: break-word;
}
.documents.grid > li img {
  width: 200px;
}
.documents > li:hover, .nested-documents > li:hover {
  background-color: #eee8d5;
  outline: 0.5em solid #eee8d5;
}
.nested-documents > li > header {
  background: #002b36;
  height: 1.5em;
  margin-bottom: 1em;
}
.documents .sortable-placeholder, .nested-documents .sortable-placeholder {
  border: 1px dashed #839496;
  background-color: #eee8d5;
}
.local-menu { font-size: 0.7em; }

/* Forms */

form {
  margin-bottom: 2em;
}

.field {
  margin-bottom: 1em;
}

input[type=text], input[type=email],
textarea {
  border: 0px;
  color: #839496;
  background: #ffffff;
  width: 400px;
  padding: 0.5em;
  font-size: 1em;
}
input[type=text]:focus, input[type=email]:focus,
textarea:focus {
  /* color: #002b36; */
}

textarea { height: 6em; resize: vertical; }
textarea.oneline { height: 1em; resize: none; }

fieldset {
  border: 0;
  padding-left: 3em; padding-right: 0;
}

.invalid > label {
  color: #dc322f;
}

/* asmSelect */

.asmListItem {
  background-color: #ffffff;
  border: 1px solid #fdf6e3;
}
.asmListItem:hover { background-color: #eee8d5; }
.asmListItemLabel { padding-right: 2em; }
.asmListSortable .asmListItemLabel {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab;
}
.asmListSortable .asmListItemLabel:active {
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.asmListItemRemove, .asmListItemRemove:hover { color: #dc322f; }


         /\
        / *\
       /  # \
      / *    \
     /   #    \
    / #     *  \
   / *     #    \
  /______________\