/* Overrides to DRR bootsrtap styles */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/* Overrides to DRR bootsrtap styles */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/*
 * DRR-Bootstrap
 * Source: https://github.com/NYPL/drr-bootstrap
 * Author: NYPL Labs
 * Description: Base front-end framework for NYPL Digital Reading Room (DRR) Sites to extend.
 */
/* line 13, app/assets/stylesheets/guides.scss */
[draggable=true] {
  -khtml-user-drag: element;
}

/* line 17, app/assets/stylesheets/guides.scss */
.glyph {
  font-family: "Icomoon";
}

/* line 23, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-new, .guides-edit .guides-create-new {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

/* line 30, app/assets/stylesheets/guides.scss */
.guides-create .glyph, .guides-edit .glyph {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 32px;
  color: rgba(0, 0, 0, 0.25);
}

/* line 37, app/assets/stylesheets/guides.scss */
.guides-create .header, .guides-edit .header {
  text-align: center;
}

/* line 41, app/assets/stylesheets/guides.scss */
.guides-create .group-item, .guides-edit .group-item {
  padding: 20px 0 20px 0;
}

/* line 45, app/assets/stylesheets/guides.scss */
.guides-create .group-items, .guides-edit .group-items {
  min-height: 292px;
  max-height: 292px;
  background-color: #fcfcfc;
  width: 95%;
  margin-left: 5%;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #d0cdc8;
}

/* line 61, app/assets/stylesheets/guides.scss */
.guides-create .guides-group-item-highlight, .guides-edit .guides-group-item-highlight {
  background-color: #99C8E0 !important;
}

/* line 66, app/assets/stylesheets/guides.scss */
.guides-create .group-import-dropdown, .guides-edit .group-import-dropdown {
  position: absolute;
  right: 20px;
  top: -15px;
}

/* line 72, app/assets/stylesheets/guides.scss */
.guides-create .group-button-item-cancel, .guides-edit .group-button-item-cancel {
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
}

/* line 80, app/assets/stylesheets/guides.scss */
.guides-create .group-button-item-save:hover, .guides-create .group-button-item-cancel:hover, .guides-create .group-button-up:hover, .guides-create .group-button-down:hover, .guides-create .group-button-edit:hover, .guides-edit .group-button-item-save:hover, .guides-edit .group-button-item-cancel:hover, .guides-edit .group-button-up:hover, .guides-edit .group-button-down:hover, .guides-edit .group-button-edit:hover {
  color: #0171A1;
}

/* line 84, app/assets/stylesheets/guides.scss */
.guides-create .group-button-item-delete:hover, .guides-create .group-button-delete:hover, .guides-edit .group-button-item-delete:hover, .guides-edit .group-button-delete:hover {
  color: #AF2228;
}

/* line 89, app/assets/stylesheets/guides.scss */
.guides-create .group-item-description-holder, .guides-edit .group-item-description-holder {
  position: relative;
  display: none;
}

/* line 92, app/assets/stylesheets/guides.scss */
.guides-create .group-item-description-holder h5, .guides-edit .group-item-description-holder h5 {
  margin-top: 16px;
}

/* line 97, app/assets/stylesheets/guides.scss */
.guides-create .group-item-title, .guides-edit .group-item-title {
  width: 95%;
}

/* line 103, app/assets/stylesheets/guides.scss */
.guides-create .guides-no-items-in-stash, .guides-create .guides-no-items-in-mysticpad, .guides-edit .guides-no-items-in-stash, .guides-edit .guides-no-items-in-mysticpad {
  font-size: 1.25em;
  text-align: center;
  padding: 160px 0 0 0;
  line-height: 1.5em;
  color: #cfc9c9;
  -webkit-background-clip: text;
  -moz-background-clip: content-box;
  background-clip: text;
  color: #666666;
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(transparent, transparent), #666666;
  background: -o-linear-gradient(transparent, transparent);
  -webkit-background-clip: text;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 3px 3px;
}

/* line 126, app/assets/stylesheets/guides.scss */
.guides-create .guides-no-items-in-mysticpad, .guides-edit .guides-no-items-in-mysticpad {
  text-shadow: rgba(255, 255, 255, 0.3) 0px 3px 3px;
}

