/*!
 * ABBYY Mobile Web Capture © 2022 ABBYY Development, Inc.
 * ABBYY is a registered trademark or a trademark of ABBYY Software Ltd.
 */
#demo_app-container #content {
    width: 100%;
    flex-grow: 1;
    overflow-y: auto;
    order: 3;
    padding: 0 16px;
  }

    #demo_app-container #content .content-image {
      display: flex;
      align-items: flex-start;
      width: 100%;
      justify-content: center;
    }

    #demo_app-container #content .content-image .content-image-logo {
        margin: 0 auto;
        max-height: 80%;
      }

    #demo_app-container #content .img-container {
      display: grid;
      grid-auto-rows: 140px;
      grid-template-columns: repeat(3, calc(33% - 10px));
      grid-gap: 16px;
      justify-items: center;
      align-items: center;
    }

    #demo_app-container #content .img-container > div {
        height: 100%;
        display: flex;
      }

    #demo_app-container #content .img-container > div .capturedImage {
          cursor: pointer;
          max-width: 100%;
          max-height: 100%;
          object-fit: contain;
        }
  @media (max-width: 767px) {
        #demo_app-container #content .content-image .content-image-logo {
          margin-top: 16px;
          width: 288px;
        }
  }
  @media (min-width: 768px) and (max-width: 991px) {
        #demo_app-container #content .content-image .content-image-logo {
          margin-top: 40px;
          width: 480px;
        }
  }
  @media only screen and (min-width: 992px) {
    #demo_app-container #content {
      padding: 0;
    }
        #demo_app-container #content .content-image .content-image-logo {
          margin-top: 40px;
          width: 480px;
        }
  }

@media only screen and (min-width: 768px) {#demo_app-container .main-footer {
      width: 50%;
      justify-content: flex-end;
      position: absolute;
      right: 0;
      top: 16px
  }
    }

#demo_app-container .content-title {
    font-weight: 900;
    font-size: 32px;
    line-height: 1.19;
    text-align: left;
    margin-bottom: 16px;
    margin-top: 0;
    padding: 0 16px;
  }

    @media (min-width: 768px) and (max-width: 991px) {#demo_app-container .content-title {
      width: 500px;
      order: 1
  }
    }

    @media only screen and (min-width: 992px) {#demo_app-container .content-title {
      padding-left: 0;
      width: 500px;
      order: 1
  }
    }

