/*

  WARNING:  This file is compiled from `themes/admin/shared_components`.
            Do not edit this file in `views/stylesheets`.  

  Shared components should only contain code that
  is for admin functionality in edit mode. Code that
  only runs in the admin control panel should be
  included in the admin theme element or layout packages.

*/
.sn-action-bar {
  margin: 12px 0; }
  .sn-action-bar > ul {
    list-style: none;
    display: table; }
    .sn-action-bar > ul > li {
      display: table-cell;
      vertical-align: middle;
      padding: 0 12px 0 0; }
      .sn-action-bar > ul > li:last-child {
        padding-right: 0; }

.sn-button {
  color: #67767f;
  display: inline-block;
  box-sizing: border-box;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: inherit; }
  .sn-button:not(.minimal) {
    cursor: pointer;
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZjNmNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f1f3f4));
    background: -moz-linear-gradient(#ffffff, #f1f3f4);
    background: -webkit-linear-gradient(#ffffff, #f1f3f4);
    background: linear-gradient(#ffffff, #f1f3f4);
    border: 1px solid #b9c1c6;
    padding: 0 12px;
    line-height: 30px;
    border-radius: 4px; }
    .sn-button:not(.minimal):hover {
      background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YxZjNmNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f1f3f4), color-stop(100%, #ffffff));
      background: -moz-linear-gradient(#f1f3f4, #ffffff);
      background: -webkit-linear-gradient(#f1f3f4, #ffffff);
      background: linear-gradient(#f1f3f4, #ffffff);
      border-color: #808f98; }
    .sn-button:not(.minimal):disabled, .sn-button:not(.minimal).disabled {
      cursor: default;
      color: #d5dadd;
      background: #ffffff;
      border-color: #d5dadd; }
  .sn-button.minimal:disabled, .sn-button.minimal.disabled {
    cursor: default;
    color: #d5dadd; }
  .sn-button.small {
    font-size: 10px;
    padding: 0 8px;
    line-height: 24px; }

.sn-list-grid {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .sn-list-grid > h1 {
    color: #23282b;
    font-size: 16px;
    font-weight: 300;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #d5dadd;
    margin-bottom: 10px; }

.sn-list-grid-items {
  position: relative;
  list-style: none;
  margin: 12px 0; }

.sn-list-grid-item {
  font-weight: 300;
  position: relative;
  color: #394146;
  padding: 6px;
  margin: 6px 0;
  border: 1px solid #d5dadd;
  border-radius: 2px;
  background-color: #FFF; }
  .sn-list-grid-item.draggable {
    cursor: pointer;
    padding-left: 16px; }
    .sn-list-grid-item.draggable:before {
      font: normal normal normal 14px FontAwesome;
      content: "\f142";
      position: absolute;
      top: 50%;
      left: 6px;
      line-height: 24px;
      margin-top: -12px;
      color: #b9c1c6; }
    .sn-list-grid-item.draggable.align-top:before {
      top: 6px;
      margin-top: 0; }
    .sn-list-grid-item.draggable:hover {
      border-color: #808f98; }
    .sn-list-grid-item.draggable.dragging {
      border-color: #808f98;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); }
    .sn-list-grid-item.draggable.selected, .sn-list-grid-item.draggable.selected:hover {
      color: #FFF;
      border-color: #1997c8;
      background-color: #1997c8; }
    .sn-list-grid-item.draggable.disabled {
      color: #d5dadd;
      border-color: #d5dadd;
      background-color: #FFF; }

.sn-edit-media-slide {
  display: table;
  table-layout: fixed;
  width: 100%; }

.sn-edit-media-slide-preview {
  width: 100px;
  display: table-cell;
  vertical-align: top;
  text-align: center; }
  .sn-edit-media-slide-preview label {
    margin: 6px 0;
    display: block; }
  .sn-edit-media-slide-preview input {
    position: absolute;
    left: -9999in; }
  .sn-edit-media-slide-preview .media-slide-preview {
    box-sizing: content-box;
    cursor: pointer;
    border: 1px solid #D5DADD;
    background: #f1f3f4;
    display: block;
    margin-bottom: 6px;
    position: relative; }
    .sn-edit-media-slide-preview .media-slide-preview > img {
      display: block;
      max-width: 100px;
      max-height: 80px;
      margin: auto;
      height: auto;
      width: auto; }
    .sn-edit-media-slide-preview .media-slide-preview > canvas {
      display: block; }
    .sn-edit-media-slide-preview .media-slide-preview:empty {
      display: block;
      padding-top: 75%;
      height: 0;
      width: 100%; }
      .sn-edit-media-slide-preview .media-slide-preview:empty:before {
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 3em;
        content: "\f030";
        color: #d5dadd;
        width: 2em;
        height: 2em;
        line-height: 2em;
        display: block;
        text-align: center;
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -1em; }

.sn-edit-media-slide-form {
  display: table-cell;
  vertical-align: top;
  padding: 0; }
  .sn-edit-media-slide-form .sn-row {
    margin: 6px 0; }
    .sn-edit-media-slide-form .sn-row + .sn-row {
      margin-top: 12px; }

.sn-delete-media-slide {
  display: table-cell;
  vertical-align: top;
  width: 12px; }
  .sn-delete-media-slide a {
    color: #9da8af;
    text-decoration: none; }

#templateContent * {
  box-sizing: border-box; }

#templateContent .dateImage .date {
  font-size: 36px; }