/* line 133, app/assets/stylesheets/guides.scss */
.guides-create .group-button-icon, .guides-edit .group-button-icon {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.25);
  padding: 5px 10px 5px 10px;
  margin-top: 5px;
}

/* line 143, app/assets/stylesheets/guides.scss */
.guides-create .group-pad-item::after, .guides-edit .group-pad-item::after {
  content: "r";
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 27px;
  color: #fcfcfc;
  float: right;
}

/* line 152, app/assets/stylesheets/guides.scss */
.guides-create .group-pad-item-has-description::before, .guides-edit .group-pad-item-has-description::before {
  content: "4";
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 12px;
  color: #AF2228;
  float: left;
}

/* line 161, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-item-seq-control-holder:hover .mystic-pad-item-seq-control, .guides-edit .mystic-pad-item-seq-control-holder:hover .mystic-pad-item-seq-control {
  display: block;
}

/* line 165, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-item-seq-control, .guides-edit .mystic-pad-item-seq-control {
  padding: 0 5px 0 5px;
}

/* line 169, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-item-buttons, .guides-edit .mystic-pad-item-buttons {
  font-size: 10px;
  padding: 4px 10px 4px 10px;
  margin: 0;
  height: 100%;
}

/* line 176, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-item-seq-control, .guides-edit .mystic-pad-item-seq-control {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: none;
}

/* line 185, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-action-edit-go, .guides-create .mystic-pad-action-edit-cancel, .guides-edit .mystic-pad-action-edit-go, .guides-edit .mystic-pad-action-edit-cancel {
  display: none;
}

/* line 189, app/assets/stylesheets/guides.scss */
.guides-create .group-right-controls, .guides-edit .group-right-controls {
  width: 96%;
}

/* line 191, app/assets/stylesheets/guides.scss */
.guides-create .group-right-controls button, .guides-edit .group-right-controls button {
  padding: 5px 10px 5px 10px;
}

/* line 197, app/assets/stylesheets/guides.scss */
.guides-create .group-left-controls, .guides-edit .group-left-controls {
  text-align: center;
}

/* line 199, app/assets/stylesheets/guides.scss */
.guides-create .group-left-controls button, .guides-edit .group-left-controls button {
  margin-top: 2px;
}

/* line 204, app/assets/stylesheets/guides.scss */
.guides-create .group-epic, .guides-edit .group-epic {
  min-height: 200px;
  max-height: 200px;
  background-color: blue;
  width: 95%;
  padding: 3px;
  border: 1px solid #d0cdc8;
}

/* line 213, app/assets/stylesheets/guides.scss */
.guides-create .group-epic-holder, .guides-edit .group-epic-holder {
  width: 96%;
  min-height: 250px;
  max-height: 250px;
  border: 1px solid #d0cdc8;
  overflow: hidden;
}

/* line 221, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-glyph-holder, .guides-edit .guides-create-glyph-holder {
  text-align: center;
  padding-top: 12px;
  font-size: 28px;
}

/* line 226, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-content-line-holder, .guides-edit .guides-create-content-line-holder {
  padding-top: 12px;
}

/* line 229, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-content-line-holder select, .guides-edit .guides-create-content-line-holder select {
  margin: 5px;
  width: auto;
}

/* line 235, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-large-text, .guides-edit .guides-create-large-text {
  font-size: 17.5px;
}

/* line 239, app/assets/stylesheets/guides.scss */
.guides-create .help-link, .guides-edit .help-link {
  font-size: 12px;
  line-height: 12px;
}

/* line 248, app/assets/stylesheets/guides.scss */
.guides-create .guides-delete, .guides-edit .guides-delete {
  color: #3F3A34;
  padding-left: 9px;
  padding-right: 9px;
}

/* line 255, app/assets/stylesheets/guides.scss */
.guides-create .guides-delete:hover, .guides-edit .guides-delete:hover {
  color: red;
}

/* line 259, app/assets/stylesheets/guides.scss */
.guides-create #guide-publish, .guides-edit #guide-publish {
  margin-left: auto;
  margin-right: auto;
  min-width: 125px;
  display: block;
  border-radius: 25px;
}

/* line 266, app/assets/stylesheets/guides.scss */
.guides-create .guide-publish-radio, .guides-edit .guide-publish-radio {
  min-width: 100px;
}

