.actionbuttons { text-align: right; margin-top: 2rem; margin-bottom: 1rem; padding: 1rem; padding-bottom: 2rem; padding-right: 1.5rem; }
.actionbuttons a { padding: .4em .8em; margin: 0 .25em; color: #ddd; background-color: #335; border-color: #333; border-radius: .25em; font-size: 80% }
.actionbuttons a:hover {color: #fff; background-color: #224 }
.error { width: auto; padding: 1em; background: #720; margin: .5em; }
.linenodiv pre a { color: #555; }
.messages li, .errorlist li { padding: .5em; margin: .5em; background: #999; color: #000; width: auto; list-style-type: none}
.topbuttons a { color: #ddd; background-color: #335 !important; border: none; border-radius: .25em; margin: 0 .25em 1em 0; }
a { text-decoration: none; color: #39f; border: none; cursor: pointer }
a code { background: #333; color: #39f; border: none; border-radius: 0; font-family: "Fira Mono"}
a:active { background-color: #000 !important; box-shadow: 0 2px #333; transform: translateY(2px); }
a:hover, input[type=submit]:hover { color: #ff4 !important; }
a.activebutton {color: #fff; background-color: #669 !important}
a.button-primary { color: #eee !important; }
a.button-primary:hover { border: none !important; background: #224 !important; }
a.button, a.button:visited { color: #ddd; }
body { padding: 1.5em; background: #222; color: #fff; font-family: 'Fira Sans', sans-serif; font-weight: 100; line-height: 1.4em}
button.primaryAction, button[type=submit] { color: #eee; }
button.primaryAction:hover, button[type=submit]:hover { color: #ff4; }
code { background: #333; color: #fff; border: none; border-radius: 0; font-family: "Fira Mono"}
div.highlight { margin-top: -6rem }
h1, h2, h3, h4 { font-weight: 600; margin: .25em 0 .5em 0; text-decoration: dotted underline #666 2px; text-underline-offset: .25em; }
h1 { font-size: 2em; }
h2 { font-size: 1.75em;  }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
hr { margin: .5em 0 1em 0;  border: 1px dotted #777; }
input[type=submit] { background-color: #335; color: #ccc; border: none }
input[type=submit].button-primary { background-color: #669 !important; border: none !important; }
input[type=text], input[type=password], input[type=email], select, textarea { background: #555; color: #eee; border: none; }
input#id_title { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
li { list-style-type: square; }
pre { padding: 1em ; color: #333; font-family: "Fira Mono" }
td { border: none; padding: .25em; }
td.code { padding-top: 2rem; border-radius: .25em}
td.linenos .linenodiv { padding-top: 2rem; }
td.linenos .normal { background-color: transparent !important;}
td.linenos { background-color: #222; }
textarea { font-family: 'Fira Mono', sans-serif; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }
ul.messages li { padding: 1em; list-style-type: none; border: 1px dotted }
ul.messages li.error, .errorlist li { background: #e20; color: #fff; }
ul.messages li.info { background: #336; color: #fff; }
ul.messages li.success { background: #363; color: #fff; }
ul.messages li.warning { background: #e60; color: #fff; }