button, [type='button'], [type='reset'], [type='submit'] {
  appearance: none;
  background-color: #1565c0;
  border: 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 1.5em;
  text-align: center;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }
  button:hover, [type='button']:hover, [type='reset']:hover, [type='submit']:hover {
    background-color: #11519a;
    color: #fff; }
  button:focus, [type='button']:focus, [type='reset']:focus, [type='submit']:focus {
    outline: 3px solid rgba(21, 101, 192, 0.6);
    outline-offset: 2px; }
  button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: not-allowed;
    opacity: 0.5; }
    button:disabled:hover, [type='button']:disabled:hover, [type='reset']:disabled:hover, [type='submit']:disabled:hover {
      background-color: #1565c0; }

fieldset {
  background-color: transparent;
  border: 0;
  margin: 0;
  padding: 0; }

legend {
  font-weight: 600;
  margin-bottom: 0.375em;
  padding: 0; }

label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.375em; }

input,
select,
textarea {
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 16px; }

[type='color'], [type='date'], [type='datetime'], [type='datetime-local'], [type='email'], [type='month'], [type='number'], [type='password'], [type='search'], [type='tel'], [type='text'], [type='time'], [type='url'], [type='week'], input:not([type]), textarea {
  appearance: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-bottom: 0.75em;
  padding: 0.5em;
  transition: border-color 150ms ease; }
  [type='color']:hover, [type='date']:hover, [type='datetime']:hover, [type='datetime-local']:hover, [type='email']:hover, [type='month']:hover, [type='number']:hover, [type='password']:hover, [type='search']:hover, [type='tel']:hover, [type='text']:hover, [type='time']:hover, [type='url']:hover, [type='week']:hover, input:not([type]):hover, textarea:hover {
    border-color: #b1b1b1; }
  [type='color']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='email']:focus, [type='month']:focus, [type='number']:focus, [type='password']:focus, [type='search']:focus, [type='tel']:focus, [type='text']:focus, [type='time']:focus, [type='url']:focus, [type='week']:focus, input:not([type]):focus, textarea:focus {
    border-color: #1565c0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(21, 101, 192, 0.7);
    outline: none; }
  [type='color']:disabled, [type='date']:disabled, [type='datetime']:disabled, [type='datetime-local']:disabled, [type='email']:disabled, [type='month']:disabled, [type='number']:disabled, [type='password']:disabled, [type='search']:disabled, [type='tel']:disabled, [type='text']:disabled, [type='time']:disabled, [type='url']:disabled, [type='week']:disabled, input:not([type]):disabled, textarea:disabled {
    background-color: #f2f2f2;
    cursor: not-allowed; }
    [type='color']:disabled:hover, [type='date']:disabled:hover, [type='datetime']:disabled:hover, [type='datetime-local']:disabled:hover, [type='email']:disabled:hover, [type='month']:disabled:hover, [type='number']:disabled:hover, [type='password']:disabled:hover, [type='search']:disabled:hover, [type='tel']:disabled:hover, [type='text']:disabled:hover, [type='time']:disabled:hover, [type='url']:disabled:hover, [type='week']:disabled:hover, input:not([type]):disabled:hover, textarea:disabled:hover {
      border: 1px solid #ddd; }
  [type='color']::placeholder, [type='date']::placeholder, [type='datetime']::placeholder, [type='datetime-local']::placeholder, [type='email']::placeholder, [type='month']::placeholder, [type='number']::placeholder, [type='password']::placeholder, [type='search']::placeholder, [type='tel']::placeholder, [type='text']::placeholder, [type='time']::placeholder, [type='url']::placeholder, [type='week']::placeholder, input:not([type])::placeholder, textarea::placeholder {
    color: #858585; }

textarea {
  resize: vertical; }

[type="checkbox"],
[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

[type="file"] {
  margin-bottom: 0.75em; }

select {
  margin-bottom: 0.75em; }

[type="checkbox"]:focus,
[type="radio"]:focus,
[type="file"]:focus,
select:focus {
  outline: 3px solid rgba(21, 101, 192, 0.6);
  outline-offset: 2px; }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

html,
body {
  height: 100%; }

body {
  margin: 0; }

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

dl {
  margin: 0; }

dt {
  font-weight: 600;
  margin: 0; }

dd {
  margin: 0; }

figure {
  margin: 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

table {
  border-collapse: collapse;
  margin: 1.5em 0;
  table-layout: fixed;
  text-align: left;
  width: 100%; }

thead {
  line-height: 1.2;
  vertical-align: bottom; }

tbody {
  vertical-align: top; }

tr {
  border-bottom: 1px solid #ddd; }

th {
  font-weight: 600; }

th,
td {
  padding: 0.75em 0.75em 0.75em 0; }

html {
  color: #333;
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 100%;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif;
  font-size: 1.25em;
  line-height: 1.2;
  margin: 0 0 0.75em; }

p {
  margin: 0 0 0.75em; }

a {
  color: #1565c0;
  text-decoration-skip: ink;
  transition: color 150ms ease; }
  a:hover {
    color: #104c90; }
  a:focus {
    outline: 3px solid rgba(21, 101, 192, 0.6);
    outline-offset: 2px; }

hr {
  border-bottom: 1px solid #ddd;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 1.5em 0; }

.flash-alert {
  background-color: #fff6bf;
  color: #66624c;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: left; }
  .flash-alert a {
    color: #4d4a39;
    text-decoration: underline; }
    .flash-alert a:focus, .flash-alert a:hover {
      color: #1a1913; }

.flash-error {
  background-color: #fbe3e4;
  color: #645b5b;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: left; }
  .flash-error a {
    color: #4b4444;
    text-decoration: underline; }
    .flash-error a:focus, .flash-error a:hover {
      color: #191717; }

.flash-notice {
  background-color: #e5edf8;
  color: #5c5f63;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: left; }
  .flash-notice a {
    color: #45474a;
    text-decoration: underline; }
    .flash-notice a:focus, .flash-notice a:hover {
      color: #171819; }

.flash-success {
  background-color: #e6efc2;
  color: #5c604e;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: left; }
  .flash-success a {
    color: #45483a;
    text-decoration: underline; }
    .flash-success a:focus, .flash-success a:hover {
      color: #171813; }

/* main stylesheet for JJS pages */
/*  */
/* Alun Ward, 2006 for EyeDivision www.eyedivision.co.uk */
/* alun@eyedivision.co.uk */
body {
  position: relative;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 1em;
  color: #000;
  line-height: 100%;
  background-color: #FFF;
  /*background-image:url('../images/bg.gif');
  background-repeat:repeat-y;
  background-position:left;*/ }

#container {
  text-align: left;
  padding: 0 1em 1em; }

#content {
  clear: both;
  padding: 0;
  margin: 0;
  line-height: 130%; }

.wbr {
  word-wrap: break-word; }

/*
a:link { color:#666699; background-color: #FFF; text-decoration: none; border: none; }
a:visited { color:#666699; background-color: #FFF; text-decoration: none; border: none; }
a:hover { color:#CC0000; background-color: #FFF; text-decoration: none;  border-bottom: 1px solid #CC0000; }
a:active { color:#CC0000; background-color: #FFF; text-decoration: none;}
*/
.nav {
  display: block;
  width: 100%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 0.5em 0;
  margin: 1em 0; }

.nav::after {
  content: "";
  display: table;
  clear: both; }

/* top navigation */
ul.primary_nav {
  padding-left: 0;
  list-style: none; }

.primary_nav li {
  list-style: none;
  float: left; }

.primary_nav a {
  display: block;
  padding: 1em;
  margin: 2px;
  text-decoration: none;
  color: #090909;
  border: 1px solid #ddd; }

.primary_nav a.selected {
  color: #090909;
  background-color: gainsboro; }

.primary_nav a:hover {
  background-color: #090909;
  color: #fff;
  text-decoration: none; }

.primary_nav li.logout {
  float: right; }
  .primary_nav li.logout a {
    border: none; }

/* secondary nav */
.secondary_nav {
  display: block;
  padding-left: 0;
  margin-bottom: 1em;
  list-style: none; }

.secondary_nav ul {
  padding-left: 0; }

.secondary_nav li {
  list-style: none;
  float: left; }

.secondary_nav a {
  display: block;
  padding: 0.5em;
  margin: 2px;
  text-decoration: none;
  color: #333;
  border: 1px solid #ccc; }

.secondary_nav a:hover {
  background-color: #000;
  color: #fff;
  text-decoration: none; }

/* end nav */
td p {
  line-height: 90%;
  margin: 2px; }

caption {
  border: 1px black solid;
  background-color: #FFCC66;
  font-weight: bold; }

#main {
  margin: 0 0 0 200px;
  /* t r b l */
  padding: 0px;
  /* t r b l */
  /* overflow:auto;	 adds scrollbar */
  height: 100%;
  /* border: 1px solid black; */ }

#main h2, #main h2 {
  padding-top: 0;
  margin-top: 0; }

.admin {
  border: 1px solid #6c9;
  padding: 1em; }

h1 {
  color: #000;
  padding-top: 1em;
  margin-top: 0; }

h2 {
  color: #000;
  padding-top: 10px;
  margin-top: 0; }

#main p {
  margin-top: 0; }

li, ul, ol {
  font-style: normal;
  font-weight: normal; }

.small {
  font-size: smaller;
  line-height: 1.2; }

/* form overrides
- see http://www.websiteoptimization.com/speed/tweak/forms/
*/
select {
  text-align: left; }

fieldset {
  padding: 10px;
  margin: 0px;
  border-color: #CCC;
  border-style: solid;
  border-width: 1px; }

textarea {
  overflow: auto; }

.one-third {
  float: left;
  margin-right: 10px; }

/* end form stuff */
#credits {
  clear: both;
  margin-left: 180px;
  font-size: 0.8em;
  text-align: center;
  padding-top: 5px; }

a.noborder {
  text-decoration: none;
  border: none; }

.red {
  color: #FF0000; }

/* STATUS CSS */
.new {
  padding: 1em;
  font-size: x-small;
  background-color: #FFFFCC; }

.review {
  padding: 1em;
  font-size: x-small;
  background-color: #FFCC33; }

.awaiting {
  padding: 1em;
  font-size: x-small;
  background-color: #FFCC33; }

.accepted {
  padding: 1em;
  font-size: x-small;
  background-color: #66CC99; }

.rejected {
  padding: 1em;
  font-size: x-small;
  background-color: #CCC; }

.smallView td {
  line-height: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted gray; }

.smallView p {
  line-height: 120%;
  margin: 0;
  padding: 0;
  font-size: x-small; }

.box {
  clear: both; }

.outlined {
  margin: 1em 0;
  padding: 0.5em;
  border: 1px solid gray; }

/* dec 09 - tweak CKEditor textarea width */
table.cke_editor {
  width: 600px !important; }

/* tables */
.tables {
  border: 1px solid #ddd;
  border-collapse: separate;
  border-left: 0;
  border-radius: 3px;
  border-spacing: 0;
  width: 100%; }
  .tables tbody {
    background-color: #fcfcfc; }
    .tables tbody tr:hover > td, .tables tbody tr:hover > th {
      background-color: #efefef; }
    .tables tbody tr:nth-child(even) {
      background-color: #f7f7f7; }
      .tables tbody tr:nth-child(even):hover > td {
        background-color: #eaeaea; }
  .tables thead:first-of-type tr:first-child > th:first-child {
    border-top-left-radius: 3px; }
  .tables thead:first-of-type tr:first-child > th:last-child {
    border-top-right-radius: 3px; }
  .tables tbody:last-child tr:last-child > td:first-child {
    border-bottom-left-radius: 3px; }
  .tables tbody:last-child tr:last-child > td:last-child {
    border-bottom-right-radius: 3px; }
  .tables thead th {
    background-color: white;
    border-bottom: 0;
    border-left: 1px solid #ddd;
    padding: 0.2em;
    text-align: left; }
    .tables thead th:first-child {
      border-left: 0; }
  .tables tbody {
    background-color: #fcfcfc; }
    .tables tbody td {
      border-bottom: 0;
      border-left: 1px solid #ddd;
      border-top: 1px solid #ddd;
      padding: 0.2em; }
      .tables tbody td:first-child {
        border-left: 0; }
      .tables tbody td button {
        display: inline-block;
        font-size: 0.8em;
        line-height: 1.5;
        margin-bottom: 0.3em;
        margin-right: 0.5em;
        outline: none;
        padding: 0.3em 1em;
        width: 100%;
        border: 1px solid #ccc;
        /* @include media($medium-screen) {
           margin-bottom: 0;
           width: auto;
         }*/ }

th.width2 {
  width: 30%; }

/* end tables */
.footer {
  clear: both;
  display: block;
  margin-top: 5em;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 1em 0; }

.inline {
  padding-left: 0; }

.inline li {
  list-style: none;
  display: inline-block; }

ul.inline li a {
  display: block;
  padding: 1em;
  text-decoration: none; }

ul.inline li a:hover {
  background: #ddd;
  text-decoration: none;
  border-bottom: none; }

ul.inline li.current a {
  color: #000;
  background: #ddd; }

.flash-alert {
  background-color: #fff6bf;
  color: #66624c;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-alert a {
    color: #4d4a39;
    text-decoration: underline; }
    .flash-alert a:focus, .flash-alert a:hover {
      color: #1a1913; }

.flash-error {
  background-color: #fbe3e4;
  color: #645b5b;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-error a {
    color: #4b4444;
    text-decoration: underline; }
    .flash-error a:focus, .flash-error a:hover {
      color: #191717; }

.flash-notice {
  background-color: #e5edf8;
  color: #5c5f63;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-notice a {
    color: #45474a;
    text-decoration: underline; }
    .flash-notice a:focus, .flash-notice a:hover {
      color: #171819; }

.flash-success {
  background-color: #e6efc2;
  color: #5c604e;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-success a {
    color: #45483a;
    text-decoration: underline; }
    .flash-success a:focus, .flash-success a:hover {
      color: #171813; }

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