body {
  box-sizing: border-box;
  padding: 0px;
  margin: 0px; }

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

.break {
  clear: both;
  width: 0px;
  height: 0px; }

.fa.fa-sm {
  font-size: 0.7em; }

body {
  background-color: #99b3cc; }

body, th, td, input, select, option, textarea, li, button {
  font-family: Ubuntu, "Trebuchet MS", "Lucida Grande", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #006; }

a[href] {
  color: #00f;
  text-decoration: none; }
  a[href]:hover {
    color: #c00; }

img {
  border-width: 0px; }

kbd {
  display: inline-block;
  border: 1px solid #006;
    border-radius: 3px;
  padding: 0px 2px;
  background: #cce6ff;
  font-family: inherit;
  font-style: normal; }

input[type='text'], input[type='password'], input[type='color'], input[type='number'] {
  border: 1px solid #999;
    border-radius: 3px;
  line-height: 1.3;
  padding: 0px 2px; }

button, input[type='submit'], input[type='color'] {
  cursor: default;
  margin-bottom: 3px;
  border: 1px solid #999;
    border-radius: 3px;
  background: linear-gradient(#eee, #bbb);
  cursor: pointer; }
  button:hover, input[type='submit']:hover, input[type='color']:hover {
    background: linear-gradient(#fff, #ccc); }
  button:disabled:hover, input[type='submit']:disabled:hover, input[type='color']:disabled:hover {
    background: linear-gradient(#eee, #bbb); }
  button:active, input[type='submit']:active, input[type='color']:active {
    background: linear-gradient(#ccc, #fff); }
  button:disabled:active, input[type='submit']:disabled:active, input[type='color']:disabled:active {
    background: linear-gradient(#eee, #bbb); }

button:disabled, input[type='button']:disabled, input[type='submit']:disabled, input[type='text']:disabled {
  color: #999;
  cursor: default; }

button.remove {
  background: linear-gradient(#ebb, #b88);
  color: #800;
  margin-left: 15px; }
  button.remove:hover {
    background: linear-gradient(#fcc, #c99);
    color: #b00; }
  button.remove:active {
    background: linear-gradient(#c99, #fcc); }

button.mfp-close {
  background: transparent; }

#layout_tabs ul {
  display: block;
  margin: 0px;
  padding: 0px; }
  #layout_tabs ul li {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px; }

#center_canvas {
  width: 975px;
  background: #9cf;
  margin: 0px auto; }

#layout_title {
  text-align: center;
  padding: 10px; }
  #layout_title h1 {
    margin: 0px;
    padding: 0px;
    font-size: 26px; }

#layout_user {
  margin-top: -10px; }
  #layout_user form {
    padding: 3px 7px;
    margin: 4px 0px; }
  #layout_user .user {
    float: left; }
  #layout_user .admin {
    float: right;
    background: #fcc; }

#layout_tabs {
  background: #9cf;
  height: 30px; }
  #layout_tabs ul {
    float: left; }
    #layout_tabs ul li {
      display: block;
      float: left;
      margin: 0px 7px 0px 7px;
      height: 30px; }
      #layout_tabs ul li a {
        display: block;
        padding: 7px 10px;
        background: #cce6ff;
        height: 30px; }
        #layout_tabs ul li a:hover {
          background: #e0f0ff; }
      #layout_tabs ul li.active a {
        background: #f5faff; }
    #layout_tabs ul form {
      margin-top: 2px;
      display: inline-block; }
      #layout_tabs ul form input {
        border-width: 0px;
        width: 200px; }
    #layout_tabs ul.users {
      float: right; }
      #layout_tabs ul.users form input {
        width: 160px; }

#layout_footer {
  padding: 7px; }
  #layout_footer .credits {
    float: left;
    padding-top: 5px;
    line-height: 1.5em;
    font-size: 0.8em; }
  #layout_footer .logo {
    float: right;
    text-align: right; }

