/*
 * The base font size which makes the chosen font match photoshop.
 * For Open Sans this is 7.1pt, for Source Sans Pro this is 7.6pt 
 */
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
.cormorant {
  font-family: 'Cormorant', serif;
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
  text-decoration: none;
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
  text-decoration: underline;
}
body {
  font-family: 'Open Sans', sans-serif;
  font-optical-sizing: auto;
  font-variation-settings: "wdth" 100;
  color: #2e2e2e;
}
.app-page .form-control {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .app-page .form-control {
    transition: none;
  }
}
.app-page .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.app-page .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.app-page .form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.app-page .form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.app-page .form-control:-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.app-page .form-control::-ms-input-placeholder {
  color: #6c757d;
  opacity: 1;
}
.app-page .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.app-page .form-control:disabled,
.app-page .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.app-page select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.app-page .form-control-file,
.app-page .form-control-range {
  display: block;
  width: 100%;
}
.app-page .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .app-page .btn {
    transition: none;
  }
}
.app-page .btn:hover,
.app-page .btn:focus {
  text-decoration: none;
}
.app-page .btn:focus,
.app-page .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.app-page .btn.disabled,
.app-page .btn:disabled {
  opacity: 0.65;
}
.app-page .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.app-page a.btn.disabled,
.app-page fieldset:disabled a.btn {
  pointer-events: none;
}
.app-page .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.app-page .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.app-page .btn-primary:focus,
.app-page .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.app-page .btn-primary.disabled,
.app-page .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.app-page .btn-primary:not(:disabled):not(.disabled):active,
.app-page .btn-primary:not(:disabled):not(.disabled).active,
.app-page .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.app-page .btn-primary:not(:disabled):not(.disabled):active:focus,
.app-page .btn-primary:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.app-page .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.app-page .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.app-page .btn-secondary:focus,
.app-page .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.app-page .btn-secondary.disabled,
.app-page .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.app-page .btn-secondary:not(:disabled):not(.disabled):active,
.app-page .btn-secondary:not(:disabled):not(.disabled).active,
.app-page .show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.app-page .btn-secondary:not(:disabled):not(.disabled):active:focus,
.app-page .btn-secondary:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.app-page .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.app-page .btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.app-page .btn-success:focus,
.app-page .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.app-page .btn-success.disabled,
.app-page .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.app-page .btn-success:not(:disabled):not(.disabled):active,
.app-page .btn-success:not(:disabled):not(.disabled).active,
.app-page .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.app-page .btn-success:not(:disabled):not(.disabled):active:focus,
.app-page .btn-success:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.app-page .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.app-page .btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.app-page .btn-info:focus,
.app-page .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.app-page .btn-info.disabled,
.app-page .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.app-page .btn-info:not(:disabled):not(.disabled):active,
.app-page .btn-info:not(:disabled):not(.disabled).active,
.app-page .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.app-page .btn-info:not(:disabled):not(.disabled):active:focus,
.app-page .btn-info:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.app-page .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.app-page .btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.app-page .btn-warning:focus,
.app-page .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.app-page .btn-warning.disabled,
.app-page .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.app-page .btn-warning:not(:disabled):not(.disabled):active,
.app-page .btn-warning:not(:disabled):not(.disabled).active,
.app-page .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.app-page .btn-warning:not(:disabled):not(.disabled):active:focus,
.app-page .btn-warning:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.app-page .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.app-page .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.app-page .btn-danger:focus,
.app-page .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.app-page .btn-danger.disabled,
.app-page .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.app-page .btn-danger:not(:disabled):not(.disabled):active,
.app-page .btn-danger:not(:disabled):not(.disabled).active,
.app-page .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.app-page .btn-danger:not(:disabled):not(.disabled):active:focus,
.app-page .btn-danger:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.app-page .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.app-page .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.app-page .btn-light:focus,
.app-page .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.app-page .btn-light.disabled,
.app-page .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.app-page .btn-light:not(:disabled):not(.disabled):active,
.app-page .btn-light:not(:disabled):not(.disabled).active,
.app-page .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.app-page .btn-light:not(:disabled):not(.disabled):active:focus,
.app-page .btn-light:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.app-page .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.app-page .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.app-page .btn-dark:focus,
.app-page .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.app-page .btn-dark.disabled,
.app-page .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.app-page .btn-dark:not(:disabled):not(.disabled):active,
.app-page .btn-dark:not(:disabled):not(.disabled).active,
.app-page .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.app-page .btn-dark:not(:disabled):not(.disabled):active:focus,
.app-page .btn-dark:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.app-page .btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}
.app-page .btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.app-page .btn-outline-primary:focus,
.app-page .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.app-page .btn-outline-primary.disabled,
.app-page .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.app-page .btn-outline-primary:not(:disabled):not(.disabled):active,
.app-page .btn-outline-primary:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.app-page .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.app-page .btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.app-page .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.app-page .btn-outline-secondary:focus,
.app-page .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.app-page .btn-outline-secondary.disabled,
.app-page .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.app-page .btn-outline-secondary:not(:disabled):not(.disabled):active,
.app-page .btn-outline-secondary:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.app-page .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.app-page .btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.app-page .btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.app-page .btn-outline-success:focus,
.app-page .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.app-page .btn-outline-success.disabled,
.app-page .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.app-page .btn-outline-success:not(:disabled):not(.disabled):active,
.app-page .btn-outline-success:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.app-page .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.app-page .btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.app-page .btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.app-page .btn-outline-info:focus,
.app-page .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.app-page .btn-outline-info.disabled,
.app-page .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.app-page .btn-outline-info:not(:disabled):not(.disabled):active,
.app-page .btn-outline-info:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.app-page .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.app-page .btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.app-page .btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.app-page .btn-outline-warning:focus,
.app-page .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.app-page .btn-outline-warning.disabled,
.app-page .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.app-page .btn-outline-warning:not(:disabled):not(.disabled):active,
.app-page .btn-outline-warning:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.app-page .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.app-page .btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.app-page .btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.app-page .btn-outline-danger:focus,
.app-page .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.app-page .btn-outline-danger.disabled,
.app-page .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.app-page .btn-outline-danger:not(:disabled):not(.disabled):active,
.app-page .btn-outline-danger:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.app-page .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.app-page .btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.app-page .btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.app-page .btn-outline-light:focus,
.app-page .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.app-page .btn-outline-light.disabled,
.app-page .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.app-page .btn-outline-light:not(:disabled):not(.disabled):active,
.app-page .btn-outline-light:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.app-page .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.app-page .btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}
.app-page .btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.app-page .btn-outline-dark:focus,
.app-page .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.app-page .btn-outline-dark.disabled,
.app-page .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.app-page .btn-outline-dark:not(:disabled):not(.disabled):active,
.app-page .btn-outline-dark:not(:disabled):not(.disabled).active,
.app-page .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.app-page .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.app-page .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.app-page .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.app-page .btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}
.app-page .btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.app-page .btn-link:focus,
.app-page .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.app-page .btn-link:disabled,
.app-page .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.app-page .btn-lg,
.app-page .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.app-page .btn-sm,
.app-page .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.app-page .btn-block {
  display: block;
  width: 100%;
}
.app-page .btn-block + .btn-block {
  margin-top: 0.5rem;
}
.app-page input[type="submit"].btn-block,
.app-page input[type="reset"].btn-block,
.app-page input[type="button"].btn-block {
  width: 100%;
}
.app-page table.listing td,
.app-page table.listing th {
  padding: 3px 4px;
}
.app-page table.listing button {
  background: none;
  border: 0;
  opacity: 0;
  transition: opacity 0.3s;
}
.app-page table.listing tr:hover button {
  opacity: 1;
}
.app-page label {
  display: block;
  margin-bottom: 15px;
}
.app-page input,
.app-page textarea,
.app-page select {
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: block;
  box-sizing: border-box;
  height: auto;
  margin-top: 8px;
}
.app-page #ei-grid-1 .grid-clear-inner:after {
  content: '';
  display: table;
  clear: both;
}
.app-page #ei-grid-1 .grid {
  overflow: hidden;
}
.app-page #ei-grid-1 .grid .row {
  margin-left: -1%;
  margin-right: -1%;
  margin-left: calc(-15px);
  margin-right: calc(-15px);
}
.app-page #ei-grid-1 .grid .row:after {
  content: '';
  display: table;
  clear: both;
}
.app-page #ei-grid-1 .grid .row .xs1 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 6.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 8.333333333333332% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs2 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 14.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 16.666666666666664% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs3 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 23%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 25% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs4 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 31.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 33.33333333333333% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs5 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 39.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 41.66666666666667% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs6 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 50% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs7 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 56.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 58.333333333333336% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs8 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 64.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 66.66666666666666% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs9 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 73%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 75% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs10 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 81.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 83.33333333333334% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs11 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 89.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 91.66666666666666% - 30px);
}
.app-page #ei-grid-1 .grid .row .xs12 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 98%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 100% - 30px);
}
@media (min-width: 900px) {
  .app-page #ei-grid-1 .grid .row .t1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t1p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 10.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 12.5% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t10p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 85.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 87.5% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .t12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
@media (min-width: 1100px) {
  .app-page #ei-grid-1 .grid .row .c1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page #ei-grid-1 .grid .row .c12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
.app-page #ei-grid-1 .gutterless-grid {
  overflow: hidden;
}
.app-page #ei-grid-1 .gutterless-grid .row {
  margin-left: -1%;
  margin-right: -1%;
  margin-left: calc(-0px);
  margin-right: calc(-0px);
}
.app-page #ei-grid-1 .gutterless-grid .row:after {
  content: '';
  display: table;
  clear: both;
}
.app-page #ei-grid-1 .gutterless-grid .row .xs1 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 6.33333333%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 8.333333333333332% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs2 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 14.66666667%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 16.666666666666664% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs3 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 23%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 25% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs4 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 31.33333333%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 33.33333333333333% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs5 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 39.66666667%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 41.66666666666667% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs6 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 50% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs7 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 56.33333333%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 58.333333333333336% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs8 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 64.66666667%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 66.66666666666666% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs9 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 73%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 75% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs10 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 81.33333333%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 83.33333333333334% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs11 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 89.66666667%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 91.66666666666666% - 0px);
}
.app-page #ei-grid-1 .gutterless-grid .row .xs12 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 98%;
  margin-left: calc(0px);
  margin-right: calc(0px);
  width: calc( 100% - 0px);
}
@media (min-width: 900px) {
  .app-page #ei-grid-1 .gutterless-grid .row .t1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 8.333333333333332% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t1p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 10.5%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 12.5% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 16.666666666666664% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 25% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 33.33333333333333% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 41.66666666666667% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 50% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 58.333333333333336% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 66.66666666666666% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 75% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 83.33333333333334% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t10p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 85.5%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 87.5% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 91.66666666666666% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .t12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 100% - 0px);
  }
}
@media (min-width: 1100px) {
  .app-page #ei-grid-1 .gutterless-grid .row .c1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 8.333333333333332% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 16.666666666666664% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 25% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 33.33333333333333% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 41.66666666666667% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 50% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 58.333333333333336% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 66.66666666666666% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 75% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 83.33333333333334% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 91.66666666666666% - 0px);
  }
  .app-page #ei-grid-1 .gutterless-grid .row .c12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(0px);
    margin-right: calc(0px);
    width: calc( 100% - 0px);
  }
}
.app-page .job-tile {
  margin: 20px auto;
  border: solid 1px #eeeeee;
  padding: 20px;
}
.app-page .job-tile .actions a,
.app-page .job-tile .actions button {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14pt;
  color: inherit;
  text-decoration: none;
  border: 0;
  background: none;
  padding: 0;
}
.app-page .job-tile img {
  max-width: 100%;
}
.app-page .jobs-list-edit .jobs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.app-page .jobs-list-edit .job-tile .grid {
  overflow: hidden;
}
.app-page .jobs-list-edit .job-tile .grid .row {
  margin-left: -1%;
  margin-right: -1%;
  margin-left: calc(-15px);
  margin-right: calc(-15px);
}
.app-page .jobs-list-edit .job-tile .grid .row:after {
  content: '';
  display: table;
  clear: both;
}
.app-page .jobs-list-edit .job-tile .grid .row .xs1 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 6.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 8.333333333333332% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs2 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 14.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 16.666666666666664% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs3 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 23%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 25% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs4 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 31.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 33.33333333333333% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs5 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 39.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 41.66666666666667% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs6 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 50% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs7 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 56.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 58.333333333333336% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs8 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 64.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 66.66666666666666% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs9 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 73%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 75% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs10 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 81.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 83.33333333333334% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs11 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 89.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 91.66666666666666% - 30px);
}
.app-page .jobs-list-edit .job-tile .grid .row .xs12 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 98%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 100% - 30px);
}
@media (min-width: 900px) {
  .app-page .jobs-list-edit .job-tile .grid .row .t1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t1p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 10.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 12.5% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t10p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 85.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 87.5% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .t12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
@media (min-width: 1100px) {
  .app-page .jobs-list-edit .job-tile .grid .row .c1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page .jobs-list-edit .job-tile .grid .row .c12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
.app-page .program-tile {
  margin: 20px auto;
  border: solid 1px #eeeeee;
  padding: 20px;
}
.app-page .program-tile .actions a,
.app-page .program-tile .actions button {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14pt;
  color: inherit;
  text-decoration: none;
  border: 0;
  background: none;
  padding: 0;
}
.app-page .program-tile img {
  max-width: 100%;
}
.app-page .programs-list-edit .programs {
  list-style: none;
  padding: 0;
  margin: 0;
}
.app-page .programs-list-edit .program-tile .grid {
  overflow: hidden;
}
.app-page .programs-list-edit .program-tile .grid .row {
  margin-left: -1%;
  margin-right: -1%;
  margin-left: calc(-15px);
  margin-right: calc(-15px);
}
.app-page .programs-list-edit .program-tile .grid .row:after {
  content: '';
  display: table;
  clear: both;
}
.app-page .programs-list-edit .program-tile .grid .row .xs1 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 6.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 8.333333333333332% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs2 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 14.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 16.666666666666664% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs3 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 23%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 25% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs4 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 31.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 33.33333333333333% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs5 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 39.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 41.66666666666667% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs6 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 50% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs7 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 56.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 58.333333333333336% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs8 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 64.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 66.66666666666666% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs9 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 73%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 75% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs10 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 81.33333333%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 83.33333333333334% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs11 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 89.66666667%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 91.66666666666666% - 30px);
}
.app-page .programs-list-edit .program-tile .grid .row .xs12 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 98%;
  margin-left: calc(15px);
  margin-right: calc(15px);
  width: calc( 100% - 30px);
}
@media (min-width: 900px) {
  .app-page .programs-list-edit .program-tile .grid .row .t1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t1p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 10.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 12.5% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t10p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 85.5%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 87.5% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .t12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
@media (min-width: 1100px) {
  .app-page .programs-list-edit .program-tile .grid .row .c1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 8.333333333333332% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 16.666666666666664% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 25% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 33.33333333333333% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 41.66666666666667% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 50% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 58.333333333333336% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 66.66666666666666% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 75% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 83.33333333333334% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 91.66666666666666% - 30px);
  }
  .app-page .programs-list-edit .program-tile .grid .row .c12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(15px);
    margin-right: calc(15px);
    width: calc( 100% - 30px);
  }
}
.app-page .slide-tile {
  margin: 20px auto;
  border: solid 1px #eeeeee;
  padding: 20px;
}
.app-page .slide-tile .actions a,
.app-page .slide-tile .actions button {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14pt;
  color: inherit;
  text-decoration: none;
  border: 0;
  background: none;
  padding: 0;
}
.app-page .slide-tile img {
  max-width: 100%;
}
.app-page .variations-list-edit .slides {
  list-style: none;
  padding: 0;
  margin: 0;
}
.app-page .sales-catalog-form .secondary-images {
  margin-top: 50px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 20px;
}
.app-page .slide-tile {
  margin: 20px auto;
  border: solid 1px #eeeeee;
  padding: 20px;
}
.app-page .slide-tile .actions a,
.app-page .slide-tile .actions button {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14pt;
  color: inherit;
  text-decoration: none;
  border: 0;
  background: none;
  padding: 0;
}
.app-page .slide-tile img {
  max-width: 100%;
}
.app-page .slideshow-list-edit .slides {
  list-style: none;
  padding: 0;
  margin: 0;
}
.app-page .slide-tile.grid .grid {
  overflow: hidden;
}
.app-page .slide-tile.grid .grid .row {
  margin-left: -1%;
  margin-right: -1%;
  margin-left: calc(-10px);
  margin-right: calc(-10px);
}
.app-page .slide-tile.grid .grid .row:after {
  content: '';
  display: table;
  clear: both;
}
.app-page .slide-tile.grid .grid .row .xs1 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 6.33333333%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 8.333333333333332% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs2 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 14.66666667%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 16.666666666666664% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs3 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 23%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 25% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs4 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 31.33333333%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 33.33333333333333% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs5 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 39.66666667%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 41.66666666666667% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs6 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 48%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 50% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs7 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 56.33333333%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 58.333333333333336% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs8 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 64.66666667%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 66.66666666666666% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs9 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 73%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 75% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs10 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 81.33333333%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 83.33333333333334% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs11 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 89.66666667%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 91.66666666666666% - 20px);
}
.app-page .slide-tile.grid .grid .row .xs12 {
  margin-left: 1%;
  margin-right: 1%;
  float: left;
  box-sizing: border-box;
  width: 98%;
  margin-left: calc(10px);
  margin-right: calc(10px);
  width: calc( 100% - 20px);
}
@media (min-width: 900px) {
  .app-page .slide-tile.grid .grid .row .t1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 8.333333333333332% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t1p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 10.5%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 12.5% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 16.666666666666664% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 25% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 33.33333333333333% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 41.66666666666667% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 50% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 58.333333333333336% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 66.66666666666666% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 75% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 83.33333333333334% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t10p5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 85.5%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 87.5% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 91.66666666666666% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .t12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 100% - 20px);
  }
}
@media (min-width: 1100px) {
  .app-page .slide-tile.grid .grid .row .c1 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 6.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 8.333333333333332% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c2 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 14.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 16.666666666666664% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c3 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 23%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 25% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c4 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 31.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 33.33333333333333% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c5 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 39.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 41.66666666666667% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c6 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 48%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 50% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c7 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 56.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 58.333333333333336% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c8 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 64.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 66.66666666666666% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c9 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 73%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 75% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c10 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 81.33333333%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 83.33333333333334% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c11 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 89.66666667%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 91.66666666666666% - 20px);
  }
  .app-page .slide-tile.grid .grid .row .c12 {
    margin-left: 1%;
    margin-right: 1%;
    float: left;
    box-sizing: border-box;
    width: 98%;
    margin-left: calc(10px);
    margin-right: calc(10px);
    width: calc( 100% - 20px);
  }
}
.page-artist-data .items-table.sortable th:not(.no-sort) {
  cursor: pointer;
}
.page-artist-data .items-table.sortable th:not(.no-sort):after {
  content: '';
  float: right;
  margin-top: 7px;
  border-width: 0 4px 4px;
  border-style: solid;
  border-color: #404040 transparent;
  visibility: hidden;
  opacity: 0;
  -ms-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.page-artist-data .items-table.sortable th[aria-sort]:not(.no-sort):after {
  visibility: visible;
  opacity: 0.4;
}
.page-artist-data .items-table.sortable th[aria-sort=ascending]:not(.no-sort):after {
  border-bottom: none;
  border-width: 4px 4px 0;
}
.page-artist-data .items-table.sortable th:not(.no-sort):hover:after {
  visibility: visible;
  opacity: 1;
}
.page-artist-data .inv-table .selected-set {
  margin-bottom: 20px;
}
.page-artist-data .inv-table .selected-set a {
  display: inline-block;
  color: black;
  text-decoration: none;
  font-size: 80%;
  margin-right: 20px;
  padding: 5px 10px;
}
.page-artist-data .inv-table .selected-set a.current {
  border-radius: 4px;
  background-color: #e7dfc4;
}
.people-tile {
  margin: 20px auto;
  border: solid 1px #eeeeee;
  padding: 20px;
}
.people-tile .actions a,
.people-tile .actions button {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 14pt;
  color: inherit;
  text-decoration: none;
  border: 0;
  background: none;
  padding: 0;
}
.people-tile img {
  max-width: 100%;
}
.people-groups-list-edit .people {
  list-style: none;
  padding: 0;
  margin: 0;
}
.tree-container {
  position: relative;
  background-color: #393C40;
  width: 100%;
  height: 100%; }
  .tree-container.ie-trident .tree.tree-overflow {
    overflow-y: scroll; }
  .tree-container .traveling-node {
    list-style: none;
    position: absolute;
    opacity: 1;
    width: 100%;
    height: 36px;
    top: 0;
    left: 0;
    /*
   * This seems weird, and it is, but in FF (See #364), when nodes are moved in the tree, when you go to update some innerHTML of the node
   * the node text disappears. It seems to be a bug introduced in FF 25 (worked fine up until FF 24.8). Forcing a node's overflow to visible
   * forces FF to not make the innerHTML of the `.label` vanish. Somewhat surprisingly, overflow of visible is okay since we're using label masking.
   * See a simplified demo of the bug here: http://codepen.io/anon/pen/VmRROj
   */
    overflow: visible;
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: ease-out;
    height: 36px;
    background: #25282D;
    box-shadow: 0 2px 6px 0 rgba(37, 40, 45, 0.5);
    width: calc(100% + 17px);
    opacity: 0.9;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    cursor: move;
    overflow-x: hidden; }
    .tree-container .traveling-node .node-contents {
      padding: 10px 0px 8px;
      font-size: 14px;
      line-height: 1;
      text-align: left;
      white-space: nowrap; }
      .tree-container .traveling-node .node-contents svg.icon {
        display: inline-block;
        vertical-align: middle;
        margin-left: 2px;
        width: 12px;
        height: 11px;
        fill: #ADB8BC; }
      .tree-container .traveling-node .node-contents .label {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px;
        color: #ADB8BC;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.23); }
    .tree-container .traveling-node .label-mask {
      /* This is used to mask long label names on the nodes */
      position: absolute;
      width: 100px;
      height: 100%;
      top: 0;
      right: 0; }
      .tree-container .traveling-node .label-mask:after {
        content: "";
        position: absolute;
        width: 5px;
        height: 5px;
        top: 16px;
        right: 12px;
        border-radius: 50%; }
    .tree-container .traveling-node .node-contents {
      padding: 10px 0px 8px 14px;
      transition-property: transform, opacity;
      transition-duration: 300ms;
      transition-timing-function: ease-out; }
      .tree-container .traveling-node .node-contents svg.icon {
        margin-left: 8px;
        margin-top: 1px;
        fill: #EFF3F7; }
      .tree-container .traveling-node .node-contents .label {
        color: #EFF3F7;
        transition-property: color;
        transition-duration: 300ms;
        transition-timing-function: ease-out; }
    .tree-container .traveling-node .label-mask {
      background-image: -webkit-linear-gradient(left, rgba(57, 60, 64, 0) 0%, #393C40 90%);
      background-image: linear-gradient(to right, rgba(57, 60, 64, 0) 0%, #393C40 90%);
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .tree-container .traveling-node.selected {
      box-shadow: inset 4px 0 0 #FFE593; }
      .tree-container .traveling-node.selected.illegal {
        box-shadow: inset 4px 0 0 #FBCC3C; }
    .tree-container .traveling-node.illegal {
      opacity: .9; }
      .tree-container .traveling-node.illegal .node-contents {
        opacity: .7; }
        .tree-container .traveling-node.illegal .node-contents .icon {
          fill: #FF4D4B; }
        .tree-container .traveling-node.illegal .node-contents .label {
          color: #FF4D4B; }
      .tree-container .traveling-node.illegal:after {
        color: #FF4D4B;
        background: #FF4D4B;
        box-shadow: 0 0.25em 0 0 #FF4D4B, 0 0.5em 0 0 #FF4D4B; }
    .tree-container .traveling-node:after {
      content: "";
      position: absolute;
      width: 12px;
      top: 13px;
      right: 10px;
      height: .1em;
      background: #EFF3F7;
      box-shadow: 0 0.25em 0 0 #EFF3F7, 0 0.5em 0 0 #EFF3F7;
      opacity: 0.9;
      transition-property: background, box-shadow, color;
      transition-duration: 300ms;
      transition-timing-function: ease-out; }
    .tree-container .traveling-node .toggler, .tree-container .traveling-node .indicator:after {
      display: none; }
  .tree-container .tree.editable:not(.filtered-results) + .traveling-node.selected:not(.illegal):after {
    background: #FFE593;
    box-shadow: 0 0.25em 0 0 #FFE593, 0 0.5em 0 0 #FFE593; }
  .tree-container .traveling-node .label-mask {
    background-image: -webkit-linear-gradient(left, rgba(37, 40, 45, 0) 0%, #25282D 90%);
    background-image: linear-gradient(to right, rgba(37, 40, 45, 0) 0%, #25282D 90%); }
  .tree-container .tree {
    overflow: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .tree-container .tree.transitions ul li.node {
      transition-property: transform, opacity, height;
      transition-duration: 300ms;
      transition-timing-function: ease-out; }
      .tree-container .tree.transitions ul li.node.transitioning-node {
        opacity: 0; }
        .tree-container .tree.transitions ul li.node.transitioning-node:not(.outgoing-node) {
          transition-property: height, transform; }
      .tree-container .tree.transitions ul li.node .node-contents {
        transition-property: transform, opacity;
        transition-duration: 300ms;
        transition-timing-function: ease-out; }
        .tree-container .tree.transitions ul li.node .node-contents .toggler {
          transition-property: transform;
          transition-duration: 300ms; }
    .tree-container .tree:hover li.node:not(.root) .toggler {
      opacity: 1; }
    .tree-container .tree ul {
      list-style-type: none;
      padding: 0px;
      margin: 0px;
      transform: translateX(0); }
      .tree-container .tree ul li.node {
        list-style: none;
        position: absolute;
        opacity: 1;
        width: 100%;
        height: 36px;
        top: 0;
        left: 0;
        /*
   * This seems weird, and it is, but in FF (See #364), when nodes are moved in the tree, when you go to update some innerHTML of the node
   * the node text disappears. It seems to be a bug introduced in FF 25 (worked fine up until FF 24.8). Forcing a node's overflow to visible
   * forces FF to not make the innerHTML of the `.label` vanish. Somewhat surprisingly, overflow of visible is okay since we're using label masking.
   * See a simplified demo of the bug here: http://codepen.io/anon/pen/VmRROj
   */
        overflow: visible;
        transition-property: opacity;
        transition-duration: 300ms;
        transition-timing-function: ease-out;
        cursor: pointer; }
        .tree-container .tree ul li.node .node-contents {
          padding: 10px 0px 8px;
          font-size: 14px;
          line-height: 1;
          text-align: left;
          white-space: nowrap; }
          .tree-container .tree ul li.node .node-contents svg.icon {
            display: inline-block;
            vertical-align: middle;
            margin-left: 2px;
            width: 12px;
            height: 11px;
            fill: #ADB8BC; }
          .tree-container .tree ul li.node .node-contents .label {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            color: #ADB8BC;
            text-shadow: 0 1px 0 rgba(0, 0, 0, 0.23); }
        .tree-container .tree ul li.node .label-mask {
          /* This is used to mask long label names on the nodes */
          position: absolute;
          width: 100px;
          height: 100%;
          top: 0;
          right: 0; }
          .tree-container .tree ul li.node .label-mask:after {
            content: "";
            position: absolute;
            width: 5px;
            height: 5px;
            top: 16px;
            right: 12px;
            border-radius: 50%; }
        .tree-container .tree ul li.node.transitioning-node {
          pointer-events: none; }
        .tree-container .tree ul li.node .node-contents .toggler {
          display: inline-block;
          vertical-align: middle;
          width: 22px;
          height: 22px;
          margin: -4px 0 0 -2px;
          opacity: 0;
          transform: rotate(-90deg);
          transform-origin: center center; }
          .tree-container .tree ul li.node .node-contents .toggler svg {
            position: absolute;
            width: 9px;
            height: 6px;
            top: 9px;
            right: 8px;
            fill: #ADB8BC; }
          .tree-container .tree ul li.node .node-contents .toggler.expanded {
            transform: rotate(0deg); }
          .tree-container .tree ul li.node .node-contents .toggler.leaf {
            visibility: hidden !important; }
        .tree-container .tree ul li.node .label-mask {
          background-image: -webkit-linear-gradient(left, rgba(57, 60, 64, 0) 0%, #393C40 90%);
          background-image: linear-gradient(to right, rgba(57, 60, 64, 0) 0%, #393C40 90%); }
          .tree-container .tree ul li.node .label-mask.indicator {
            background-image: -webkit-linear-gradient(left, rgba(57, 60, 64, 0) 0%, #393C40 50%);
            background-image: linear-gradient(to right, rgba(57, 60, 64, 0) 0%, #393C40 50%); }
        .tree-container .tree ul li.node.placeholder.transition-placeholder, .tree-container .tree ul li.node.transition-placeholder.transition-placeholder {
          background-color: #2D3135; }
        .tree-container .tree ul li.node.placeholder *, .tree-container .tree ul li.node.transition-placeholder * {
          display: none; }
        .tree-container .tree ul li.node.transient {
          pointer-events: none;
          overflow: hidden;
          border: 1px dashed #616D7A;
          border-radius: 2px;
          background-color: #2D3135; }
          .tree-container .tree ul li.node.transient div.label-mask {
            background-image: -webkit-linear-gradient(left, rgba(45, 49, 53, 0) 0%, #2D3135 90%);
            background-image: linear-gradient(to right, rgba(45, 49, 53, 0) 0%, #2D3135 90%); }
            .tree-container .tree ul li.node.transient div.label-mask:after {
              display: none; }
          .tree-container .tree ul li.node.transient .node-contents {
            margin-left: -1px; }
        .tree-container .tree ul li.node.fading-node {
          height: 0; }
        .tree-container .tree ul li.node.selected {
          background-color: #2D3135;
          z-index: 1; }
          .tree-container .tree ul li.node.selected:not(.placeholder) {
            box-shadow: inset 4px 0 0 #EFF3F7; }
          .tree-container .tree ul li.node.selected .label-mask {
            background-image: -webkit-linear-gradient(left, rgba(45, 49, 53, 0) 0%, #2D3135 90%);
            background-image: linear-gradient(to right, rgba(45, 49, 53, 0) 0%, #2D3135 90%); }
            .tree-container .tree ul li.node.selected .label-mask.indicator {
              background-image: -webkit-linear-gradient(left, rgba(45, 49, 53, 0) 0%, #2D3135 50%);
              background-image: linear-gradient(to right, rgba(45, 49, 53, 0) 0%, #2D3135 50%); }
        .tree-container .tree ul li.node:hover svg.icon, .tree-container .tree ul li.node.selected svg.icon, .tree-container .tree ul li.node.transient svg.icon {
          fill: #EFF3F7; }
        .tree-container .tree ul li.node:hover .label, .tree-container .tree ul li.node.selected .label, .tree-container .tree ul li.node.transient .label {
          color: #EFF3F7; }
    .tree-container .tree:after {
      position: absolute;
      bottom: 0px;
      content: '';
      width: 100%;
      display: block;
      height: 0;
      background: #FFE593;
      opacity: .5; }
    .tree-container .tree.editable:after {
      height: 3px; }
    .tree-container .tree.editable li.node.selected:not(.placeholder) {
      box-shadow: inset 4px 0 0 #FFE593; }
    .tree-container .tree.editable li.node.selected:not(.illegal) .label, .tree-container .tree.editable + .traveling-node.selected:not(.illegal) .label {
      color: #FFE593; }
    .tree-container .tree.editable li.node.selected:not(.illegal) .node-contents .icon, .tree-container .tree.editable li.node.selected:not(.illegal) .node-contents .toggler svg, .tree-container .tree.editable + .traveling-node.selected:not(.illegal) .node-contents .icon, .tree-container .tree.editable + .traveling-node.selected:not(.illegal) .node-contents .toggler svg {
      fill: #FFE593; }
    .tree-container .tree.editable.dragging li.node.selected.placeholder {
      background-color: inherit; }
    .tree-container .tree.editable.dragging li.node .toggler {
      opacity: 0 !important; }
    .tree-container .tree.editable:not(.filtered-results) li.node.movable:not(.root):not(.transient) {
      cursor: move; }
      .tree-container .tree.editable:not(.filtered-results) li.node.movable:not(.root):not(.transient):after {
        content: "";
        position: absolute;
        width: 5px;
        top: 13px;
        right: 0;
        height: .1em;
        background: #555A5E;
        box-shadow: 0 0.25em 0 0 #555A5E, 0 0.5em 0 0 #555A5E; }
      .tree-container .tree.editable:not(.filtered-results) li.node.movable:not(.root):not(.transient):hover:after {
        background: #EFF3F7;
        box-shadow: 0 0.25em 0 0 #EFF3F7, 0 0.5em 0 0 #EFF3F7; }
      .tree-container .tree.editable:not(.filtered-results) li.node.movable:not(.root):not(.transient).selected:hover:after {
        background: #FFE593;
        box-shadow: 0 0.25em 0 0 #FFE593, 0 0.5em 0 0 #FFE593; }
    .tree-container .tree.forest-tree .node .node-contents {
      padding-left: 8px; }
    .tree-container .tree.filtered-results .toggler {
      opacity: 0 !important; }

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
.material-icons-styles-marker {
  content: "loaded";
}
.menu-editor {
  /*
	.tree-container {
	//	background-color: white;
	}

	.tree-container .tree ul li.node .node-contents .label {
		color: #222222;
	}
	.tree-container .tree ul li.node.selected .node-contents .label {
		//color: white;
	}

	.tree-container .tree ul li.node {
		background-color: white;
		color: black;
		
	}
	*/
  /*
	.tree-container .tree ul li.node .label-mask {
	background-image: -webkit-linear-gradient( left , rgba(57, 60, 64, 0) 0%, white 90%);
	background-image: linear-gradient(to right, rgba(57, 60, 64, 0) 0%, white 90%); 
	}
	.tree-container .tree li.node {
		svg {
			display: none;
		}
	}
*/
  position: relative;
}
.menu-editor .tree-side {
  position: absolute;
  width: 300px;
  top: 0;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
}
.menu-editor .tree-spot {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  top: 80px;
  box-sizing: border-box;
  height: 700px;
}
.menu-editor .controls {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  height: 80px;
  box-sizing: border-box;
}
.menu-editor .properties-side {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 340px;
}
.menu-editor .option-properties label {
  display: block;
  margin-bottom: 0.8em;
}
.menu-editor .option-properties input[type=text] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 6px;
  background: transparent;
  border-radius: 4px;
  border: solid 1px black;
}
.menu-editor .option-properties input[type=radio] {
  display: inline-block;
  width: auto;
  margin-right: 20px;
}
.menu-editor .option-properties select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 3px 6px;
  background: transparent;
  border-radius: 4px;
  border: solid 1px black;
}
.menu-editor-svgs {
  height: 0;
  overflow: hidden;
}
.page-editor-menu-selector {
  float: right;
  width: 300px;
}
.webhandle-page-editor-file-browser .file-list .directory-item .type-indicator,
.webhandle-page-editor-file-browser .file-list .file-item .type-indicator {
  vertical-align: middle;
  padding-right: 10px;
}
.webhandle-page-editor-file-browser .file-list .directory-item .delete,
.webhandle-page-editor-file-browser .file-list .file-item .delete {
  visibility: hidden;
  cursor: pointer;
}
.webhandle-page-editor-file-browser .file-list .directory-item:hover .delete,
.webhandle-page-editor-file-browser .file-list .file-item:hover .delete {
  visibility: visible;
}
.page-main-menu .main-menu-block .main-menu {
  list-style: none;
}
.page-main-menu .main-menu-block .main-menu a {
  text-decoration: none;
  color: inherit;
}
.page-main-menu .main-menu-block .main-menu a h3 {
  margin-bottom: 0;
}
.page-main-menu .main-menu-block .main-menu a p {
  margin-top: 0;
}
.page-wrapper header {
  position: relative;
}
.page-sales-console a.grey-button {
  cursor: pointer;
}
.page-sales-console #payment-form {
  margin-top: 20px;
}
.page-sales-console #payment-form.submitting input,
.page-sales-console #payment-form.submitting button {
  opacity: 0.2;
}
.page-sales-console #payment-form button {
  background-color: #2d8bdb;
  margin-top: 10px;
}
.page-sales-console #payment-form button:disabled {
  background-color: #f1f1f1;
}
.page-sales-console .sales-header {
  display: grid;
  font-weight: 600;
  grid-template-columns: auto;
}
.page-sales-console .sales-header .ie6,
.page-sales-console .sales-header ie7,
.page-sales-console .sales-header ie8 {
  grid-template-columns: auto auto;
}
.page-sales-console .sales-header .ie6 .logo,
.page-sales-console .sales-header ie7 .logo,
.page-sales-console .sales-header ie8 .logo {
  justify-self: right;
}
@media (min-width: 900px) {
  .page-sales-console .sales-header {
    grid-template-columns: auto auto;
  }
  .page-sales-console .sales-header .logo {
    justify-self: right;
  }
}
.page-sales-console .sales-header label {
  display: inline-block;
  padding-right: 30px;
  font-weight: 400;
}
.page-sales-console .sales-header .logo {
  width: 216px;
}
.page-sales-console .items-actions {
  margin-top: 10px;
  margin-bottom: 20px;
}
.page-sales-console .discount-table {
  width: 100%;
  margin-bottom: 50px;
}
.page-sales-console .discount-table .field {
  text-align: right;
  width: 240px;
}
.page-sales-console .discount-table .discount input {
  display: inline-block;
  width: 200px;
}
.page-sales-console .discount-table .discount span {
  display: inline-block;
  width: 30px;
  padding-left: 10px;
  cursor: pointer;
}
.page-sales-console .items-table {
  margin-bottom: 10px;
}
.page-sales-console .items-table table {
  width: 100%;
}
.page-sales-console .items-table thead {
  background-color: #f1f1f1;
  padding: 5px 0;
  font-weight: 600;
}
.page-sales-console .items-table td {
  padding: 3px 9px;
}
.page-sales-console .items-table tbody {
  margin-top: 5px;
}
.page-sales-console .items-table tbody tr:nth-child(2n + 1) {
  background-color: #eaf4fd;
}
.page-sales-console .items-table tbody select {
  width: auto;
  border-color: transparent;
  background-color: transparent;
}
.page-sales-console .items-table tbody input {
  width: 80px;
  border-color: transparent;
  background-color: transparent;
}
.page-sales-console .items-table tbody input.discountField {
  width: 120px;
  display: inline-block;
}
.page-sales-console .items-table tbody .line-button {
  display: inline-block;
  margin-left: 5px;
  opacity: 0;
  cursor: pointer;
}
.page-sales-console .items-table tbody .item-actions a {
  opacity: 0;
  transition: opacity 0.2s;
}
.page-sales-console .items-table tbody tr:hover .item-actions a {
  opacity: 1;
}
.page-sales-console .items-table tbody tr:hover input,
.page-sales-console .items-table tbody tr:hover select {
  background-color: #fff;
  border: 1px solid #ced4da;
}
.page-sales-console .items-table tbody tr:hover .line-button {
  opacity: 1;
}
.page-sales-console .items-table tbody .overquantity input,
.page-sales-console .items-table tbody .overquantity input:hover,
.page-sales-console .items-table tbody .overquantity input:focus {
  background-color: red !important;
  color: white !important;
}
.page-sales-console .items-table tr.summary-row td {
  background-color: #f1f1f1;
}
.page-sales-console .items-table .money-right {
  text-align: right;
}
@media print {
  .page-sales-console .artist-report {
    page-break-after: always;
  }
}
.page-sales-console .customer-total {
  display: grid;
  grid-template-columns: 1fr;
}
.page-sales-console .customer-total .ie6,
.page-sales-console .customer-total ie7,
.page-sales-console .customer-total ie8 {
  grid-template-columns: 1fr 1fr;
  column-gap: 30px;
}
@media (min-width: 900px) {
  .page-sales-console .customer-total {
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
  }
}
.page-sales-console .customer-total .total {
  padding: 20px 0;
  background-color: #f1f1f1;
}
.page-sales-console .customer-total .total .total-top {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 10px;
  margin: 10px 20px;
  align-items: center;
}
.page-sales-console .customer-total .total .total-top label {
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 10px;
}
.page-sales-console .customer-total .total .total-top div {
  text-align: right;
}
.page-sales-console .customer-total .total .total-top div select {
  width: auto;
  display: inline-block;
}
.page-sales-console .customer-total .total .actions {
  clear: both;
  margin: 0 10px;
}
.page-sales-console .customer-total .total .actions a {
  cursor: pointer;
}
.page-sales-console .customer-total .total .grand-total {
  background-color: #eaf4fd;
  border: solid 2px #97caf5;
  font-size: 15pt;
  line-height: 1.5em;
  font-weight: 600;
}
.page-sales-console .customer-total .customer .actions {
  display: grid;
  grid-template-columns: auto auto;
}
.page-sales-console .customer-total .customer .edit-action {
  text-align: right;
}
.page-sales-console .order-actions {
  text-align: right;
  margin-top: 30px;
}
.payment-type label {
  display: inline-block;
  white-space: nowrap;
  vertical-align: bottom;
  margin-left: 10px;
  cursor: pointer;
}
.payment-type label .txt {
  position: absolute;
  left: -10000px;
}
.payment-type label input[type=radio] {
  display: inline-block;
  vertical-align: bottom;
  width: auto;
}
.payment-type label img {
  display: inline-block;
  vertical-align: middle;
}
.color-button,
.green-button,
.grey-button,
.blue-button,
.krom-dialog.dialog-frame .the-dialog .foot .btn-primary,
.payment-actions .buttons button {
  font-size: 9pt;
  display: inline-block;
  border-radius: 3px;
  border: 0;
  text-align: center;
  padding: 9px 12px;
  min-width: 80px;
  box-sizing: border-box;
  color: white;
  font-weight: 600;
  text-decoration: none;
}
.green-button {
  background-color: #a7da66;
}
.grey-button {
  background-color: #c9c9c9;
}
.grey-button.dark {
  color: black;
}
.blue-button {
  background-color: #97caf5;
}
.green-button img,
.grey-button img,
.blue-button img {
  padding-right: 12px;
  vertical-align: sub;
}
.choose-product-dialog-content .products {
  max-height: 500px;
  overflow: auto;
}
.choose-product-dialog-content .products table {
  width: 100%;
}
.choose-product-dialog-content .products table tr td {
  cursor: pointer;
  padding: 4px;
}
.choose-customer-dialog-content .customers {
  max-height: 500px;
  overflow: auto;
}
.choose-customer-dialog-content .customers table {
  width: 100%;
}
.choose-customer-dialog-content .customers table tr td {
  cursor: pointer;
  padding: 4px;
}
.cur-dialog-form .contact-box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 14px;
}
.cur-dialog-form .contact-box .double {
  grid-column: span 2;
}
.krom-dialog.dialog-frame .the-dialog {
  border-radius: 0;
}
.krom-dialog.dialog-frame .the-dialog .head {
  border-bottom: 0;
  border-top: solid 15px #cdbb7d;
}
.krom-dialog.dialog-frame .the-dialog .foot {
  border-top: 0;
}
.krom-dialog.dialog-frame .the-dialog .foot .btn-primary {
  font-size: 9pt;
  display: inline-block;
  border-radius: 3px;
  border: 0;
  text-align: center;
  padding: 9px 12px;
  min-width: 80px;
  box-sizing: border-box;
  color: white;
  font-weight: 600;
  text-decoration: none;
  background-color: #a7da66;
}
.krom-dialog.dialog-frame .the-dialog .foot .btn-primary img {
  padding-right: 12px;
  vertical-align: sub;
}
.krom-dialog.dialog-frame .the-dialog .foot .btn-cancel {
  font-size: 9pt;
  display: inline-block;
  border-radius: 3px;
  border: 0;
  text-align: center;
  padding: 9px 12px;
  min-width: 80px;
  box-sizing: border-box;
  color: white;
  font-weight: 600;
  text-decoration: none;
  background-color: #d3321c;
}
.krom-dialog.dialog-frame .the-dialog .btn-close {
  top: 20px;
  right: 10px;
  background-color: #f1f1f1;
  text-transform: uppercase;
  line-height: 0.6em;
}
.content-box .contact-box {
  display: grid;
  column-gap: 10px;
  grid-template-columns: 2fr 3fr;
  font-size: 10pt;
}
.content-box .contact-box .small-cap {
  text-transform: uppercase;
  font-size: 70%;
  font-weight: 600;
}
.content-box .contact-box .double {
  grid-column: span 2;
}
.content-box .contact-box input:disabled,
.content-box .contact-box textarea:disabled {
  background-color: #f1f1f1;
}
.comments-box {
  margin-top: 30px;
}
.comments-box [name=privateComments] {
  display: none;
}
.artist-bio h2 {
  color: #cdbb7d;
  font-weight: 400;
}
.artist-bio .content-box {
  border-top: solid 2px #cdbb7d;
  padding-top: 10px;
}
.artist-bio .content-box input,
.artist-bio .content-box textarea {
  background-color: #f1f1f1;
}
.inventory-status .artist-header {
  display: grid;
  grid-template-columns: 1fr auto;
}
.inventory-status .artist-header input {
  display: inline-block;
  background-color: #f1f1f1;
  border-radius: 2px;
  width: auto;
}
.inventory-status .artist-header .search {
  text-align: right;
  white-space: nowrap;
}
.inventory-status .inv-table {
  margin-top: 40px;
}
.inventory-status .inv-table img {
  width: 50px;
}
.sales-summary-header {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
}
.sales-summary-header input {
  display: inline-block;
  background-color: #f1f1f1;
  border-radius: 2px;
  width: 250px;
}
.app-page .download-photo-albums .all-option {
  padding-left: 220px;
}
.app-page .download-photo-albums label {
  clear: both;
  padding-top: 20px;
}
.app-page .download-photo-albums input[type=checkbox] {
  width: auto;
  display: inline-block;
}
.app-page .download-photo-albums img {
  max-width: 200px;
  float: left;
  margin-right: 20px;
}
.app-page .download-photo-albums .clear {
  clear: both;
}
@media print {
  .order-actions {
    display: none;
  }
}
.page-missing-skus .missing-sku-order {
  margin: 40px 0;
}
.page-missing-skus .missing-sku-order table td,
.page-missing-skus .missing-sku-order table th {
  padding: 3px 5px;
}
.dreck-listing-1 .actions form {
  display: inline-block;
}
.dreck-listing-1 .actions a {
  opacity: 0;
}
.dreck-listing-1 tr:hover .actions a {
  opacity: 1;
}
.ei-css-grid .hide {
  display: none;
}
.app-page .sales-catalog-form .secondary-images {
  margin-top: 0;
}
.order-display-raw-data .raw-data {
  display: none;
}
#adjustmentpurchase {
  display: none;
}
.page.advanced #adjustmentpurchase {
  display: inline-block;
}
.money-right {
  text-align: right;
}
.payment-actions {
  margin-top: 40px;
}
.payment-actions .buttons {
  text-align: right;
  margin-top: 15px;
  margin-left: 10px;
  margin-right: 10px;
}
.payment-actions .buttons button {
  background-color: #c9c9c9;
  margin-left: 10px;
}
.payment-actions .buttons button.dark {
  color: black;
}
.payment-actions .buttons button img {
  padding-right: 12px;
  vertical-align: sub;
}
.payment-actions .buttons button.pay {
  background-color: #2d8bdb;
  color: white;
}
.readers {
  margin-top: 15px;
}
.phone-number-parts input {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
  width: auto;
}
.webhandle-page-editor-file-browser .view-controls .left {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 20px;
}
@media (min-width: 1100px) {
  .webhandle-page-editor-file-browser {
    margin-left: calc(-50vw +  550px  + 10px);
    margin-right: calc(-50vw +  550px  + 10px);
  }
}
.webhandle-event-notifications {
  --grey-box-outline: #eeeeee;
  --success-color: green;
  --warning-color: orange;
  --error-color: red;
  --progress-bar-color: blue;
  --trransition-time: 0.3s;
  overflow: auto;
}
.webhandle-event-notifications .event-notification-view {
  transition: opacity var(--trransition-time);
}
.webhandle-event-notifications .event-notification-view.closed .info .message-holder {
  max-height: 0;
}
.webhandle-event-notifications .event-notification-view.closed .actions {
  padding-left: 15px;
}
.webhandle-event-notifications .event-notification-view.closed .actions .expand-message {
  display: block;
}
.webhandle-event-notifications .event-notification-view.closed .actions > * {
  margin-bottom: 10px;
}
.webhandle-event-notifications .notification {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  padding: 10px 16px;
  border: solid 1px var(--grey-box-outline);
  border-radius: 4px;
}
.webhandle-event-notifications .notification .info .top .icon {
  position: relative;
  display: inline-block;
  padding: 5px 5px 2px 5px;
  margin-right: 20px;
  border-radius: 4px;
  isolation: isolate;
}
.webhandle-event-notifications .notification .info .top .icon:before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 20%;
  border-radius: 4px;
}
.webhandle-event-notifications .notification .info .top .icon .material-icons {
  font-size: 16px;
}
.webhandle-event-notifications .notification .info .top .headline {
  font-weight: 600;
}
.webhandle-event-notifications .notification .info .message-holder {
  overflow: hidden;
  transition: max-height var(--trransition-time);
  max-height: 200px;
  overflow: auto;
}
.webhandle-event-notifications .notification .info .message {
  margin-top: 10px;
}
.webhandle-event-notifications .notification .info .progress {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 30px;
}
.webhandle-event-notifications .notification .info .progress .bar {
  position: relative;
  border: solid 1px var(--grey-box-outline);
  border-radius: 12px;
  overflow: hidden;
  align-self: center;
  height: 12px;
}
.webhandle-event-notifications .notification .info .progress .bar .made {
  position: absolute;
  width: 100%;
  background-color: var(--progress-bar-color);
  top: 0;
  bottom: 0;
  left: -100%;
  transition: margin-left var(--trransition-time);
}
.webhandle-event-notifications .notification .actions {
  z-index: 3;
}
.webhandle-event-notifications .notification .actions span {
  display: block;
  cursor: pointer;
  font-size: 16px;
}
.webhandle-event-notifications .notification .actions .expand-message {
  display: none;
}
.webhandle-event-notifications .notification .cancel-mask {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.webhandle-event-notifications .notification .cancel-mask:before {
  content: '';
  position: absolute;
  inset: 0;
  opacity: 0.4;
  background-color: var(--grey-box-outline);
  z-index: -1;
}
.webhandle-event-notifications .notification.success .icon {
  color: var(--success-color);
}
.webhandle-event-notifications .notification.success .icon:before {
  background-color: var(--success-color);
}
.webhandle-event-notifications .notification.warning .icon {
  color: var(--warning-color);
}
.webhandle-event-notifications .notification.warning .icon:before {
  background-color: var(--warning-color);
}
.webhandle-event-notifications .notification.error .icon {
  color: var(--error-color);
}
.webhandle-event-notifications .notification.error .icon:before {
  background-color: var(--error-color);
}
.webhandle-event-notifications .notification {
  margin: 10px;
}
.webhandle-file-tree-image-browser-test {
  background-color: #656963;
}
.webhandle-file-tree-image-browser {
  --webhandle-file-tree-image-box-background: #eeeeee;
  --webhandle-file-tree-image-selected-box-hightlight: blue;
}
.webhandle-file-tree-image-browser .file-lines {
  grid-auto-flow: row dense;
  grid-template-columns: 100px 1fr auto auto auto;
  overflow-x: hidden;
}
.webhandle-file-tree-image-browser .file-lines .variant-choice-box {
  display: contents;
}
.webhandle-file-tree-image-browser .file-lines .variant-choice-box .bottom {
  display: contents;
}
.webhandle-file-tree-image-browser .file-lines .variant-choice-box .bottom .content {
  display: contents;
}
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .extensions,
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .basename,
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .size-line,
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .actions,
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .img {
  z-index: 2;
}
.webhandle-file-tree-image-browser .file-lines .variant-choice-box.selected .img:before {
  content: '\00a0';
  position: absolute;
  top: -3px;
  bottom: 0px;
  left: -3px;
  width: 100vw;
  background-color: #f0f0f0;
}
.webhandle-file-tree-image-browser .file-lines .extensions {
  display: block !important;
  grid-column: 3;
  padding-top: 3px;
}
.webhandle-file-tree-image-browser .file-lines .extensions .extension-pill {
  display: inline-block;
  margin-right: 2px;
}
.webhandle-file-tree-image-browser .file-lines .basename {
  grid-column: 2;
}
.webhandle-file-tree-image-browser .file-lines .size-line {
  grid-column: 4;
}
.webhandle-file-tree-image-browser .file-lines .img {
  max-width: 100px;
}
.webhandle-file-tree-image-browser .file-lines .img .thumbnail-icon {
  font-size: 30px;
  position: relative;
  z-index: 2;
}
.webhandle-file-tree-image-browser .file-lines .actions {
  grid-column: 5;
}
.webhandle-file-tree-image-browser .image-browser .image-browser-frame {
  position: relative;
  display: grid;
  grid-template-columns: minmax(300px, 30%) 1fr;
  column-gap: 20px;
  background-color: white;
}
.webhandle-file-tree-image-browser .image-browser .image-browser-frame > .directory-side {
  height: 800px;
  max-height: 90vh;
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
}
.the-dialog .webhandle-file-tree-image-browser .image-browser .image-browser-frame > .directory-side {
  max-height: 67vh;
}
.webhandle-file-tree-image-browser .image-browser .image-browser-frame > .directory-side button {
  border: none;
  background-color: transparent;
  color: white;
}
.webhandle-file-tree-image-browser .image-browser .image-browser-frame > .directory-side .directory-controls {
  background-color: #393C40;
}
.webhandle-file-tree-image-browser .image-browser .view-icons.no-img .show-large-tiles,
.webhandle-file-tree-image-browser .image-browser .view-icons.no-img .show-small-tiles,
.webhandle-file-tree-image-browser .image-browser .view-icons.no-img .show-list-rows {
  display: none;
}
.webhandle-file-tree-image-browser .image-browser .node-content {
  position: relative;
}
.webhandle-file-tree-image-browser .image-browser .box-holder {
  position: absolute;
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  overflow: auto;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 3px;
  padding-left: 3px;
}
.webhandle-file-tree-image-browser .image-browser .node-view {
  display: grid;
  grid-template-rows: auto 1fr auto;
  row-gap: 12px;
}
.webhandle-file-tree-image-browser .image-browser .node-view .view-controls {
  display: grid;
  grid-template-columns: auto auto;
  padding-right: 20px;
  padding-top: 4px;
}
.webhandle-file-tree-image-browser .image-browser .node-view .view-controls .right {
  text-align: right;
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
  /* Standard syntax */
}
.webhandle-file-tree-image-browser .image-browser .node-view .view-controls button {
  border: none;
  background: none;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.grid-small {
  grid-template-columns: repeat(5, 1fr);
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows {
  grid-auto-flow: row dense;
  grid-template-columns: 100px 1fr auto auto auto;
  overflow-x: hidden;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box .bottom {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box .bottom .content {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .extensions,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .basename,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .size-line,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .actions,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .img {
  z-index: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .variant-choice-box.selected .img:before {
  content: '\00a0';
  position: absolute;
  top: -3px;
  bottom: 0px;
  left: -3px;
  width: 100vw;
  background-color: #f0f0f0;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .extensions {
  display: block !important;
  grid-column: 3;
  padding-top: 3px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .extensions .extension-pill {
  display: inline-block;
  margin-right: 2px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .basename {
  grid-column: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .size-line {
  grid-column: 4;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .img {
  max-width: 100px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .img .thumbnail-icon {
  font-size: 30px;
  position: relative;
  z-index: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.rows .actions {
  grid-column: 5;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text {
  grid-auto-flow: row dense;
  grid-template-columns: 100px 1fr auto auto auto;
  overflow-x: hidden;
  grid-template-columns: auto 1fr auto auto auto;
  row-gap: 5px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box .bottom {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box .bottom .content {
  display: contents;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .extensions,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .basename,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .size-line,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .actions,
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .img {
  z-index: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .variant-choice-box.selected .img:before {
  content: '\00a0';
  position: absolute;
  top: -3px;
  bottom: 0px;
  left: -3px;
  width: 100vw;
  background-color: #f0f0f0;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .extensions {
  display: block !important;
  grid-column: 3;
  padding-top: 3px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .extensions .extension-pill {
  display: inline-block;
  margin-right: 2px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .basename {
  grid-column: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .size-line {
  grid-column: 4;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .img {
  max-width: 100px;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .img .thumbnail-icon {
  font-size: 30px;
  position: relative;
  z-index: 2;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .actions {
  grid-column: 5;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .img {
  aspect-ratio: auto;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .img img {
  display: none;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes.list-text .img .thumbnail-icon {
  font-size: 0;
}
.webhandle-file-tree-image-browser .image-browser .choice-boxes .loading-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box {
  padding: 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #cccccc;
  -webkit-user-select: none;
  /* Safari */
  user-select: none;
  /* Standard syntax */
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .img {
  display: grid;
  aspect-ratio: 1.6;
  position: relative;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .img .thumbnail-icon {
  font-size: 70px;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .img > span {
  grid-column: 1;
  grid-row: 1;
  justify-self: center;
  align-self: center;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .bottom {
  display: grid;
  grid-template-columns: 1fr auto;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .bottom .basename {
  display: inline;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .bottom .extensions {
  display: inline-flex;
  column-gap: 5px;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box .bottom .actions button {
  border: 0;
  background: none;
  cursor: pointer;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box.selected {
  box-shadow: 1px 1px 10px var(--webhandle-file-tree-image-selected-box-hightlight);
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box.hidden {
  display: none;
}
.webhandle-file-tree-image-browser .image-browser .variant-choice-box.hidden > * {
  display: none !important;
}
.webhandle-file-tree-image-browser .image-browser .bottom-controls {
  display: grid;
  grid-template-columns: 1fr auto;
  padding-right: 34px;
  padding-top: 10px;
}
.webhandle-file-tree-image-browser .image-browser .bottom-controls button {
  border: none;
  background-color: transparent;
}
.webhandle-file-tree-image-browser .image-browser .drop-cover {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: -1;
  display: grid;
  column-gap: 30px;
  row-gap: 30px;
  transition: opacity 0.3s;
  opacity: 0.2;
}
.webhandle-file-tree-image-browser .image-browser .drop-cover .drop-type {
  display: flex;
  align-items: center;
  text-align: center;
  padding: 12px;
  border: solid 1px black;
  border-radius: 5px;
  box-shadow: 1px 1px 5px #cccccc;
  background-color: rgba(238, 238, 238, 0.7);
}
.webhandle-file-tree-image-browser .image-browser .drop-cover .drop-type .msg {
  width: 100%;
}
.webhandle-file-tree-image-browser .image-browser .drop-cover .drop-type:hover {
  background-color: #eeeeee;
}
.webhandle-file-tree-image-browser .image-browser .drop-cover.file-dropping {
  z-index: 2;
  opacity: 1;
}
.webhandle-file-tree-image-browser .image-browser .img-drop-cover {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.webhandle-file-tree-image-browser .image-browser .img-drop-cover .guided-upload {
  grid-row: 1 / span 4;
  grid-column: 1 / span 2;
}
.webhandle-file-tree-image-browser .image-browser .img-drop-cover .automatic {
  grid-row: 1 / span 3;
  grid-column: 3;
}
.webhandle-file-tree-image-browser .image-browser .img-drop-cover .literal {
  grid-row: 4;
  grid-column: 3;
}
.webhandle-file-tree-image-browser .extension-pill {
  padding: 3px 5px;
  border-radius: 5px;
  background-color: var(--webhandle-file-tree-image-box-background);
}
.webhandle-file-tree-image-browser .radio-options label {
  display: inline-block;
  position: relative;
}
.webhandle-file-tree-image-browser .radio-options label input[type=radio] {
  position: absolute;
  display: inline-block;
  left: -10000px;
}
.webhandle-file-tree-image-browser .radio-options label input[type=radio]:not(:checked) + .extension-pill {
  background-color: transparent;
}
.webhandle-file-tree-image-browser .hidden-elements {
  position: absolute;
  left: -10000px;
  top: 0;
}
.variant-details-information .details-preview-image img {
  display: block;
  margin: auto;
  max-width: 300px;
}
.variant-details-information .variants {
  list-style: none;
  padding: 10px 0;
  margin: 0;
}
/*# sourceMappingURL=app.css.map */