/* line 269, app/assets/stylesheets/guides.scss */
.guides-create .guide-publish-radio .active, .guides-edit .guide-publish-radio .active {
  font-weight: bold;
}

/* line 274, app/assets/stylesheets/guides.scss */
.guides-create .guide-publish-preview-link-holder, .guides-edit .guide-publish-preview-link-holder {
  display: none;
}

/* line 277, app/assets/stylesheets/guides.scss */
.guides-create .guide-publish-preview-link, .guides-edit .guide-publish-preview-link {
  text-align: center;
  margin-top: 20px;
}

/* line 281, app/assets/stylesheets/guides.scss */
.guides-create .guide-publish-preview-link input, .guides-edit .guide-publish-preview-link input {
  width: 100%;
}

/* line 287, app/assets/stylesheets/guides.scss */
.guides-create input[class=input-large], .guides-edit input[class=input-large] {
  width: 500px;
  height: 30px;
  margin-bottom: 2px;
  line-height: 25px;
  padding: 5px 5px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

/* line 298, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-url, .guides-edit #guides-create-url {
  width: 250px;
  background-color: whitesmoke;
}

/* line 304, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-remove-name, .guides-edit .guides-create-remove-name {
  cursor: pointer;
  margin-right: 5px;
}

/* line 309, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-author, .guides-edit .guides-create-author {
  margin-left: 5px;
  margin-right: 5px;
}

/* line 313, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-authors, .guides-edit .guides-create-authors {
  margin-left: 10px;
}

/* line 317, app/assets/stylesheets/guides.scss */
.guides-create .epicholder, .guides-edit .epicholder {
  min-height: 250px;
}

/* line 321, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-search, .guides-edit .guides-create-search {
  position: relative;
}

/* line 325, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-search #guides-create-add-components, .guides-edit .guides-create-search #guides-create-add-components {
  height: 40px;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  position: relative;
  top: 10px;
}

/* line 341, app/assets/stylesheets/guides.scss */
.guides-create .twitter-typeahead, .guides-edit .twitter-typeahead {
  width: 85%;
}

/* line 344, app/assets/stylesheets/guides.scss */
.guides-create .tt-query, .guides-edit .tt-query {
  width: 97%;
  height: 30px;
  margin-bottom: 2px;
  line-height: 25px;
  padding: 5px 5px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: white;
}

/* line 356, app/assets/stylesheets/guides.scss */
.guides-create .tt-hint, .guides-edit .tt-hint {
  display: none;
}

/* line 360, app/assets/stylesheets/guides.scss */
.guides-create .tt-dropdown-menu, .guides-edit .tt-dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: white;
  padding: 0 10px 10px 10px;
  border: 1px solid grey;
}

/* line 371, app/assets/stylesheets/guides.scss */
.guides-create .tt-glyph, .guides-edit .tt-glyph {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.25);
  padding-left: 3px;
  padding-right: 3px;
}

/* line 380, app/assets/stylesheets/guides.scss */
.guides-create .tt-is-under-cursor, .guides-edit .tt-is-under-cursor {
  background-color: #99C8E0;
  cursor: move !important;
}

/* line 385, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-stash-collection, .guides-edit .guides-create-stash-collection {
  padding-top: 10px;
}

/* line 389, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-stash-collection-handel:hover, .guides-create .guides-create-stash-file:hover, .guides-edit .guides-create-stash-collection-handel:hover, .guides-edit .guides-create-stash-file:hover {
  background-color: #99C8E0 !important;
  cursor: move;
  color: black;
}

/* line 395, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-stash-collection-handel:hover .tt-glyph, .guides-create .guides-create-stash-file:hover .tt-glyph, .guides-edit .guides-create-stash-collection-handel:hover .tt-glyph, .guides-edit .guides-create-stash-file:hover .tt-glyph {
  color: black !important;
  cursor: move;
}

/* line 401, app/assets/stylesheets/guides.scss */
.guides-create .guides-create-stash-file, .guides-edit .guides-create-stash-file {
  padding-left: 20px;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

/* line 414, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad, .guides-edit .mystic-pad {
  height: 100%;
  min-height: 100%;
  /*background-color: rgba(255,255,204,0.5);*/
  background-color: #FEC172;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 5px;
  -webkit-transition: background 0.25s ease;
  -moz-transition: background 0.25s ease;
  -ms-transition: background 0.25s ease;
  -o-transition: background 0.25s ease;
  transition: background 0.25s ease;
}

