.td-settings-spinner,
.td-settings-spinner:after {
  border-radius: 50%;
  width: 5em;
  height: 5em; }

.td-settings-spinner {
  margin: 30px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border: 1.1em solid rgba(203, 56, 132, 0.2);
  border-left-color: #CB3884;
  transform: translateZ(0);
  -webkit-animation: spin 0.75s infinite linear;
          animation: spin 0.75s infinite linear; }

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.td-group-desc-tooltip {
  display: inline-block;
  margin: 1em;
  vertical-align: bottom; }
  .td-group-desc-tooltip .can-ui-tool-tip__help-text {
    z-index: 50; }

.td-scalable-preview {
  width: 100%;
  height: 100%;
  position: relative; }
  .td-scalable-preview .td-scalable-preview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: white;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center; }
    .td-scalable-preview .td-scalable-preview-overlay .td-settings-spinner {
      opacity: 1; }
  .td-scalable-preview .td-scalable-preview-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow-y: auto;
    overflow-x: hidden; }
    .td-scalable-preview .td-scalable-preview-container .td-scalable-preview-content-wrapper {
      position: relative; }
      .td-scalable-preview .td-scalable-preview-container .td-scalable-preview-content-wrapper.centered {
        display: flex;
        justify-content: center; }
      .td-scalable-preview .td-scalable-preview-container .td-scalable-preview-content-wrapper .td-scalable-preview-content {
        position: relative;
        transform-origin: top left; }

.td-template-preview {
  min-height: 100px; }
  .td-template-preview:hover {
    cursor: zoom-in; }
  .td-template-preview a {
    pointer-events: none; }
  .td-template-preview .can-ui-pop-up .can-ui-pop-up__inner {
    top: auto; }

.td-template-preview-popup {
  max-height: 50em; }
  .td-template-preview-popup a {
    pointer-events: none; }

@media only screen and (max-width: 1700px) {
  .td-template-preview-popup {
    max-height: 35em; } }

.td-list-entry-wrapper {
  width: 100% !important; }
  .td-list-entry-wrapper .td-list-entry-index {
    position: absolute;
    left: -1px;
    top: -1px;
    width: 15px;
    text-align: center;
    color: white; }
  .td-list-entry-wrapper .td-list-entry-header > * {
    font-weight: bold; }
  .td-list-entry-wrapper .td-list-entry-data .td-list-entry-data-field-value {
    overflow-wrap: break-word; }
  .td-list-entry-wrapper .td-list-entry-sublist-entry {
    border: 1px solid #CB3884;
    border-radius: 0 15px 15px 0;
    padding: 10px;
    padding-left: 20px;
    box-shadow: 0 4px 12px rgba(199, 204, 211, 0.5);
    width: 100%;
    margin: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap; }
    .td-list-entry-wrapper .td-list-entry-sublist-entry .td-list-entry-index {
      position: absolute;
      left: -1px;
      top: -1px;
      width: 15px;
      height: calc(100% + 2px);
      text-align: center;
      background-color: rgba(203, 56, 132, 0.5);
      color: white; }
  .td-list-entry-wrapper .td-list-entry-expand-text {
    color: #CB3884;
    text-decoration: underline;
    cursor: pointer; }
    .td-list-entry-wrapper .td-list-entry-expand-text:hover {
      text-decoration: none;
      opacity: 0.5; }
  .td-list-entry-wrapper .td-list-entry-no-data-text {
    opacity: 0.5; }
  .td-list-entry-wrapper .td-list-entry-rule {
    width: 100%; }
  .td-list-entry-wrapper .td-list-entry-actions {
    position: absolute;
    right: 5px; }
    .td-list-entry-wrapper .td-list-entry-actions .can-ui-button {
      margin: unset; }
      .td-list-entry-wrapper .td-list-entry-actions .can-ui-button.can-ui-button--edit {
        margin-right: 1em; }
      .td-list-entry-wrapper .td-list-entry-actions .can-ui-button.can-ui-button--delete {
        vertical-align: super; }

.td-list-manager-pop-up-buttons {
  text-align: center;
  top: -2%;
  position: relative; }
  .td-list-manager-pop-up-buttons .can-ui-button {
    margin: unset;
    margin-right: 1em; }

