@font-face {
  font-family: 'Icons';
  src: url(/fonts/icons.ttf) format("truetype");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  font-family: 'Icons';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }

.icon-users:before {
  content: "\e600"; }

.icon-user:before {
  content: "\e601"; }

.icon-upload-media:before {
  content: "\e602"; }

.icon-tool-text:before {
  content: "\e603"; }

.icon-tool-select:before {
  content: "\e604"; }

.icon-tool-rectangle:before {
  content: "\e605"; }

.icon-tool-line:before {
  content: "\e606"; }

.icon-tool-dynamic-text:before {
  content: "\e607"; }

.icon-tool-assets:before {
  content: "\e608"; }

.icon-table:before {
  content: "\e609"; }

.icon-table-builder:before {
  content: "\e60a"; }

.icon-house:before {
  content: "\e60b"; }

.icon-book:before {
  content: "\e60c"; }

.icon-asset-library:before {
  content: "\e60d"; }

.login {
  width: 100%;
  background: url("/images/login/background.jpg"); }
  .login > .content {
    vertical-align: middle;
    background-color: transparent; }
  .login .logo {
    margin-top: .5em; }
  .login .wrapper {
    margin: 0 auto;
    width: 550px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); }
    .login .wrapper .nav,
    .login .wrapper .content {
      width: 50%;
      min-width: 0; }
    .login .wrapper .nav {
      padding-top: 3em;
      padding-right: 3em;
      font-size: 1em; }
    .login .wrapper h2 {
      margin: .5em 0 1em 0;
      font-weight: normal; }
    .login .wrapper .title {
      font-size: 1.4em; }
    .login .wrapper form {
      padding-left: 0em; }
      .login .wrapper form input,
      .login .wrapper form button {
        width: 100%; }
      .login .wrapper form input {
        padding: .6em .8em;
        border: 1px solid #EDEDED; }
      .login .wrapper form input:focus {
        border-color: #888;
        outline: none; }
      .login .wrapper form button {
        margin: 1em 0;
        padding: .75em; }

.editor {
  position: relative;
  padding: 1em 0 1em 1em;
  min-width: 1360px; }
  .editor .header .title {
    display: inline-block;
    font-weight: normal; }
  .editor .header .snapshots,
  .editor .header .save-changes,
  .editor .header .create-new-version {
    margin: 0 .25em; }
  .editor .header .save-changes,
  .editor .header .create-new-version {
    padding: .2em .5em;
    font-size: .7em;
    border-radius: 2px;
    background-color: #959595; }
  .editor .header .create-new-version {
    background-color: #008B5D; }
  .editor .stage {
    float: left;
    position: relative;
    top: 0;
    margin: 1em 0;
    width: 1060px; }
    .editor .stage canvas.stage-editor {
      position: absolute;
      top: 0;
      left: 0; }
    .editor .stage .controls {
      width: 100%;
      display: table;
      color: #fff;
      background-color: #313130; }
      .editor .stage .controls .inner {
        display: table-row; }
      .editor .stage .controls .cell {
        display: table-cell;
        padding: .5em; }
      .editor .stage .controls .video-tools {
        width: 40px; }
        .editor .stage .controls .video-tools button {
          font-size: 1.3em;
          background-color: transparent; }
      .editor .stage .controls .seekbar .track {
        position: relative;
        height: 10px;
        background: #000; }
      .editor .stage .controls .seekbar .track .progress {
        width: 0;
        height: 100%;
        background-color: #ECCC45; }
      .editor .stage .controls .time {
        width: 165px;
        text-align: center; }
      .editor .stage .controls .preview {
        width: 100px; }
        .editor .stage .controls .preview button {
          padding: .5em 1em;
          border-radius: 3px;
          background-color: #F17C40; }
  .editor .sidebar {
    position: absolute;
    left: 1080px;
    padding: 1em .5em 0;
    width: 280px;
    overflow: hidden; }
    .editor .sidebar a {
      color: #f36b28; }
    .editor .sidebar .tools .tool {
      display: inline-block;
      padding: .5em;
      font-size: .7em;
      width: 40px;
      height: 40px;
      border-radius: 3px;
      background-color: #024B63;
      -webkit-appearance: none;
      cursor: pointer;
      outline: none; }
      .editor .sidebar .tools .tool.selected {
        background-color: #2D819D; }
    .editor .sidebar .module {
      margin: .5em 0;
      font-size: .75em;
      border: 1px solid #E7E7E7;
      border-radius: 3px;
      background-color: #fff; }
      .editor .sidebar .module .module-title {
        padding: .8em;
        color: #777;
        cursor: pointer; }
        .editor .sidebar .module .module-title .icon {
          margin-right: .5em; }
      .editor .sidebar .module .section-title {
        font-weight: bold;
        margin: .5em 0 1em; }
      .editor .sidebar .module .module-contents:not(:empty) {
        border-top: 1px solid #F5F5F5;
        padding: .8em;
        max-height: 350px;
        overflow: scroll; }
      .editor .sidebar .module.closed .module-contents {
        display: none; }
      .editor .sidebar .module section {
        padding: .5em 0;
        overflow: auto; }
      .editor .sidebar .module [class^="field-group"] {
        padding: .25em 0; }
        .editor .sidebar .module [class^="field-group"] label:first-child {
          display: inline-block;
          min-width: 80px; }
        .editor .sidebar .module [class^="field-group"] .info {
          font-size: .8em; }
      .editor .sidebar .module input[type="text"],
      .editor .sidebar .module input[type="number"],
      .editor .sidebar .module input[type="timestamp"] {
        font-size: 1em;
        border: 0;
        background-color: #f5f5f5; }
      .editor .sidebar .module input[type="text"]:focus,
      .editor .sidebar .module input[type="number"]:focus,
      .editor .sidebar .module input[type="timestamp"]:focus,
      .editor .sidebar .module textarea:focus {
        outline: none;
        background: #e5e5e5; }
      .editor .sidebar .module input[type="number"],
      .editor .sidebar .module input[type="timestamp"] {
        text-align: center; }
      .editor .sidebar .module input[type="number"] {
        width: 50px; }
      .editor .sidebar .module input[type="timestamp"] {
        width: 70px; }
      .editor .sidebar .module textarea {
        width: 100%;
        min-height: 5em;
        padding: .25em;
        font-size: 1em;
        border: 0;
        background-color: #f5f5f5;
        resize: none; }
      .editor .sidebar .module select {
        max-width: 150px; }
      .editor .sidebar .module .animations .delete-animation {
        margin: .5em 0 1em;
        width: 100%;
        background-color: #f00; }
      .editor .sidebar .module.assets {
        -webkit-user-select: none; }
        .editor .sidebar .module.assets .module-contents {
          max-height: 400px; }
          .editor .sidebar .module.assets .module-contents label {
            width: 46%;
            padding: 10px;
            word-wrap: break-word; }
          .editor .sidebar .module.assets .module-contents .assets {
            display: none;
            padding-bottom: 2em; }
          .editor .sidebar .module.assets .module-contents .assets-header {
            font-size: 1.1em;
            padding-bottom: .5em;
            text-align: center; }
          .editor .sidebar .module.assets .module-contents .row {
            display: flex;
            width: 100%;
            align-items: center;
            padding: .5em; }
            .editor .sidebar .module.assets .module-contents .row:nth-of-type(even) {
              background-color: #fafafa; }
            .editor .sidebar .module.assets .module-contents .row img {
              width: 45%;
              height: auto;
              max-height: 80px;
              padding: .5em;
              border: 2px solid #eee;
              background-color: #fff; }
          .editor .sidebar .module.assets .module-contents hr {
            border: 0;
            border-top: 1px solid #eee; }
          .editor .sidebar .module.assets .module-contents .dynamic_text {
            -webkit-user-drag: element; }
            .editor .sidebar .module.assets .module-contents .dynamic_text:hover {
              background-color: #93D3EB;
              cursor: move; }
      .editor .sidebar .module.groups .inner {
        margin-left: 1em; }
      .editor .sidebar .module.groups .lock {
        cursor: pointer; }
      .editor .sidebar .module.groups .lock:hover:not(.active) {
        opacity: .5; }
      .editor .sidebar .module.groups .lock:not(.active) {
        opacity: .2; }
      .editor .sidebar .module.groups .module-contents {
        max-height: 20em; }
      .editor .sidebar .module.audio .audio-select {
        width: 100%;
        max-width: none; }
      .editor .sidebar .module.inspector p {
        margin: 0 0 1em; }
      .editor .sidebar .module.tools .alignment {
        text-align: center; }
        .editor .sidebar .module.tools .alignment p {
          margin: .5em 0; }
        .editor .sidebar .module.tools .alignment button {
          padding: .5em .25em;
          min-width: 60px; }
      .editor .sidebar .module.closed_captions p {
        margin: .5em 0; }
      .editor .sidebar .module.closed_captions.hover {
        border: 1px solid #008B5D; }

.nav,
.content {
  display: table-cell;
  height: 100%;
  vertical-align: top; }

.nav {
  position: relative;
  height: 100%;
  color: #fff;
  font-size: 1.4em;
  background-color: #008B5d;
  overflow: hidden;
  -webkit-font-smoothing: antialiased; }
  .nav:not(.closed) {
    padding: 4em 2em 2em 3em;
    width: 360px;
    min-width: 360px; }
  .nav.closed {
    padding: 5em .65em 0 .65em;
    width: 55px; }
    .nav.closed .logo,
    .nav.closed .title,
    .nav.closed a span {
      display: none; }
    .nav.closed .expandTag {
      -webkit-transform: rotate(-180deg); }
  .nav .expandTag {
    position: absolute;
    top: 20px;
    right: 23px;
    cursor: pointer;
    opacity: .5; }
    .nav .expandTag:hover {
      opacity: 1; }
  .nav .logo {
    margin-top: .5em;
    font-weight: normal; }
  .nav .title {
    display: inline-block;
    margin-bottom: 2.3em;
    padding: 1.1em 0;
    font-weight: normal;
    border-bottom: 3px solid #ffea00; }
  .nav li {
    list-style: none; }
  .nav a {
    padding: .5em 0;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    opacity: 0.5; }
    .nav a:hover, .nav a.active {
      opacity: 1; }

.feedback-row {
  display: inline-block;
  padding: 0 0 20px 0; }
  .feedback-row span.user-icon {
    float: left;
    padding: 1.1em 0; }
  .feedback-row .feedback-content {
    padding: 0 5px 0 50px;
    width: 245px; }
    .feedback-row .feedback-content span.feedback-time {
      font-style: italic;
      font-size: .9em;
      text-align: right; }

.feedback-create-row .title {
  padding: 2px 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.2em; }

.login .wrapper .nav {
  padding: 2em 2em 4em 3em;
  width: 50%;
  min-width: 0; }

.book-item {
  position: relative;
  float: left;
  margin: 1em 1em 0 0;
  overflow: auto;
  width: 300px;
  padding: 1em;
  background-color: #fff;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); }
  .book-item .top-level-info {
    min-height: 200px;
    margin-bottom: 1.5em; }
  .book-item .title {
    margin-bottom: .5em;
    font-size: 1.3em;
    line-height: 1.3em;
    color: #2F6077;
    text-decoration: none; }
  .book-item .description {
    margin: .5em 0;
    font-size: .9em;
    font-style: italic; }
  .book-item .group-editors {
    margin-top: 1em; }
    .book-item .group-editors p {
      margin: .5em 0; }
    .book-item .group-editors a {
      text-decoration: none; }
  .book-item form[class*="editor"] {
    display: none; }

.new-book .form-group {
  padding: 0.5em; }
  .new-book .form-group label {
    display: block; }
  .new-book .form-group textarea {
    width: 35em;
    height: 7em;
    -webkit-appearance: textfield;
    resize: none; }
.new-book button {
  margin: .5em;
  padding: .5em; }

.header form[class*="editor"],
.header .closed,
.header .loading-indicator,
.chapters-container form[class*="editor"],
.chapters-container .closed,
.chapters-container .loading-indicator,
.assets-container form[class*="editor"],
.assets-container .closed,
.assets-container .loading-indicator,
.audio-books-container form[class*="editor"],
.audio-books-container .closed,
.audio-books-container .loading-indicator {
  display: none; }
.header .loading-indicator,
.chapters-container .loading-indicator,
.assets-container .loading-indicator,
.audio-books-container .loading-indicator {
  padding: 1em;
  color: #666;
  text-align: center; }

.module-container {
  color: #fff;
  overflow: auto; }
  .module-container a {
    color: inherit;
    text-decoration: none; }
  .module-container .item-row {
    padding: 1.25em 1em;
    overflow: auto; }
    .module-container .item-row .control,
    .module-container .item-row .inner {
      float: left; }
    .module-container .item-row .control .fa,
    .module-container .item-row .action-group .fa {
      display: inline-block;
      margin-right: .5em;
      padding: .2em;
      cursor: pointer; }
    .module-container .item-row .action-group {
      float: right; }

.chapter-module,
.new-chapter-container,
.audio-books-container > .module-container,
.assets-container > .module-container {
  margin: .5em 0;
  border-radius: 3px; }

.chapter-module {
  background-color: #024B63; }
  .chapter-module .demodocs-container {
    background-color: #2D819D; }
    .chapter-module .demodocs-container .requirement-row,
    .chapter-module .demodocs-container .new-requirement-row {
      color: #929292;
      background-color: #fff; }

.new-chapter-container {
  background-color: #979695; }

.audio-books-container > .module-container,
.assets-container > .module-container,
.styles-container > .module-container,
.templates-container > .module-container {
  background-color: #ddd; }
  .audio-books-container > .module-container > .item-row,
  .assets-container > .module-container > .item-row,
  .styles-container > .module-container > .item-row,
  .templates-container > .module-container > .item-row {
    background-color: #057A6A; }
  .audio-books-container > .module-container .al-demodoc > .item-row,
  .assets-container > .module-container .al-demodoc > .item-row,
  .styles-container > .module-container .al-demodoc > .item-row,
  .templates-container > .module-container .al-demodoc > .item-row {
    background-color: #1AB3A1; }
  .audio-books-container > .module-container .subitems-container,
  .assets-container > .module-container .subitems-container,
  .styles-container > .module-container .subitems-container,
  .templates-container > .module-container .subitems-container {
    min-height: 62px; }
  .audio-books-container > .module-container .image .control,
  .audio-books-container > .module-container .image .action-group,
  .assets-container > .module-container .image .control,
  .assets-container > .module-container .image .action-group,
  .styles-container > .module-container .image .control,
  .styles-container > .module-container .image .action-group,
  .templates-container > .module-container .image .control,
  .templates-container > .module-container .image .action-group {
    margin-top: 1em; }
  .audio-books-container > .module-container .asset,
  .audio-books-container > .module-container .audio-row,
  .assets-container > .module-container .asset,
  .assets-container > .module-container .audio-row,
  .styles-container > .module-container .asset,
  .styles-container > .module-container .audio-row,
  .templates-container > .module-container .asset,
  .templates-container > .module-container .audio-row {
    color: #929292;
    border-top: 1px solid #EAEAEA;
    background-color: #fff; }
    .audio-books-container > .module-container .asset .thumbnailContainer,
    .audio-books-container > .module-container .audio-row .thumbnailContainer,
    .assets-container > .module-container .asset .thumbnailContainer,
    .assets-container > .module-container .audio-row .thumbnailContainer,
    .styles-container > .module-container .asset .thumbnailContainer,
    .styles-container > .module-container .audio-row .thumbnailContainer,
    .templates-container > .module-container .asset .thumbnailContainer,
    .templates-container > .module-container .audio-row .thumbnailContainer {
      margin: 0 1em;
      width: 60px;
      height: 60px;
      overflow: hidden;
      border: 1px solid #EAEAEA;
      background-color: #fff; }
      .audio-books-container > .module-container .asset .thumbnailContainer img,
      .audio-books-container > .module-container .audio-row .thumbnailContainer img,
      .assets-container > .module-container .asset .thumbnailContainer img,
      .assets-container > .module-container .audio-row .thumbnailContainer img,
      .styles-container > .module-container .asset .thumbnailContainer img,
      .styles-container > .module-container .audio-row .thumbnailContainer img,
      .templates-container > .module-container .asset .thumbnailContainer img,
      .templates-container > .module-container .audio-row .thumbnailContainer img {
        width: 100%;
        height: auto; }
  .audio-books-container > .module-container .placeholder,
  .assets-container > .module-container .placeholder,
  .styles-container > .module-container .placeholder,
  .templates-container > .module-container .placeholder {
    padding: 1em;
    color: #929292;
    text-align: center; }

.styles-container {
  margin-bottom: 1em; }
  .styles-container .item-row.style {
    color: #000000;
    background: #ffffff; }

.templates-container {
  margin-bottom: 1em; }
  .templates-container .item-row.template {
    color: #000000;
    background: #ffffff; }

/*
    Asset Library
*/
.library-header > span {
  padding-left: 0.5em; }

.library-header hr {
  clear: both; }

.asset-header {
  padding: 20px 0 40px;
  float: left; }
  .asset-header i {
    padding-right: 5px; }
  .asset-header span {
    position: relative; }

.asset-nav {
  float: right; }
  .asset-nav .icon-block {
    margin: 5px 10px;
    background-color: #f07f42;
    float: left;
    height: 60px;
    width: 80px; }
  .asset-nav i {
    color: #fff;
    font-size: 5em;
    padding: 5px 10px; }
  .asset-nav li {
    cursor: pointer;
    display: inline-block;
    list-style-type: none;
    background-color: #fff;
    border: 1px solid #eee;
    font-size: 12px;
    margin-bottom: 18px; }
    .asset-nav li:hover > span {
      text-decoration: underline !important; }
  .asset-nav span {
    display: block;
    float: left;
    margin: 0 auto;
    padding-right: 10px;
    margin-top: 19px; }

hr {
  border: 1px solid #edece8;
  width: 100%; }

.collapse-all {
  display: block;
  color: #929292;
  font-size: 12px;
  margin-top: 22px;
  text-decoration: none; }
  .collapse-all:hover {
    text-decoration: underline; }

.fix.icon-upload-media {
  left: 7px;
  position: relative;
  font-size: 30px;
  top: 15px; }

.fix.icon-tool-dynamic-text {
  font-size: 40px;
  position: relative;
  top: 8px; }

.update-table.invisible {
  opacity: 0; }

.dz-file-preview,
.dz-image-preview {
  padding: 1em;
  color: #fff !important;
  background-color: #aaa !important; }
  .dz-file-preview .dz-size,
  .dz-image-preview .dz-size {
    margin-right: 1em; }

.dz-image-preview {
  margin: .5em 0;
  border-radius: 3px; }

.upload-notice {
  padding: 1em;
  color: #fff;
  background-color: #aaa; }

.spinner {
  width: 5em; }

#inspector #svgInput {
  float: left; }
#inspector .row-control {
  float: right; }

#stage {
  display: inline-block;
  vertical-align: top;
  margin-top: 1em; }

.sidebar {
  float: right; }

#dynamicTextSideBar {
  margin: 1em;
  width: 300px;
  border: 1px solid #E7E7E7;
  border-radius: 2px;
  background-color: #fff; }
  #dynamicTextSideBar legend {
    padding: .5em 1em;
    border-bottom: 1px solid #E7E7E7; }
  #dynamicTextSideBar .row {
    padding: .5em 1em; }
  #dynamicTextSideBar p {
    padding: 0.5em; }
  #dynamicTextSideBar table thead {
    font-weight: bold; }
  #dynamicTextSideBar table tbody {
    font-size: 11pt; }

#inspector {
  margin: 1em;
  width: 300px;
  border: 1px solid #E7E7E7;
  border-radius: 2px;
  background-color: #fff; }

svg text.edit:hover {
  cursor: pointer;
  fill: #929292; }

.table-builder-select p {
  margin: 1em 0; }
.table-builder-select .form-group {
  margin: .5em 0; }
.table-builder-select label[for] {
  display: inline-block;
  width: 160px; }
.table-builder-select select {
  font-family: inherit;
  font-size: inherit; }
.table-builder-select button {
  margin: 1em 0;
  padding: .5em; }

.table_template_select_stylesheet {
  margin: 1em 0; }

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0.25;
  z-index: 99998; }

.ui-dialog {
  position: absolute !important;
  overflow: hidden;
  background-color: #fff;
  z-index: 99999; }
  .ui-dialog .ui-dialog-titlebar {
    padding: 1em;
    color: #fff;
    background-color: #008B5D; }
    .ui-dialog .ui-dialog-titlebar .ui-button[title="close"] {
      display: none; }
  .ui-dialog .ui-dialog-content {
    padding: 1em;
    overflow: auto; }
  .ui-dialog .ui-dialog-buttonpane {
    padding: .5em;
    text-align: right;
    background-color: #ddd; }
    .ui-dialog .ui-dialog-buttonpane button {
      margin: .25em;
      padding: .5em 1em;
      color: #fff;
      background-color: #008B5D; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

html,
body {
  width: 100%;
  height: 100%; }

body {
  display: table;
  font-family: 'Open Sans', sans-serif;
  background-color: #f7f5f2; }

a {
  color: #2a609d; }

fieldset {
  border: 0; }

input,
.button,
button,
textarea {
  padding: .25em;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.3em; }

.button, button {
  color: #faf5ea;
  border: 0;
  background-color: #2b6198;
  cursor: pointer; }

a.button {
  text-decoration: none; }

.logo {
  width: 165px;
  height: 25px;
  text-indent: -9999px;
  background: url("/images/logo.svg") no-repeat;
  background-size: cover; }

.user-icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  font-weight: bold;
  color: #fff;
  padding: .7em 0;
  line-height: 1.2em;
  text-align: center;
  border-radius: 50%;
  background-color: #888;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .user-icon.theme-purple {
    background-color: #494999; }
  .user-icon.theme-yellow {
    background-color: #F19E37; }
  .user-icon.theme-green {
    background-color: #3D9F5F; }
  .user-icon.theme-blue {
    background-color: #249CD4; }
  .user-icon.theme-red {
    background-color: #F73E22; }
  .user-icon.theme-lime-green {
    background-color: #80E757; }

.flash {
  position: fixed;
  z-index: 2;
  background-color: #ffffff;
  top: 2em;
  right: 50%;
  width: 15em;
  text-align: center;
  display: none; }
  .flash .flash-item {
    border: 1px solid #929292;
    padding: 1em;
    -moz-box-shadow: 3px 3px 3px 1px #ccc;
    -webkit-box-shadow: 3px 3px 3px 1px #ccc;
    box-shadow: 3px 3px 3px 1px #ccc; }

.content {
  transition: all .3s;
  padding: 2em;
  color: #929292;
  background-color: #f7f5f2; }
  .content .page-header {
    margin-bottom: 1em;
    font-size: 1.5em; }
    .content .page-header a {
      text-decoration: none;
      color: inherit;
      cursor: pointer; }
  .content .page-title {
    margin-bottom: 1em;
    font-size: 2em;
    font-weight: normal;
    line-height: 1em; }

.capitalize {
  text-transform: capitalize;
  float: left; }

.edit_user, .edit_dynamic_text {
  margin: 1em 0;
  width: 550px;
  border: 1px solid #E7E7E7;
  border-radius: 2px;
  background-color: #fff; }
  .edit_user legend, .edit_dynamic_text legend {
    padding: .5em 1em;
    width: 100%;
    border-bottom: 1px solid #E7E7E7; }
  .edit_user fieldset, .edit_dynamic_text fieldset {
    padding: .5em 0;
    border-bottom: 1px solid #E7E7E7; }
  .edit_user .group, .edit_dynamic_text .group {
    padding: .5em 1em; }
  .edit_user .button-group, .edit_dynamic_text .button-group {
    padding: .5em 1em;
    overflow: auto; }
  .edit_user label, .edit_dynamic_text label {
    display: block; }
  .edit_user label[for], .edit_dynamic_text label[for] {
    display: block;
    font-size: .9em;
    padding: 0 0 .5em; }
  .edit_user input[type="text"],
  .edit_user input[type="password"],
  .edit_user input[type="email"], .edit_dynamic_text input[type="text"],
  .edit_dynamic_text input[type="password"],
  .edit_dynamic_text input[type="email"] {
    width: 100%;
    border: 0;
    color: #666;
    background-color: #F7F5F5; }
  .edit_user input[type="checkbox"], .edit_dynamic_text input[type="checkbox"] {
    width: 18px;
    height: 18px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAUCAYAAABvVQZ0AAABC0lEQVR4AWMAgdAj8aJArEQmlgdiZiAGG1QDxP+A+D8F+CIQ84IM+w4WoBxHMcA5lOPMgTWs6mLT/57rkyg3LO1U/v8Pvz7+B4G1jzcRZ1jm6aL/3Wi2hx9N/H/t4w2wQb///f5ffbGZsGE1QEXf/nz//w8IW6/2wMXXP97yHwYW3ltOnDeTTub8f/3jDVjTp1+fwK5su9oLNhwETr05+z/sSAIewzADGewVELj3+cH/T78/g9kvv7/6n3Aik/TYnHd3McxX8HAqv1BPftI49vok3LA5dxdRls7ijqf/3/fy0P9Vj9ZTNdEOA8N+U8mweJBh86hg0EsglgAZxgTENkAcSib2BWJhIGYAAI5brdqvxPViAAAAAElFTkSuQmCC) no-repeat;
    background-size: 100% 100%;
    vertical-align: middle;
    cursor: pointer;
    -webkit-appearance: none; }
  .edit_user input[type="checkbox"]:not(:checked), .edit_dynamic_text input[type="checkbox"]:not(:checked) {
    opacity: 0.25;
    -webkit-filter: grayscale(100%); }
  .edit_user button, .edit_dynamic_text button {
    float: right;
    font-size: .9em;
    color: #333;
    background-color: #fff; }
  .edit_user .create,
  .edit_user .update, .edit_dynamic_text .create,
  .edit_dynamic_text .update {
    color: #53C46C; }

.user_list, .users-container {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse; }
  .user_list tr td, .users-container tr td {
    padding: 1em 0;
    text-align: left; }
    .user_list tr td.col-user-icon, .users-container tr td.col-user-icon {
      width: 50px; }
    .user_list tr td:last-child, .users-container tr td:last-child {
      text-align: right; }
  .user_list tr:not(:last-child), .users-container tr:not(:last-child) {
    border-bottom: 1px solid #EEECE9; }

.table-builder-stage .info {
  margin-bottom: 1.5em;
  border: 2px solid #929292;
  padding: 1em; }

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.ace_editor {
  height: 80%; }

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