/* line 430, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad .mystic-pad-item:hover, .guides-edit .mystic-pad .mystic-pad-item:hover {
  background-color: #99C8E0;
}

/* line 435, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad .mystic-pad-item, .guides-edit .mystic-pad .mystic-pad-item {
  cursor: move;
  position: relative;
}

/* line 441, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-action, .guides-edit .mystic-pad-action {
  text-align: center;
  position: relative;
  border-top: solid 5px whitesmoke;
  padding: 14px 10px 10px 0;
}

/* line 450, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-action select, .guides-edit .mystic-pad-action select {
  font-size: 16px;
  height: auto;
  width: 80%;
  max-width: 80%;
}

/* line 458, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-title, .guides-edit .mystic-pad-title {
  text-align: center;
  margin-top: 5px;
  color: rgba(0, 0, 0, 0.25);
}

/* line 465, app/assets/stylesheets/guides.scss */
.guides-create .trashcan::before, .guides-edit .trashcan::before {
  content: "t";
}

/* line 469, app/assets/stylesheets/guides.scss */
.guides-create .trashcan, .guides-edit .trashcan {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  background-color: whitesmoke;
  font-size: 43px;
  line-height: 52px;
  padding-right: 10px;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #333333;
  z-index: 10000;
  text-align: center;
  line-height: 100px;
  border-top: solid 4px #333333;
  display: none;
}