.reorderable-list {
  position: relative;
  width: 100%; }
  .reorderable-list.dragged {
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none; }
  .reorderable-list .reorderable-item {
    border: 1px solid #cb3884;
    border-radius: 0 15px 15px 0;
    padding: 10px;
    padding-left: 20px;
    box-shadow: 0 4px 12px rgba(199, 204, 211, 0.5);
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px; }
    .reorderable-list .reorderable-item.dragged {
      background-color: white;
      opacity: 0.3; }
    .reorderable-list .reorderable-item .reorderable-item-handle {
      position: absolute;
      left: 0;
      top: -1px;
      width: 15px;
      height: calc(100% + 2px);
      text-align: center;
      background-color: rgba(203, 56, 132, 0.3);
      color: white;
      cursor: move; }
  .reorderable-list .reorderable-item-placeholder {
    display: none; }
    .reorderable-list .reorderable-item-placeholder.dragged {
      display: block;
      border: 1px solid #cb3884;
      border-radius: 0 15px 15px 0;
      box-shadow: 0 4px 12px rgba(199, 204, 211, 0.5);
      margin: 10px;
      pointer-events: none; }

.td-field-header {
  font-weight: bold;
  font-size: 20px;
  padding: 0.5em; }
  .td-field-header + * {
    margin-left: 0.5em; }

.td-field-type-name {
  padding-left: 0.5em;
  font-size: small;
  font-weight: normal; }

.td-field-data-model-popup {
  height: calc(100% - 30px);
  overflow-x: hidden; }
  .td-field-data-model-popup .can-ui-pop-up--layered .can-ui-pop-up__inner {
    top: 5%;
    height: 95%; }
    .td-field-data-model-popup .can-ui-pop-up--layered .can-ui-pop-up__inner .td-field-data-model-popup {
      height: calc(95% - 30px); }

.td-field-data-model-index {
  text-align: right;
  font-size: x-large; }

.td-field-data-display {
  padding: 0 1em 1em; }
  .td-field-data-display .can-ui-text-area > textarea {
    width: 100%; }
  .td-field-data-display .can-ui-button {
    align-self: flex-end;
    margin-top: 1em; }
  .td-field-data-display .td-field-data-page-selector {
    display: flex;
    align-items: center;
    flex-wrap: wrap; }
    .td-field-data-display .td-field-data-page-selector .td-field-data-page-selector-text {
      margin: 10px; }
    .td-field-data-display .td-field-data-page-selector .td-field-data-page-selector-input {
      flex: 1 0 100%; }

.td-field-data-list, .td-field-data-asset-manager {
  width: 100%; }

.td-field-data-asset-manager-image {
  background-size: 100% 100%;
  height: 15em;
  width: 100%;
  max-width: 30em;
  border: 2px solid #C7CCD3;
  border-radius: 1rem; }

.td-live-preview {
  position: relative;
  overflow: hidden; }
  .td-live-preview .td-live-preview-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.7;
    background-color: white;
    z-index: 90;
    display: flex;
    align-items: center;
    justify-content: center; }
    .td-live-preview .td-live-preview-overlay .td-settings-spinner {
      opacity: 1; }
  .td-live-preview .td-live-preview-container {
    position: relative;
    width: 100vw;
    height: 100vh;
    transform-origin: top left; }
  .td-live-preview .can-ui-pop-up .can-ui-pop-up__inner {
    top: auto; }