#content-container-content .FCState {
    width: 100%;
    order: 2;
    font-size: 17px;
    margin-bottom: 14px;
  }

    #content-container-content .FCState .FCState-project {
      margin-bottom: 6px;
    }

    #content-container-content .FCState .FCState-project:before {
        content: '';
        display: inline-block;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMwMDAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTMuOSAxMmMwLTEuNzEgMS4zOS0zLjEgMy4xLTMuMWg0VjdIN2MtMi43NiAwLTUgMi4yNC01IDVzMi4yNCA1IDUgNWg0di0xLjlIN2MtMS43MSAwLTMuMS0xLjM5LTMuMS0zLjF6TTggMTNoOHYtMkg4djJ6bTktNmgtNHYxLjloNGMxLjcxIDAgMy4xIDEuMzkgMy4xIDMuMSAwIDEuNzEtMS4zOSAzLjEtMy4xIDMuMWgtNFYxN2g0YzIuNzYgMCA1LTIuMjQgNS01cy0yLjI0LTUtNS01eiIvPgogICAgPC9nPgo8L3N2Zz4K);
        width: 24px;
        height: 24px;
        position: relative;
        top: 7px;
        margin-right: 8px;
      }

    #content-container-content .FCState .FCState-pages {
      font-weight: normal;
      margin-top: -28px;
      font-size: 14px;
      padding: 0 16px;
    }

    @media only screen and (min-width: 992px) {

    #content-container-content .FCState .FCState-pages {
        padding: 0
    }
      }

    #content-container-content .FCState .FCState-status {
      font-weight: normal;
      margin-bottom: 10px;
    }

    #content-container-content .FCState .FCState-status div {
        display: inline-flex;
        align-items: center;
      }

    #content-container-content .FCState .FCState-status .fc-export {
        font-weight: 600;
        cursor: pointer;
      }

    #content-container-content .FCState .FCState-status .fc-export:hover {
          color: #3b71b3;
        }

    #content-container-content .FCState .FCState-status .fc-export:active {
          color: #33639d;
        }

    #content-container-content .FCState .FCState-status .fc-exporting,
      #content-container-content .FCState .FCState-status .fc-export {
        color: #4a8ee0;
      }

    #content-container-content .FCState .FCState-status .error + .fc-export {
        margin-left: 16px;
      }
  #content-container-content #slowConnection {
    padding: 0 20px;
    text-align: center;
    color: red;
    display: none;
    order: 4;
  }
  @media only screen and (min-width: 768px) {
  #content-container-content #slowConnection {
      position: fixed;
      bottom: 5px;
      padding: 0
  }
    }
  @media only screen and (min-width: 768px) {#content-container-content {
    width: 100%;
    align-items: flex-start
}
  }
  #content-container-content hr {
    order: 2;
  }
  #content-container-content .add-more {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    font-size: 37px;
    font-weight: normal;
    position: absolute;
    right: 0;
    bottom: 86px;
    padding: 0;
  }
  @media (max-width: 767px) {
  #content-container-content .add-more {
      right: 16px
  }
    }
  @media (min-width: 768px) and (max-width: 991px) {
  #content-container-content .add-more {
      right: 16px;
      bottom: 16px
  }
    }
  #content-container-content.desktop .button-container button:hover,
  #content-container-content.desktop .add-more:hover {
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  }

#demo_app-container #content-container-error {
    margin-top: 72px;
    font-size: 17px;
    color: #636f79;
    text-align: center;
    align-self: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

    #demo_app-container #content-container-error .title {
      font-size: 32px;
      font-weight: 900;
      color: black;
      margin-bottom: 16px;
    }

    #demo_app-container #content-container-error #browser-logos {
      display: flex;
      justify-content: center;
      margin-top: 16px;
    }

    #demo_app-container #content-container-error #browser-logos img {
        cursor: pointer;
      }

