@import url("https://fonts.googleapis.com/css?family=Livvic:300,400,400i,700&display=swap");
body {
  background: white;
  color: black;
  font-family: Roboto Slab, sans-serif;
  margin: 0;
  padding: 0; }

a {
  color: navy;
  text-decoration: none; }
  a:visited {
    color: blue; }

header {
  background: #eee;
  padding: 10px 40px; }
  header h1 {
    padding-right: 100px; }

main {
  padding: 10px 20px; }

button, a.button {
  font-family: sans-serif;
  display: inline-block;
  font-size: 12pt;
  width: auto;
  height: auto;
  padding: 5px 10px;
  background: #eee;
  color: #333;
  border: 1px ridge #ccc;
  margin: 0;
  cursor: pointer; }
  button.soft-button, a.button.soft-button {
    background: #f7f7f7;
    color: #777; }
  button.hard-button, a.button.hard-button {
    background: black;
    color: white;
    border: 1px solid black; }
    button.hard-button:hover, a.button.hard-button:hover {
      background: #fff;
      color: #000; }

table {
  width: 100%; }
  table.compact {
    overflow: auto;
    display: block;
    white-space: nowrap; }
  table tr th {
    background: #333;
    color: white;
    padding: 15px 10px; }
    table tr th a {
      color: inherit;
      display: block;
      background-size: 7px 11px;
      background-position: right 5px center;
      background-repeat: no-repeat; }
      table tr th a:visited {
        color: inherit; }
      table tr th a.current-column.order-asc {
        background-image: url("/img/triangle_down@2x.png");
        background-size: 12px 8px; }
      table tr th a.current-column.order-desc {
        background-image: url("/img/triangle_up@2x.png");
        background-size: 12px 8px; }
  table tr td {
    padding: 15px 10px; }
    table tr td a {
      color: inherit; }
      table tr td a:visited {
        color: inherit; }
  table tr:nth-child(odd) {
    background: #eee; }

.pagination {
  display: table;
  width: 100%;
  margin-top: 20px; }
  .pagination .pagination-info {
    display: table-cell;
    text-align: left;
    line-height: 35px;
    padding-left: 10px; }
  .pagination ul {
    display: table-cell;
    text-align: right; }
    .pagination ul li {
      display: inline-block;
      background: #eee;
      min-width: 25px;
      padding: 0 5px;
      height: 35px;
      line-height: 35px;
      text-align: center;
      margin-right: 5px; }
      .pagination ul li.pagenum.current {
        background: black;
        color: white; }
      .pagination ul li.pagenum a {
        color: inherit; }
        .pagination ul li.pagenum a:visited {
          color: inherit; }
      .pagination ul li.page-ellipses {
        background: inherit;
        border: none;
        margin: 0 0 0 -5px; }

.menu {
  position: absolute;
  right: 10px;
  top: -1px; }
  .menu .button {
    color: #777;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

video {
  max-width: 800px; }

.navigation {
  margin-top: 20px;
  text-align: center; }

form.publish-form {
  text-align: right;
  float: right; }
  form.publish-form a {
    display: inline-block; }
form input, form textarea {
  font-size: 14pt;
  padding: 5px 10px;
  width: 400px;
  display: block;
  margin-bottom: 20px; }

.filters #form_q {
  width: 250px; }

.filters, .publish-form, .login-form, .upload-form {
  border: 1px solid #eee;
  padding: 10px 20px; }
  .filters .fields, .publish-form .fields, .login-form .fields, .upload-form .fields {
    display: table; }
    .filters .fields .field, .publish-form .fields .field, .login-form .fields .field, .upload-form .fields .field {
      display: table-cell; }
      .filters .fields .field label, .publish-form .fields .field label, .login-form .fields .field label, .upload-form .fields .field label {
        display: inline-block;
        margin: 0 20px 0 0; }
      .filters .fields .field select, .filters .fields .field input, .publish-form .fields .field select, .publish-form .fields .field input, .login-form .fields .field select, .login-form .fields .field input, .upload-form .fields .field select, .upload-form .fields .field input {
        display: inline-block;
        margin: 0 20px 0 0;
        border: 1px solid #ccc;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        padding: 5px;
        font-size: 12pt;
        color: black; }
      .filters .fields .field select, .publish-form .fields .field select, .login-form .fields .field select, .upload-form .fields .field select {
        background: #eee; }
      .filters .fields .field textarea, .publish-form .fields .field textarea, .login-form .fields .field textarea, .upload-form .fields .field textarea {
        display: inline-block;
        margin: 0 20px 0 0;
        border: 1px solid #ccc;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        padding: 5px;
        font-size: 12pt;
        color: black; }
      .filters .fields .field select, .publish-form .fields .field select, .login-form .fields .field select, .upload-form .fields .field select {
        padding-right: 25px;
        background-image: url("/img/select-arrow.png");
        background-position: calc(100% - 8px) 50%;
        background-repeat: no-repeat; }
      .filters .fields .field .file-uploader, .publish-form .fields .field .file-uploader, .login-form .fields .field .file-uploader, .upload-form .fields .field .file-uploader {
        position: relative; }
        .filters .fields .field .file-uploader .file-uploader-container, .publish-form .fields .field .file-uploader .file-uploader-container, .login-form .fields .field .file-uploader .file-uploader-container, .upload-form .fields .field .file-uploader .file-uploader-container {
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          pointer-events: none;
          display: none; }

.upload-form, .login-form {
  font-family: sans-serif; }
  .upload-form .fields, .login-form .fields {
    display: block; }
    .upload-form .fields .field, .login-form .fields .field {
      display: block;
      margin-bottom: 20px; }
      .upload-form .fields .field label, .login-form .fields .field label {
        display: block;
        margin: 0px 0 10px; }

.publish-form {
  float: none; }
  .publish-form .fields {
    width: 100%; }
    .publish-form .fields .field {
      text-align: left; }
      .publish-form .fields .field:last-child {
        text-align: right; }
  .publish-form form {
    margin: 0; }

.login-form label {
  padding: 10px 0 5px 0;
  display: block; }

.thumbnail-full {
  max-width: 100%;
  height: auto; }

.video-preview {
  display: block;
  background: black;
  border: 1px solid #eee; }

article {
  padding: 20px; }

.is-processing {
  margin-left: 0px;
  margin-top: 0;
  padding: 10px  20px;
  background: #f66;
  color: white; }

.upload-page {
  margin: 20px;
  position: relative; }
  .upload-page .sidebar {
    position: absolute;
    top: 0;
    right: 0;
    width: 260px;
    padding: 20px;
    border-left: 1px solid #eee; }
    .upload-page .sidebar h1:first-child {
      margin-top: 0; }
    .upload-page .sidebar video {
      background: black;
      width: 100%;
      height: auto; }
  .upload-page form {
    border: none;
    padding: 0;
    margin-right: 300px; }
    .upload-page form label {
      font-size: 14pt;
      font-weight: bold; }
    .upload-page form input, .upload-page form select, .upload-page form textarea {
      width: calc(100% - 20px);
      padding: 10px 10px !important; }
    .upload-page form textarea {
      min-height: 150px; }
    .upload-page form select {
      background-color: white !important; }
    .upload-page form .awesomplete {
      width: 100%; }

.video-container {
  width: 100% !important;
  max-width: 800px;
  height: 0 !important;
  padding-bottom: 450px !important;
  margin: 20px 0 30px !important; }
  .video-container video {
    max-width: 100% !important; }
  .video-container .video-poster {
    width: 100% !important;
    height: auto !important; }

.content {
  max-width: 800px; }
  .content img {
    max-width: 100%;
    height: auto; }

.top--header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline; }

#player {
  width: 800px; }

.add--feed__btn a {
  position: absolute;
  right: 40px;
  top: 72px;
  background: #000;
  color: #fff;
  padding: 7px 15px;
  border-radius: 3px;
  font-size: 14px;
  border: 1px solid #000; }
  .add--feed__btn a:hover {
    background: #fff;
    color: #000; }

.gen--form form {
  font-family: 'Livvic', sans-serif;
  border: 0;
  padding: 20px 0 0;
  margin: 0 auto;
  width: 500px; }
  .gen--form form .fields .field label {
    font-weight: 700; }
  .gen--form form .fields .field input {
    padding: 10px; }
  .gen--form form .fields .field select {
    width: 400px;
    background-color: transparent;
    padding: 10px; }
  .gen--form form input {
    padding: 10px; }

.error {
  padding: 10px 10px; }
  .error.alert {
    background: #f8d7da;
    color: #721c24;
    width: 380px; }
  .error.success {
    color: #155724;
    background: #d4edda; }

span.edit a {
  font-size: 12px;
  margin-top: 10px;
  color: #006a92; }

.is_disabled {
  opacity: 0.5;
  pointer-events: none; }
  .is_disabled .edit a {
    pointer-events: visible; }
  .is_disabled:hover {
    opacity: 1; }

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