.td-live-preview-controls {
  width: 100%; }
  .td-live-preview-controls .can-ui-button {
    border: none;
    padding: 5px;
    float: right;
    background: #FFFFFF;
    box-shadow: none; }
    .td-live-preview-controls .can-ui-button:hover {
      background: #FFFFFF; }
    .td-live-preview-controls .can-ui-button > .can-ui-button__icon {
      margin: 0 auto; }

.td-admin-settings .td-admin-settings-example {
  padding: 0.5em; }
  .td-admin-settings .td-admin-settings-example .td-admin-settings-option-title {
    font-weight: bold;
    font-size: 20px;
    padding: 0.5em; }
    .td-admin-settings .td-admin-settings-example .td-admin-settings-option-title + * {
      margin-left: 0.5em; }

.td-admin-settings .td-admin-settings-controls {
  padding: 0.5em; }

body {
  --app-z-index: 10000000; }
  body #StencilDisplaySettingsApp {
    position: fixed;
    z-index: var(--app-z-index);
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    /* Scrollbar */
    /* width */
    /* Track */
    /* Handle */
    /* Handle on hover */ }
    body #StencilDisplaySettingsApp .can-ui-admin-panel {
      height: 100%;
      width: 100%; }
      body #StencilDisplaySettingsApp .can-ui-admin-panel > div:last-child {
        overflow-y: scroll;
        height: 100%; }
      @media only screen and (max-height: 761px) {
        body #StencilDisplaySettingsApp .can-ui-admin-panel .can-ui-side-panel__menu {
          margin-top: 30px; } }
      body #StencilDisplaySettingsApp .can-ui-admin-panel .can-ui-side-panel__footer {
        margin-top: 0; }
      body #StencilDisplaySettingsApp .can-ui-admin-panel .can-ui-side-panel__logo {
        background-size: contain;
        margin: 30px auto 0;
        display: block;
        width: 180px;
        height: 135px; }
      body #StencilDisplaySettingsApp .can-ui-admin-panel .can-ui-button--x {
        height: 29px; }
      body #StencilDisplaySettingsApp .can-ui-admin-panel .field-data-tiles {
        display: flex;
        position: relative; }
        body #StencilDisplaySettingsApp .can-ui-admin-panel .field-data-tiles .field-data-model-tiles {
          flex-basis: 50%;
          width: 50%; }
        body #StencilDisplaySettingsApp .can-ui-admin-panel .field-data-tiles .field-data-preview-tile {
          overflow: hidden;
          flex-basis: 50%;
          width: 50%; }
    body #StencilDisplaySettingsApp .can-ui-admin-panel .dnn-asset-manager {
      width: 100%; }
      body #StencilDisplaySettingsApp .can-ui-admin-panel .dnn-asset-manager > * {
        width: 100%; }
    body #StencilDisplaySettingsApp .can-ui-pop-up .can-ui-pop-up__inner {
      height: 100%;
      top: auto; }
      body #StencilDisplaySettingsApp .can-ui-pop-up .can-ui-pop-up__inner div.can-ui-pop-up__body {
        height: calc(100% - 80px); }
    body #StencilDisplaySettingsApp .can-ui-pop-up.can-ui-pop-up--confirmation .can-ui-pop-up__inner, body #StencilDisplaySettingsApp .can-ui-pop-up.can-ui-pop-up--asset-manager .can-ui-pop-up__inner {
      height: auto;
      top: 10%; }
    body #StencilDisplaySettingsApp .td-settings-popup-message {
      text-align: center; }
    body #StencilDisplaySettingsApp .can-ui-pop-up--hide-x > .can-ui-pop-up__inner > .can-ui-pop-up__header > .can-ui-pop-up__button-wrapper > .can-ui-button--x {
      display: none; }
    body #StencilDisplaySettingsApp .can-ui-drop-down__list .can-ui-text-field > input {
      width: 80%;
      margin: 0 1em; }
    body #StencilDisplaySettingsApp .can-ui-message {
      margin: 35px;
      width: auto; }
    body #StencilDisplaySettingsApp .redactor-toolbar {
      z-index: 0; }
    body #StencilDisplaySettingsApp .can-ui-button--template-settings-button {
      margin: 1em 35px auto; }
    body #StencilDisplaySettingsApp .can-ui-button--template-settings-save-button {
      margin: 1em 35px; }
    body #StencilDisplaySettingsApp [type=button]:disabled {
      opacity: 0.4;
      cursor: not-allowed; }
    body #StencilDisplaySettingsApp ::-webkit-scrollbar {
      width: 15px; }
    body #StencilDisplaySettingsApp ::-webkit-scrollbar-track {
      box-shadow: inset 0 0 5px grey;
      border-radius: 5px; }
    body #StencilDisplaySettingsApp ::-webkit-scrollbar-thumb {
      background: rgba(203, 56, 132, 0.75);
      border-radius: 5px; }
    body #StencilDisplaySettingsApp ::-webkit-scrollbar-thumb:hover {
      background: #CB3884; }
  body #redactor-modal, body .redactor-dropdown {
    z-index: calc(var(--app-z-index) + 1); }


/*# sourceMappingURL=Settings.bundle.css.map*/