/* line 494, app/assets/stylesheets/guides.scss */
.guides-create .trashcan span, .guides-edit .trashcan span {
  font-family: sans-serif;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-1, .guides-create .group-pad-indent-1, .guides-edit .mystic-pad-indent-1, .guides-edit .group-pad-indent-1 {
  white-space: nowrap;
  padding-left: 6%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-2, .guides-create .group-pad-indent-2, .guides-edit .mystic-pad-indent-2, .guides-edit .group-pad-indent-2 {
  white-space: nowrap;
  padding-left: 8%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-3, .guides-create .group-pad-indent-3, .guides-edit .mystic-pad-indent-3, .guides-edit .group-pad-indent-3 {
  white-space: nowrap;
  padding-left: 10%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-4, .guides-create .group-pad-indent-4, .guides-edit .mystic-pad-indent-4, .guides-edit .group-pad-indent-4 {
  white-space: nowrap;
  padding-left: 12%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-5, .guides-create .group-pad-indent-5, .guides-edit .mystic-pad-indent-5, .guides-edit .group-pad-indent-5 {
  white-space: nowrap;
  padding-left: 14%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-6, .guides-create .group-pad-indent-6, .guides-edit .mystic-pad-indent-6, .guides-edit .group-pad-indent-6 {
  white-space: nowrap;
  padding-left: 16%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-7, .guides-create .group-pad-indent-7, .guides-edit .mystic-pad-indent-7, .guides-edit .group-pad-indent-7 {
  white-space: nowrap;
  padding-left: 18%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-8, .guides-create .group-pad-indent-8, .guides-edit .mystic-pad-indent-8, .guides-edit .group-pad-indent-8 {
  white-space: nowrap;
  padding-left: 20%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-9, .guides-create .group-pad-indent-9, .guides-edit .mystic-pad-indent-9, .guides-edit .group-pad-indent-9 {
  white-space: nowrap;
  padding-left: 22%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-10, .guides-create .group-pad-indent-10, .guides-edit .mystic-pad-indent-10, .guides-edit .group-pad-indent-10 {
  white-space: nowrap;
  padding-left: 24%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-11, .guides-create .group-pad-indent-11, .guides-edit .mystic-pad-indent-11, .guides-edit .group-pad-indent-11 {
  white-space: nowrap;
  padding-left: 26%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-12, .guides-create .group-pad-indent-12, .guides-edit .mystic-pad-indent-12, .guides-edit .group-pad-indent-12 {
  white-space: nowrap;
  padding-left: 28%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-13, .guides-create .group-pad-indent-13, .guides-edit .mystic-pad-indent-13, .guides-edit .group-pad-indent-13 {
  white-space: nowrap;
  padding-left: 30%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-14, .guides-create .group-pad-indent-14, .guides-edit .mystic-pad-indent-14, .guides-edit .group-pad-indent-14 {
  white-space: nowrap;
  padding-left: 32%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-15, .guides-create .group-pad-indent-15, .guides-edit .mystic-pad-indent-15, .guides-edit .group-pad-indent-15 {
  white-space: nowrap;
  padding-left: 34%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-16, .guides-create .group-pad-indent-16, .guides-edit .mystic-pad-indent-16, .guides-edit .group-pad-indent-16 {
  white-space: nowrap;
  padding-left: 36%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-17, .guides-create .group-pad-indent-17, .guides-edit .mystic-pad-indent-17, .guides-edit .group-pad-indent-17 {
  white-space: nowrap;
  padding-left: 38%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-18, .guides-create .group-pad-indent-18, .guides-edit .mystic-pad-indent-18, .guides-edit .group-pad-indent-18 {
  white-space: nowrap;
  padding-left: 40%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-19, .guides-create .group-pad-indent-19, .guides-edit .mystic-pad-indent-19, .guides-edit .group-pad-indent-19 {
  white-space: nowrap;
  padding-left: 42%;
}

/* line 502, app/assets/stylesheets/guides.scss */
.guides-create .mystic-pad-indent-20, .guides-create .group-pad-indent-20, .guides-edit .mystic-pad-indent-20, .guides-edit .group-pad-indent-20 {
  white-space: nowrap;
  padding-left: 44%;
}

/* line 512, app/assets/stylesheets/guides.scss */
.guides-create .col, .guides-edit .col {
  margin-bottom: -99999px;
  padding-bottom: 99999px;
  min-height: 500px;
}

/* line 518, app/assets/stylesheets/guides.scss */
.guides-create .col-wrap, .guides-edit .col-wrap {
  overflow: hidden;
}

/* line 522, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-stash-collection-holder, .guides-edit #guides-create-stash-collection-holder {
  max-height: 535px;
  overflow-y: scroll;
}

/* line 528, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder, .guides-edit #guides-create-add-components-holder {
  height: 0;
  width: 0;
  overflow: hidden;
  -webkit-transition: height 0.45s ease-in-out;
  -moz-transition: height 0.45s ease-in-out;
  -ms-transition: height 0.45s ease-in-out;
  -o-transition: height 0.45s ease-in-out;
  transition: height 0.45s ease-in-out;
}

/* line 539, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .span11, .guides-edit #guides-create-add-components-holder .span11 {
  height: 100%;
}

/* line 544, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder #guides-create-component-list, .guides-edit #guides-create-add-components-holder #guides-create-component-list {
  margin-top: 5px;
  height: 91%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.05);
  overflow-y: scroll;
  overflow-x: hidden;
}

/* line 553, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder #guides-create-component-list-controls, .guides-edit #guides-create-add-components-holder #guides-create-component-list-controls {
  padding-top: 5px;
}

/* line 555, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder #guides-create-component-list-controls button, .guides-edit #guides-create-add-components-holder #guides-create-component-list-controls button {
  margin-right: 5px;
}

/* line 560, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder a, .guides-edit #guides-create-add-components-holder a {
  color: black;
  text-decoration: none;
}

/* line 565, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder label, .guides-edit #guides-create-add-components-holder label {
  display: inline !important;
}

/* line 570, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row, .guides-edit #guides-create-add-components-holder .guide-create-row {
  position: relative;
  cursor: move;
}

/* line 575, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row:hover, .guides-edit #guides-create-add-components-holder .guide-create-row:hover {
  background-color: #99C8E0 !important;
}

/* line 585, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row:hover .tt-glyph, .guides-edit #guides-create-add-components-holder .guide-create-row:hover .tt-glyph {
  color: black !important;
  cursor: move;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-1, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-1 {
  position: absolute;
  white-space: nowrap;
  left: 17%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-2, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-2 {
  position: absolute;
  white-space: nowrap;
  left: 19%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-3, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-3 {
  position: absolute;
  white-space: nowrap;
  left: 21%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-4, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-4 {
  position: absolute;
  white-space: nowrap;
  left: 23%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-5, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-5 {
  position: absolute;
  white-space: nowrap;
  left: 25%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-6, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-6 {
  position: absolute;
  white-space: nowrap;
  left: 27%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-7, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-7 {
  position: absolute;
  white-space: nowrap;
  left: 29%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-8, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-8 {
  position: absolute;
  white-space: nowrap;
  left: 31%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-9, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-9 {
  position: absolute;
  white-space: nowrap;
  left: 33%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-10, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-10 {
  position: absolute;
  white-space: nowrap;
  left: 35%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-11, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-11 {
  position: absolute;
  white-space: nowrap;
  left: 37%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-12, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-12 {
  position: absolute;
  white-space: nowrap;
  left: 39%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-13, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-13 {
  position: absolute;
  white-space: nowrap;
  left: 41%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-14, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-14 {
  position: absolute;
  white-space: nowrap;
  left: 43%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-15, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-15 {
  position: absolute;
  white-space: nowrap;
  left: 45%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-16, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-16 {
  position: absolute;
  white-space: nowrap;
  left: 47%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-17, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-17 {
  position: absolute;
  white-space: nowrap;
  left: 49%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-18, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-18 {
  position: absolute;
  white-space: nowrap;
  left: 51%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-19, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-19 {
  position: absolute;
  white-space: nowrap;
  left: 53%;
}

/* line 595, app/assets/stylesheets/guides.scss */
.guides-create #guides-create-add-components-holder .guide-create-row-indent-width-20, .guides-edit #guides-create-add-components-holder .guide-create-row-indent-width-20 {
  position: absolute;
  white-space: nowrap;
  left: 55%;
}

/* line 613, app/assets/stylesheets/guides.scss */
.guides-show #footer {
  margin-top: 0px;
}

/* line 618, app/assets/stylesheets/guides.scss */
.main-content.guides-show {
  margin: 0;
  padding: 40px 0 40px 0;
  background-color: #fff;
  background-image: none;
  width: 100%;
  min-height: 600px;
  height: auto;
}

/* line 629, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-show-section {
  margin-top: 50px;
}

/* line 633, app/assets/stylesheets/guides.scss */
.main-content.guides-show .admin-edit-link:hover {
  color: #AF2228;
}

/* line 637, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-featured-icon {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 135px;
  margin-top: 53px;
}

/* line 643, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-featured-list {
  padding-left: 15px;
}

/* line 647, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-your-guides {
  width: 100%;
  min-height: 200px;
  background-color: rgba(254, 193, 114, 0.5);
  border-radius: 10px;
}

/* line 654, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-your-guides {
  padding: 10px;
}

/* line 656, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-your-guides ul {
  margin-left: 20px;
}

/* line 661, app/assets/stylesheets/guides.scss */
.main-content.guides-show .guides-your-guides-create {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
  margin-bottom: 10px;
}

/* line 678, app/assets/stylesheets/guides.scss */
.guides-display .content {
  width: 100%;
  margin: 0;
  padding: 0;
}

/* line 690, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-about {
  display: none;
}

/* line 693, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-about h5 {
  margin: 0;
  text-transform: none;
}

/* line 698, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-about .well {
  margin-bottom: 0;
  background-color: #FEC172;
}

/* line 704, app/assets/stylesheets/guides.scss */
.guides-display .working-with {
  margin: 20px;
}

/* line 707, app/assets/stylesheets/guides.scss */
.guides-display .working-with li {
  margin-left: 15px;
}

/* line 711, app/assets/stylesheets/guides.scss */
.guides-display .working-with-titles {
  font-size: 16px;
}

/* line 715, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-container {
  min-height: 800px;
}

/* line 720, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-header {
  width: 95%;
  padding: 2%;
}

/* line 726, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-logo-holder {
  border-radius: 15px;
  border: 5px solid #71695D;
  height: auto;
  width: 95%;
  padding: 5px;
  text-align: center;
  color: #71695D;
}

/* line 737, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-logo-holder .guide-display-logo {
  font-family: "Icomoon";
  content: "4";
  -webkit-font-smoothing: antialiased;
  font-size: 6em;
  line-height: 1em;
  height: 1em;
}

/* line 750, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-logo-holder .guide-display-logo-text {
  font-size: 2em;
}

/* line 756, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-whats-a-guide {
  text-align: center;
  padding-top: 5px;
}

/* line 764, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview {
  padding-left: 1%;
}

/* line 769, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-title {
  font-size: 28px;
  font-family: "Lato Bold";
  font-weight: normal;
  margin: 5px 0 10px 0;
}

/* line 778, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-text {
  width: 95%;
  font-size: 1.15em;
  line-height: 1.5em;
}

/* line 789, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-compiled {
  color: #514E49;
  font-size: 0.9em;
}

/* line 794, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-details {
  margin-top: 40px;
  width: 95%;
}

/* line 798, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-details ul {
  margin-left: 11%;
  margin-bottom: 20px;
}

/* line 803, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-overview .guide-display-overview-details .guide-display-overview-details-contents-title {
  font-size: 1.25em;
}

/* line 810, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item-alt {
  background-color: #f8f8f8 !important;
}

/* line 814, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item {
  padding: 1%;
  background-color: #fff;
  border-top: 2px solid #E8E4E2;
}

/* line 827, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-title {
  font-size: 20px;
  font-family: "Lato Bold";
  font-weight: normal;
  margin-bottom: 10px;
}

/* line 837, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-text {
  margin-bottom: 50px;
}

/* line 849, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection {
  min-height: 100px;
  margin-bottom: 40px;
}

/* line 858, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-icon {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 40px;
  color: #71695D;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 15px;
}

/* line 868, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-digital {
  color: #0171A1;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 875, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-digital .guide-display-groups-digital-icon {
  font-family: "Icomoon";
  -webkit-font-smoothing: antialiased;
  font-size: 24px;
  text-align: center;
}

/* line 882, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-digital .guide-display-groups-digital-icon-text {
  font-size: 12px;
  white-space: nowrap;
}

/* line 888, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-title {
  font-size: 18px;
  margin-bottom: 5px;
  font-family: "Lato Bold";
  font-weight: normal;
}

/* line 898, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-date, .guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-extent {
  color: #514E49;
  font-size: 0.9em;
}

/* line 903, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-links {
  text-align: center;
}

/* line 906, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-links a {
  margin-top: 5px;
}

/* line 914, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-collection-has-components {
  font-weight: bold;
  margin: 10px 0 10px 0;
}

/* line 927, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .container-desc {
  margin-top: 10px;
  display: inline-table;
  font-size: 14px !important;
  text-align: center;
  position: relative;
}

/* line 934, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .component-content {
  margin-top: 10px;
  display: inline-table;
}

/* line 938, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .component-content:hover {
  background-color: #99C8E0;
}

/* line 942, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .guide-display-groups-components-text {
  font-style: oblique;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-1 {
  width: 6%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-1 {
  width: 93%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-2 {
  width: 11%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-2 {
  width: 88%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-3 {
  width: 16%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-3 {
  width: 83%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-4 {
  width: 21%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-4 {
  width: 78%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-5 {
  width: 26%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-5 {
  width: 73%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-6 {
  width: 31%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-6 {
  width: 68%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-7 {
  width: 36%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-7 {
  width: 63%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-8 {
  width: 41%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-8 {
  width: 58%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-9 {
  width: 46%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-9 {
  width: 53%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-10 {
  width: 51%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-10 {
  width: 48%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-11 {
  width: 56%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-11 {
  width: 43%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-12 {
  width: 61%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-12 {
  width: 38%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-13 {
  width: 66%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-13 {
  width: 33%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-14 {
  width: 71%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-14 {
  width: 28%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-15 {
  width: 76%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-15 {
  width: 23%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-16 {
  width: 81%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-16 {
  width: 18%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-17 {
  width: 86%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-17 {
  width: 13%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-18 {
  width: 91%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-18 {
  width: 8%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-19 {
  width: 96%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-19 {
  width: 3%;
}

/* line 947, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .indent-width-20 {
  width: 101%;
}

/* line 954, app/assets/stylesheets/guides.scss */
.guides-display .guide-display-groups-item .guide-display-groups-collection .remainder-width-20 {
  width: -2%;
}