#demo_app-container .header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 16px 0;
    flex-shrink: 0;
  }
  #demo_app-container #settings {
    cursor: pointer;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41MjMxQjRBOC03NkMzLTRFMjMtOEVDRC04OERGRkVFRDkwQ0Q8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkJ0bi1TdGF0ZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ni4wMDAwMDAsIC0xNjg4LjAwMDAwMCkiIGZpbGw9IiM0QThFRTAiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJpY19zZXR0aW5ncyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTYuMDAwMDAwLCAxNjg4LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE5LjQzLDEyLjk4IEMxOS40NywxMi42NiAxOS41LDEyLjM0IDE5LjUsMTIgQzE5LjUsMTEuNjYgMTkuNDcsMTEuMzQgMTkuNDMsMTEuMDIgTDIxLjU0LDkuMzcgQzIxLjczLDkuMjIgMjEuNzgsOC45NSAyMS42Niw4LjczIEwxOS42Niw1LjI3IEMxOS41NCw1LjA1IDE5LjI3LDQuOTcgMTkuMDUsNS4wNSBMMTYuNTYsNi4wNSBDMTYuMDQsNS42NSAxNS40OCw1LjMyIDE0Ljg3LDUuMDcgTDE0LjQ5LDIuNDIgQzE0LjQ2LDIuMTggMTQuMjUsMiAxNCwyIEwxMCwyIEM5Ljc1LDIgOS41NCwyLjE4IDkuNTEsMi40MiBMOS4xMyw1LjA3IEM4LjUyLDUuMzIgNy45Niw1LjY2IDcuNDQsNi4wNSBMNC45NSw1LjA1IEM0LjcyLDQuOTYgNC40Niw1LjA1IDQuMzQsNS4yNyBMMi4zNCw4LjczIEMyLjIxLDguOTUgMi4yNyw5LjIyIDIuNDYsOS4zNyBMNC41NywxMS4wMiBDNC41MywxMS4zNCA0LjUsMTEuNjcgNC41LDEyIEM0LjUsMTIuMzMgNC41MywxMi42NiA0LjU3LDEyLjk4IEwyLjQ2LDE0LjYzIEMyLjI3LDE0Ljc4IDIuMjIsMTUuMDUgMi4zNCwxNS4yNyBMNC4zNCwxOC43MyBDNC40NiwxOC45NSA0LjczLDE5LjAzIDQuOTUsMTguOTUgTDcuNDQsMTcuOTUgQzcuOTYsMTguMzUgOC41MiwxOC42OCA5LjEzLDE4LjkzIEw5LjUxLDIxLjU4IEM5LjU0LDIxLjgyIDkuNzUsMjIgMTAsMjIgTDE0LDIyIEMxNC4yNSwyMiAxNC40NiwyMS44MiAxNC40OSwyMS41OCBMMTQuODcsMTguOTMgQzE1LjQ4LDE4LjY4IDE2LjA0LDE4LjM0IDE2LjU2LDE3Ljk1IEwxOS4wNSwxOC45NSBDMTkuMjgsMTkuMDQgMTkuNTQsMTguOTUgMTkuNjYsMTguNzMgTDIxLjY2LDE1LjI3IEMyMS43OCwxNS4wNSAyMS43MywxNC43OCAyMS41NCwxNC42MyBMMTkuNDMsMTIuOTggWiBNMTIsMTUuNSBDMTAuMDcsMTUuNSA4LjUsMTMuOTMgOC41LDEyIEM4LjUsMTAuMDcgMTAuMDcsOC41IDEyLDguNSBDMTMuOTMsOC41IDE1LjUsMTAuMDcgMTUuNSwxMiBDMTUuNSwxMy45MyAxMy45MywxNS41IDEyLDE1LjUgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
  }
  #demo_app-container #settings:hover {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT40QTIyMDJGNy01MzdFLTQ0NjgtODg0NS03OUY2QTRCRUI4QjY8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE5LjQzLDEyLjk4IEMxOS40NywxMi42NiAxOS41LDEyLjM0IDE5LjUsMTIgQzE5LjUsMTEuNjYgMTkuNDcsMTEuMzQgMTkuNDMsMTEuMDIgTDIxLjU0LDkuMzcgQzIxLjczLDkuMjIgMjEuNzgsOC45NSAyMS42Niw4LjczIEwxOS42Niw1LjI3IEMxOS41NCw1LjA1IDE5LjI3LDQuOTcgMTkuMDUsNS4wNSBMMTYuNTYsNi4wNSBDMTYuMDQsNS42NSAxNS40OCw1LjMyIDE0Ljg3LDUuMDcgTDE0LjQ5LDIuNDIgQzE0LjQ2LDIuMTggMTQuMjUsMiAxNCwyIEwxMCwyIEM5Ljc1LDIgOS41NCwyLjE4IDkuNTEsMi40MiBMOS4xMyw1LjA3IEM4LjUyLDUuMzIgNy45Niw1LjY2IDcuNDQsNi4wNSBMNC45NSw1LjA1IEM0LjcyLDQuOTYgNC40Niw1LjA1IDQuMzQsNS4yNyBMMi4zNCw4LjczIEMyLjIxLDguOTUgMi4yNyw5LjIyIDIuNDYsOS4zNyBMNC41NywxMS4wMiBDNC41MywxMS4zNCA0LjUsMTEuNjcgNC41LDEyIEM0LjUsMTIuMzMgNC41MywxMi42NiA0LjU3LDEyLjk4IEwyLjQ2LDE0LjYzIEMyLjI3LDE0Ljc4IDIuMjIsMTUuMDUgMi4zNCwxNS4yNyBMNC4zNCwxOC43MyBDNC40NiwxOC45NSA0LjczLDE5LjAzIDQuOTUsMTguOTUgTDcuNDQsMTcuOTUgQzcuOTYsMTguMzUgOC41MiwxOC42OCA5LjEzLDE4LjkzIEw5LjUxLDIxLjU4IEM5LjU0LDIxLjgyIDkuNzUsMjIgMTAsMjIgTDE0LDIyIEMxNC4yNSwyMiAxNC40NiwyMS44MiAxNC40OSwyMS41OCBMMTQuODcsMTguOTMgQzE1LjQ4LDE4LjY4IDE2LjA0LDE4LjM0IDE2LjU2LDE3Ljk1IEwxOS4wNSwxOC45NSBDMTkuMjgsMTkuMDQgMTkuNTQsMTguOTUgMTkuNjYsMTguNzMgTDIxLjY2LDE1LjI3IEMyMS43OCwxNS4wNSAyMS43MywxNC43OCAyMS41NCwxNC42MyBMMTkuNDMsMTIuOTggWiBNMTIsMTUuNSBDMTAuMDcsMTUuNSA4LjUsMTMuOTMgOC41LDEyIEM4LjUsMTAuMDcgMTAuMDcsOC41IDEyLDguNSBDMTMuOTMsOC41IDE1LjUsMTAuMDcgMTUuNSwxMiBDMTUuNSwxMy45MyAxMy45MywxNS41IDEyLDE1LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkJ0bi1TdGF0ZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ni4wMDAwMDAsIC0xNzQ0LjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJpY19zZXR0aW5ncy1jb3B5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1Ni4wMDAwMDAsIDE3NDQuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iU2hhcGUiPgogICAgICAgICAgICAgICAgICAgIDx1c2UgZmlsbD0iIzRBOEVFMCIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsLW9wYWNpdHk9IjAuMjAwMTQyIiBmaWxsPSIjMDAwMDAwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  }
  #demo_app-container #settings:active {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogc2tldGNodG9vbCA2MSAoMTAxMDEwKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT41Q0FDMzMxRi1FQzIwLTRFNUEtOTExMS01RkNCNEI4MjcxMkI8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTE5LjQzLDEyLjk4IEMxOS40NywxMi42NiAxOS41LDEyLjM0IDE5LjUsMTIgQzE5LjUsMTEuNjYgMTkuNDcsMTEuMzQgMTkuNDMsMTEuMDIgTDIxLjU0LDkuMzcgQzIxLjczLDkuMjIgMjEuNzgsOC45NSAyMS42Niw4LjczIEwxOS42Niw1LjI3IEMxOS41NCw1LjA1IDE5LjI3LDQuOTcgMTkuMDUsNS4wNSBMMTYuNTYsNi4wNSBDMTYuMDQsNS42NSAxNS40OCw1LjMyIDE0Ljg3LDUuMDcgTDE0LjQ5LDIuNDIgQzE0LjQ2LDIuMTggMTQuMjUsMiAxNCwyIEwxMCwyIEM5Ljc1LDIgOS41NCwyLjE4IDkuNTEsMi40MiBMOS4xMyw1LjA3IEM4LjUyLDUuMzIgNy45Niw1LjY2IDcuNDQsNi4wNSBMNC45NSw1LjA1IEM0LjcyLDQuOTYgNC40Niw1LjA1IDQuMzQsNS4yNyBMMi4zNCw4LjczIEMyLjIxLDguOTUgMi4yNyw5LjIyIDIuNDYsOS4zNyBMNC41NywxMS4wMiBDNC41MywxMS4zNCA0LjUsMTEuNjcgNC41LDEyIEM0LjUsMTIuMzMgNC41MywxMi42NiA0LjU3LDEyLjk4IEwyLjQ2LDE0LjYzIEMyLjI3LDE0Ljc4IDIuMjIsMTUuMDUgMi4zNCwxNS4yNyBMNC4zNCwxOC43MyBDNC40NiwxOC45NSA0LjczLDE5LjAzIDQuOTUsMTguOTUgTDcuNDQsMTcuOTUgQzcuOTYsMTguMzUgOC41MiwxOC42OCA5LjEzLDE4LjkzIEw5LjUxLDIxLjU4IEM5LjU0LDIxLjgyIDkuNzUsMjIgMTAsMjIgTDE0LDIyIEMxNC4yNSwyMiAxNC40NiwyMS44MiAxNC40OSwyMS41OCBMMTQuODcsMTguOTMgQzE1LjQ4LDE4LjY4IDE2LjA0LDE4LjM0IDE2LjU2LDE3Ljk1IEwxOS4wNSwxOC45NSBDMTkuMjgsMTkuMDQgMTkuNTQsMTguOTUgMTkuNjYsMTguNzMgTDIxLjY2LDE1LjI3IEMyMS43OCwxNS4wNSAyMS43MywxNC43OCAyMS41NCwxNC42MyBMMTkuNDMsMTIuOTggWiBNMTIsMTUuNSBDMTAuMDcsMTUuNSA4LjUsMTMuOTMgOC41LDEyIEM4LjUsMTAuMDcgMTAuMDcsOC41IDEyLDguNSBDMTMuOTMsOC41IDE1LjUsMTAuMDcgMTUuNSwxMiBDMTUuNSwxMy45MyAxMy45MywxNS41IDEyLDE1LjUgWiIgaWQ9InBhdGgtMSI+PC9wYXRoPgogICAgPC9kZWZzPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IkJ0bi1TdGF0ZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01Ni4wMDAwMDAsIC0xODAwLjAwMDAwMCkiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgIDxnIGlkPSJpY19zZXR0aW5ncy1jb3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU2LjAwMDAwMCwgMTgwMC4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJTaGFwZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSBmaWxsPSIjNEE4RUUwIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgICAgICA8dXNlIGZpbGwtb3BhY2l0eT0iMC4zMDAxNDIiIGZpbGw9IiMwMDAwMDAiIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
  }
  #demo_app-container #logo-mwc {
    max-width: 240px;
    max-height: 120px;
  }
  @media (max-width: 991px) {
    #demo_app-container .header {
      padding: 16px;
    }
  }

