/* 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, input, input, textarea {

border: 0px;
color: #839496;
background-color: #ffffff;
width: 400px;
padding: 0.5em;
font-size: 1em;
outline: 0;

} input.search-items {

border-radius: 1em;

} input:focus, input:focus, input: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; }

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