#layout_breadcrumbs {
  padding: 5px 15px;
  background: #e0ffe0;
  font-size: 0.87em;
  line-height: 1;
  width: 975px;
  color: #8699af; }
  #layout_breadcrumbs a {
    display: inline-block;
    padding: 3px 1px 3px 2px; }
    #layout_breadcrumbs a[href] {
      color: #434df6; }
    #layout_breadcrumbs a[href]:hover {
      color: #d24d43; }
    #layout_breadcrumbs a.last {
      font-weight: bold; }
    #layout_breadcrumbs a.special {
      font-style: italic; }
  #layout_breadcrumbs .link_text {
    display: inline-block;
    padding: 2px 1px 2px 0px;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    max-width: 929px;
    border-bottom: solid 1px transparent; }
    #layout_breadcrumbs .link_text.dynamic {
      border-bottom: dotted 1px #8699af; }
  #layout_breadcrumbs .join {
    display: inline-block;
    max-width: 945px; }
  #layout_breadcrumbs .sep {
    vertical-align: top;
    display: inline-block;
    width: 12px;
    padding: 5px 0px 2px 0px;
    text-align: center;
    color: #8699af;
    font-weight: normal; }

#layout_content {
  background: #fff;
  padding: 1px 15px 30px 15px;
  position: relative; }
  #layout_content h2 {
    padding: 10px 0px 10px 0px;
    margin: 0px;
    font-size: 20px; }

.preferences {
  float: right;
  text-align: right;
  margin: 15px 0px 15px 0px;
  background: #fff;
  border: 1px solid #999;
    border-radius: 4px;
  padding: 7px; }

.preferences_content {
  margin-top: 7px; }

p.subtitle {
  margin-top: -5px;
  margin-bottom: 15px; }

.hint {
  font-size: 0.9em;
  font-style: italic; }
  .hint i {
    font-style: normal; }