#demo_app-container .set-options > div {
      margin-bottom: 10px;
    }
    #demo_app-container .set-options label {
      width: 220px;
      display: inline-block;
    }
    #demo_app-container .set-options button {
      display: block;
      margin: 8px;
    }

#demo_app-container .clickable {
    cursor: pointer;
    color: #4a8ee0;
  }

    #demo_app-container .clickable.disabled {
      opacity: 0.3;
      cursor: default;
    }

    #demo_app-container .clickable:hover {
      color: #3b71b3;
    }

    #demo_app-container .clickable:active {
      color: #33639d;
    }
  #demo_app-container .settings .settings-body {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      order: 2;
      margin-top: 16px;
    }
  @media (max-width: 991px) {
  #demo_app-container .settings .settings-body {
        padding: 0 16px
    }
      }
  #demo_app-container .settings .settings-body .eula {
        padding: 16px;
        border-radius: 8px;
        background-color: #eef2f4;
        box-sizing: border-box;
        font-size: 14px;
        color: #424650;
      }
  #demo_app-container .settings .settings-body .eula > div:first-child {
          margin-bottom: 8px;
        }
  #demo_app-container .settings .settings-body > div {
        width: 100%;
        margin-bottom: 16px;
        color: #768693;
        order: 2;
      }
  #demo_app-container .settings .settings-body > div label {
          font-size: 12px;
          display: block;
        }
  #demo_app-container .settings .settings-body > div input {
          box-sizing: border-box;
          width: 100%;
          height: 34px;
          font-size: 14px;
          padding: 10px;
        }
  #demo_app-container .settings .settings-body > div select {
          box-sizing: border-box;
          width: 100%;
          height: 34px;
          font-size: 14px;
          padding: 0 10px;
        }
  #demo_app-container .settings .settings-body > div select:disabled {
            opacity: 0.5;
            background-color: #f9fbfc;
          }
  #demo_app-container .settings .settings-body .connection-status {
        font-family: SourceSansPro;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
      }
  #demo_app-container .settings .settings-body .connection-status div {
          display: flex;
          align-items: center;
        }
  #demo_app-container .settings .settings-footer {
      width: 100%;
      display: flex;
      padding: 16px 0 0 0;
    }
  @media (max-width: 991px) {
  #demo_app-container .settings .settings-footer {
        padding: 16px 16px 0
    }
      }
  @media only screen and (min-width: 768px) {
  #demo_app-container .settings .settings-footer {
        order: 1
    }

        #demo_app-container .settings .settings-footer button {
          width: 200px;
        }
      }

#demo_app-container {
}

  #demo_app-container hr {
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0 0 40px;
  }

  #demo_app-container button {
    width: 100%;
    height: 52px;
    border-radius: 8px;
    background-color: #4a8ee0;
    color: white;
    border: 0;
    padding: 0;
    font-size: 18px;
    font-family: SourceSansPro, sans-serif;
    font-weight: 600;
    cursor: pointer;
    outline: none;
  }

  #demo_app-container button:disabled {
      cursor: default;
      opacity: 0.3;
    }

  #demo_app-container button:active {
      opacity: 0.6;
    }

  #demo_app-container .error {
    color: #be2b18 !important;
  }

  #demo_app-container .error:before {
      margin-right: 8px;
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNDNjBDMzAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTggMGMxLjEwNiAwIDIuMTQzLjIwOCAzLjExMi42MjVhOC4wMyA4LjAzIDAgMCAxIDIuNTM3IDEuNzA5IDguMTc2IDguMTc2IDAgMCAxIDEuNzE3IDIuNTM5Yy40MjMuOTcuNjM0IDIuMDA5LjYzNCAzLjExNWE3LjcxMiA3LjcxMiAwIDAgMS0uNjM0IDMuMTE2IDguMTc2IDguMTc2IDAgMCAxLTEuNzE3IDIuNTM5IDguMTY3IDguMTY3IDAgMCAxLTIuNTM3IDEuNzE4QTcuNjkxIDcuNjkxIDAgMCAxIDggMTUuOTk2YTcuNjkxIDcuNjkxIDAgMCAxLTMuMTEyLS42MzUgOC4xNjcgOC4xNjcgMCAwIDEtMi41MzctMS43MTggOC4xNzYgOC4xNzYgMCAwIDEtMS43MTctMi41NEE3LjcxMiA3LjcxMiAwIDAgMSAwIDcuOTg5YzAtMS4xMDYuMjExLTIuMTQ1LjYzNC0zLjExNWE4LjE3NiA4LjE3NiAwIDAgMSAxLjcxNy0yLjUzOUE4LjAzIDguMDMgMCAwIDEgNC44ODguNjI1IDcuNzk1IDcuNzk1IDAgMCAxIDggMHptLS45OTUgMi45ODh2NS45OTZoMS45OVYyLjk4OGgtMS45OXptMS45OSAxMHYtMS45OTJoLTEuOTl2MS45OTJoMS45OXoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
    }

  #demo_app-container .success {
    color: #298e60 !important;
  }

  #demo_app-container .success:before {
      margin-right: 8px;
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiMzM0FBNzkiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTguMDEgMGMxLjA5NiAwIDIuMTMxLjIwOSAzLjEwNC42MjdBOC4wNiA4LjA2IDAgMCAxIDEzLjY2IDIuMzRhOC4wNiA4LjA2IDAgMCAxIDEuNzEzIDIuNTQ2Yy40MTguOTczLjYyNyAyLjAwOC42MjcgMy4xMDRhNy44MyA3LjgzIDAgMCAxLS42MjcgMy4xMjQgOC4wNiA4LjA2IDAgMCAxLTEuNzEzIDIuNTQ2IDguMDYgOC4wNiAwIDAgMS0yLjU0NiAxLjcxM0E3Ljc4MSA3Ljc4MSAwIDAgMSA4LjAxIDE2YTcuODMgNy44MyAwIDAgMS0zLjEyNC0uNjI3QTguMDYgOC4wNiAwIDAgMSAyLjM0IDEzLjY2YTguMDYgOC4wNiAwIDAgMS0xLjcxMy0yLjU0NkE3LjgzIDcuODMgMCAwIDEgMCA3Ljk5QzAgNi44OTQuMjA5IDUuODYuNjI3IDQuODg2QTguMDYgOC4wNiAwIDAgMSAyLjM0IDIuMzQgOC4wNiA4LjA2IDAgMCAxIDQuODg2LjYyNyA3LjgzIDcuODMgMCAwIDEgOC4wMSAwem0tLjk4IDEyLjAwNWw2LjM2NS02LjI2Ny0xLjM1LTEuNTA4TDcuMDEgOS4zMjIgNC4zODcgNi42NTlsLTEuMzUyIDEuMzUgMy45OTYgMy45OTZ6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);
    }

  #demo_app-container .loading {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-image: url(data:image/png;base64,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);
  }

  #demo_app-container .loading-status {
    width: 16px;
    height: 16px;
    background-size: contain;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTAgMGgxNnYxNkgweiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiM0QThFRTAiIGZpbGwtcnVsZT0ibm9uemVybyIgZD0iTTEuMTMxIDExLjk3NUE3Ljk0OSA3Ljk0OSAwIDAgMCA4LjA0MSAxNkMxMi40MzcgMTYgMTYgMTIuNDE3IDE2IDhzLTMuNTYyLTgtNy45Ni04YTEgMSAwIDEgMCAwIDJDMTEuMzMgMiAxNCA0LjY4NSAxNCA4cy0yLjY3IDYtNS45NiA2YTUuOTUgNS45NSAwIDAgMS01LjE3MS0zLjAxNiAxIDEgMCAwIDAtMS43MzguOTkxeiIvPgogICAgPC9nPgo8L3N2Zz4K);
    margin-right: 8px;
  }

  #demo_app-container #content-container-content {
    width: 100%;
    align-items: flex-start;
    flex-grow: 1;
    display: flex;
    position: relative;
    flex-direction: column;
    overflow: hidden;
  }

  #demo_app-container .button-container {
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, 0.13);
    padding: 16px 16px 0 16px;
    order: 4;
    flex-shrink: 0;
    width: 100%;
  }

  #demo_app-container .button-container .button-secondary {
      background-color: #edf3fc;
      color: #4173d6;
    }

  #demo_app-container .button-container > *:not(:last-child) {
      margin-right: 16px;
    }

  #demo_app-container .button-container > a {
      width: 100%;
      display: inline-block;
    }

  @media only screen and (min-width: 768px) {

  #demo_app-container .button-container > a {
        width: 136px
    }
      }

  @media (min-width: 768px) and (max-width: 991px) {

  #demo_app-container .button-container {
      border: 0;
      order: 1
  }

      #demo_app-container .button-container button {
        cursor: pointer;
        width: 136px;
      }
    }

  @media only screen and (min-width: 992px) {

  #demo_app-container .button-container {
      border: 0;
      order: 1;
      padding-right: 0
  }

      #demo_app-container .button-container button {
        cursor: pointer;
        width: 136px;
      }
    }