.color_sample {
  display: inline-block;
  width: 1.1em;
  height: 1.1em;
  vertical-align: middle;
  border: 1px solid #006; }

.error, .errorExplanation {
  background: #fcc;
  color: #800;
  padding: 7px;
  margin-bottom: 14px; }
  .error li, .errorExplanation li {
    color: #800; }

.notice, .top_notice {
  background: #af9;
  color: #060;
  padding: 7px; }
  .notice li, .top_notice li {
    color: #060; }

.top_notice {
  margin-top: 15px; }

.notice {
  margin-bottom: 14px; }

.errorExplanation li {
  color: inherit; }

.admin_listing {
  border-spacing: 0px; }
  .admin_listing.users_list {
    margin-top: 17px; }
  .admin_listing tr:hover {
    background: #cce6ff; }
    .admin_listing tr:hover .actions *, .admin_listing tr:hover .images * {
      visibility: visible; }
  .admin_listing tr.heading:hover, .admin_listing tr.separator:hover {
    background: transparent; }
  .admin_listing tr.filtered {
    background: #cfc; }
    .admin_listing tr.filtered:hover {
      background: #ccf3e6; }
  .admin_listing tr.selected {
    background-color: #fda; }
    .admin_listing tr.selected:hover {
      background: #e6e2d5; }
  .admin_listing tr.filtered.selected {
    background: #e6eebb; }
    .admin_listing tr.filtered.selected:hover {
      background: #d9f1d1; }
  .admin_listing th, .admin_listing td {
    text-align: left;
    padding: 3px 7px;
    vertical-align: top; }
  .admin_listing .id {
    text-align: right; }
  .admin_listing .id, .admin_listing .count, .admin_listing .images, .admin_listing .actions {
    white-space: nowrap; }
  .admin_listing .images {
    text-align: right;
    padding-right: 30px; }
  .admin_listing .actions *, .admin_listing .images * {
    visibility: hidden; }
  .admin_listing td.select input {
    margin: 0px;
    padding: 0px; }

.admin_info {
  border-spacing: 0px; }
  .admin_info tr.subtitle h3 {
    margin: 0px;
    padding: 0px;
      padding-top: 15px; }
  .admin_info tr.subtitle:first-child h3 {
    padding-top: 0px; }
  .admin_info th {
    text-align: right; }
  .admin_info th, .admin_info td {
    vertical-align: top;
    padding: 3px 7px; }
  .admin_info th, .admin_info td.no_th {
    padding-left: 0px; }
  .admin_info td {
    padding-right: 0px; }

.admin_form .field_row.submit {
  padding-left: 100px; }
.admin_form label {
  width: 100px; }
.admin_form div.checkbox {
  padding-left: 100px; }
.admin_form .field_row {
  display: table-row;
  margin: 0px; }
  .admin_form .field_row.submit:before {
    content: " ";
    display: table-cell; }
  .admin_form .field_row input, .admin_form .field_row select, .admin_form .field_row textarea {
    vertical-align: top; }
  .admin_form .field_row input.wide {
    width: 600px; }
  .admin_form .field_row input.half_wide {
    width: 400px; }
.admin_form label {
  display: table-cell;
  text-align: right;
  padding-right: 10px;
  vertical-align: top;
  padding-bottom: 10px;
  font-weight: bold; }
  .admin_form label.checkbox {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    height: 1em; }
  .admin_form label.description {
    padding-top: 143px; }
.admin_form .field input[type='checkbox'], .admin_form .field input[type='radio'] {
  margin-left: 0px; }
.admin_form .field, .admin_form .image_size_fields, .admin_form .color_field, .admin_form .field_static {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 10px; }
.admin_form .image_size_fields input {
  display: default;
  width: 70px; }
.admin_form .image_size_fields .image_ratio_canvas {
  display: none; }
.admin_form .image_size_fields .image_ratio, .admin_form .field_static .image_ratio {
  font-weight: bold; }
.admin_form .color_field input {
  display: default;
  width: 80px; }
  .admin_form .color_field input.field_color_color {
    width: 50px;
    display: none; }
.admin_form .color_field .field_color_color_fallback {
  display: none;
  width: 20px;
  height: 20px;
  border: 1px solid #006; }
.admin_form div.checkbox {
  padding-bottom: 10px; }
  .admin_form div.checkbox:before {
    content: " ";
    display: table-cell; }
  .admin_form div.checkbox input, .admin_form div.checkbox label {
    display: inline-block;
    vertical-align: middle; }
  .admin_form div.checkbox input {
    margin-left: 0px; }
  .admin_form div.checkbox label {
    width: auto;
    text-align: left;
    padding: 0px; }

.filter .field_row.submit {
  padding-left: 60px; }
.filter label {
  width: 60px; }
.filter div.checkbox {
  padding-left: 60px; }
.filter .suggestions {
  display: block;
  padding-left: 60px; }

.user_album_defaults_note {
  font-size: 12px;
  margin-top: -5px;
  margin-bottom: 15px; }

.user_settings .field_row.submit {
  padding-left: 70px; }
.user_settings label {
  width: 70px; }
.user_settings div.checkbox {
  padding-left: 70px; }

.user_album_defaults .field_row.submit {
  padding-left: 210px; }
.user_album_defaults label {
  width: 210px; }
.user_album_defaults div.checkbox {
  padding-left: 210px; }

.login_form .field_row.submit {
  padding-left: 70px; }
.login_form label {
  width: 70px; }
.login_form div.checkbox {
  padding-left: 70px; }

.user_form .field_row.submit {
  padding-left: 260px; }
.user_form label {
  width: 260px; }
.user_form div.checkbox {
  padding-left: 260px; }
.user_form .defaults, .user_form .placeholders {
  margin: 0px;
  padding: 0px;
  display: block; }
  .user_form .defaults li, .user_form .placeholders li {
    display: block;
    margin-left: 20px; }
.user_form .defaults {
  margin-bottom: 5px; }

.albums_list {
  margin-top: 20px; }
  .albums_list th.title {
    padding-left: 30px; }
  .albums_list .separator {
    height: 20px; }
  .albums_list .category td {
    font-weight: bold; }
  .albums_list .no_category td {
    font-style: italic; }
  .albums_list .category, .albums_list .no_category {
    background: #fda; }
    .albums_list .category:hover, .albums_list .no_category:hover {
      background: #e6e2d5; }
    .albums_list .category.filtered, .albums_list .no_category.filtered {
      background: #e6eebb; }
      .albums_list .category.filtered:hover, .albums_list .no_category.filtered:hover {
        background: #d9f1d1; }
  .albums_list .album td.title {
    padding-left: 30px; }

.album_preview {
  position: absolute;
  border: 1px solid #999;
    border-radius: 4px;
  background: #fff;
  padding: 7px; }
  .album_preview .count {
    color: #999;
    font-style: italic; }
  .album_preview .preview_image {
    display: table-cell; }
    .album_preview .preview_image img {
      max-width: 150px;
      height: auto; }
    .album_preview .preview_image:first-of-type {
      padding-right: 7px; }

.album_form .field_row.submit {
  padding-left: 210px; }
.album_form label {
  width: 210px; }
.album_form div.checkbox {
  padding-left: 210px; }

.images_list {
  width: 100%;
  table-layout: fixed; }
  .images_list td {
    padding: 10px 10px 10px 10px;
    width: 25%;
    text-align: center;
    vertical-align: top;
    border: 1px solid transparent;
    word-wrap: break-word; }
    .images_list td a {
      display: block;
      padding: 5px; }
      .images_list td a:hover {
        background: #cce6ff; }
        .images_list td a:hover img {
          border-color: #66b3ff; }
        .images_list td a:hover .field2 .title, .images_list td a:hover .field2 .value {
          color: #006; }
    .images_list td img {
      border: 2px solid #9cf; }
    .images_list td .fields_canvas {
      padding-bottom: 10px;
      display: inline-table; }
    .images_list td .field {
      display: table-row; }
      .images_list td .field .title, .images_list td .field .value {
        display: table-cell;
        color: #006;
        font-size: 0.85em;
        letter-spacing: -1px;
        width: 50%; }
      .images_list td .field .title {
        text-align: right;
        padding-right: 5px; }
      .images_list td .field .value {
        font-weight: bold;
        text-align: left; }
    .images_list td .actions_canvas {
      visibility: hidden;
      margin-top: 10px; }
    .images_list td .actions_label {
      float: left; }
    .images_list td .actions {
      float: right; }
    .images_list td .remove {
      margin-left: 10px; }
    .images_list td:hover {
      border-color: #006; }
      .images_list td:hover .actions_canvas {
        visibility: visible; }
    .images_list td.empty:hover {
      border-color: transparent; }

.image_info .thumbnail {
  float: left;
  margin-right: 7px; }
  .image_info .thumbnail img {
    border: 2px solid #9cf; }
.image_info .image_thumbnail_info td {
  white-space: nowrap; }
.image_info p.images_from_object {
  margin: 0px;
  padding: 0px; }

.labels_list input[type='checkbox'] {
  width: 18px;
  height: 18px; }
.labels_list td.children {
  text-align: right;
  white-space: nowrap; }

.labels_list .pad, .labels_list .padded, .image_info .pad, .image_info .padded, .label_row .pad, .label_row .padded {
  display: table-cell; }
.labels_list .pad, .image_info .pad, .label_row .pad {
  width: 20px; }
.labels_list .images, .image_info .images, .label_row .images {
  text-align: right; }

.select_actions {
  margin: 10px 0px; }
  .select_actions .selected_actions, .select_actions .selected_actions_alternate {
    display: inline-block; }
  .select_actions .remove {
    margin-left: 10px; }

.label_form .field_row.submit {
  padding-left: 120px; }
.label_form label {
  width: 120px; }
.label_form div.checkbox {
  padding-left: 120px; }

.change_parent_tree {
  margin-bottom: 30px; }

.label_change_parent .field_row.submit {
  padding-left: 120px; }
.label_change_parent label {
  width: 120px; }
.label_change_parent div.checkbox {
  padding-left: 120px; }

.image_form .field_row.submit {
  padding-left: 170px; }
.image_form label {
  width: 170px; }
.image_form div.checkbox {
  padding-left: 170px; }

.spreadsheet_form {
  position: relative;
  background: #fff;
  padding: 5px;
  width: auto;
  max-width: 700px;
  min-height: 500px;
  margin: 20px auto; }
  .spreadsheet_form .field_row.submit {
    padding-left: 170px; }
  .spreadsheet_form label {
    width: 170px; }
  .spreadsheet_form div.checkbox {
    padding-left: 170px; }
  .spreadsheet_form h2 {
    background: #9cf;
    margin: -5px -5px 0px -5px;
    padding: 5px; }
  .spreadsheet_form .mfp-close {
    margin-top: -5px; }
  .spreadsheet_form .batch_operations_canvas {
    padding: 0px 10px; }
  .spreadsheet_form button.operation {
    font-weight: 900;
    font-size: 18px; }
    .spreadsheet_form button.operation .fa {
      font-size: 14px; }
    .spreadsheet_form button.operation.selected {
      color: #060; }
  .spreadsheet_form .oper, .spreadsheet_form .math_note {
    display: none; }
  .spreadsheet_form #oper_set_multiple_value {
    width: 100%; }
  .spreadsheet_form .math_value {
    font-weight: bold; }
  .spreadsheet_form .decimals_fields {
    display: table; }
    .spreadsheet_form .decimals_fields .row {
      display: table-row; }
    .spreadsheet_form .decimals_fields .cell {
      display: table-cell;
      vertical-align: middle;
      input-margin: 0px; }
  .spreadsheet_form .oper_set_multiple_count {
    font-size: 16px;
    font-weight: bold; }
  .spreadsheet_form .apply {
    font-weight: bold; }

.batch_edit_filter {
  margin: 20px 0px; }

.image_batch_list th {
  white-space: nowrap; }
.image_batch_list .sort_buttons {
  display: inline-block;
  white-space: nowrap; }
.image_batch_list td {
  vertical-align: top;
  padding-top: 10px;
  padding-bottom: 10px; }
.image_batch_list td.field a {
  display: block; }
.image_batch_list td.field input {
  width: 100%; }

.batch_edit_form .save_all_canvas, .batch_edit_form .save_selected_canvas, .batch_edit_form .save_canvas_alternate {
  height: 70px;
  padding-top: 10px; }
.batch_edit_form .change_all, .batch_edit_form .change_selected {
  margin-bottom: 10px; }
.batch_edit_form .save {
  font-weight: bold; }

.image_export .field_group {
  margin-bottom: 2em; }
  .image_export .field_group .title {
    font-size: 1.2em;
    font-weight: bold; }
  .image_export .field_group input {
    vertical-align: middle; }

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  max-width: 900px;
  height: 80%;
  min-height: 300px; }

body.popup {
  height: 100%; }
  body.popup .layout_canvas {
    display: table;
    height: 100%;
    width: 100%; }
  body.popup .popup_row {
    display: table-row; }
  body.popup .header, body.popup .scroll_canvas, body.popup .footer {
    display: table-cell; }
  body.popup .header, body.popup .footer {
    height: 1px;
    background: #9cf; }
  body.popup .header .title {
    margin: 0px;
    padding: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  body.popup .header #layout_breadcrumbs {
    width: 900px; }
  body.popup .header .notice {
    margin-bottom: 0px;
    font-size: 0.87em; }
  body.popup .footer {
    padding: 5px; }
  body.popup .scroll_canvas {
    height: 100%; }
  body.popup .content_canvas {
    position: relative;
    overflow-y: auto;
    height: 100%;
    background: #fff; }
  body.popup .content {
    position: absolute;
    left: 0;
    right: 0;
    padding: 15px; }
    body.popup .content .preferences {
      float: right;
      text-align: right;
      margin-top: 0px; }
    body.popup .content .subtitle {
      margin-top: 0px; }

.batch_populate_list {
  margin-top: 20px; }
  .batch_populate_list .result_success {
    color: #080; }
  .batch_populate_list .result_error {
    color: #800; }

.spreadsheet_fields_form .field label, .spreadsheet_fields_form .field select, .spreadsheet_fields_form .field input {
  display: inline-block;
  font-weight: normal;
  width: auto; }
.spreadsheet_fields_form .field select, .spreadsheet_fields_form .field input {
  border: 1px solid #006;
    border-radius: 3px; }

.spreadsheet_legend span {
  display: inline-block;
  width: 30px;
  height: 1em; }
.spreadsheet_legend .ignore {
  background: #999; }
.spreadsheet_legend .find {
  background: #9cf; }
.spreadsheet_legend .assign {
  background: #fda; }

.spreadsheet_preview {
  border: 1px solid #006; }
  .spreadsheet_preview th {
    background: #ccc;
    padding: 3px 7px; }
    .spreadsheet_preview th.row_heading {
      text-align: right; }
  .spreadsheet_preview td {
    padding: 3px 7px;
    border: 1px solid #aaa; }
  .spreadsheet_preview .ignore {
    background: #999; }
  .spreadsheet_preview .find {
    background: #9cf; }
  .spreadsheet_preview .assign {
    background: #fda; }

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