/*!
 * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
 *,
 *::before,
 *::after {
   -webkit-box-sizing: border-box;
   box-sizing: border-box; }
 
 html {
   font-family: sans-serif;
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
   -ms-overflow-style: scrollbar;
   -webkit-tap-highlight-color: transparent; }
 
 @-ms-viewport {
   width: device-width; }
 
 article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
   display: block; }
 
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff; }
 
 [tabindex="-1"]:focus {
   outline: 0 !important; }
 
 hr {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   height: 0;
   overflow: visible; }
 
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
   margin-bottom: 0.5rem; }
 
 p {
   margin-top: 0;
   margin-bottom: 1rem; }
 
 abbr[title],
 abbr[data-original-title] {
   text-decoration: underline;
   -webkit-text-decoration: underline dotted;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0; }
 
 address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit; }
 
 ol,
 ul,
 dl {
   margin-top: 0;
   margin-bottom: 1rem; }
 
 ol ol,
 ul ul,
 ol ul,
 ul ol {
   margin-bottom: 0; }
 
 dt {
   font-weight: 700; }
 
 dd {
   margin-bottom: .5rem;
   margin-left: 0; }
 
 blockquote {
   margin: 0 0 1rem; }
 
 dfn {
   font-style: italic; }
 
 b,
 strong {
   font-weight: bolder; }
 
 small {
   font-size: 80%; }
 
 sub,
 sup {
   position: relative;
   font-size: 75%;
   line-height: 0;
   vertical-align: baseline; }
 
 sub {
   bottom: -.25em; }
 
 sup {
   top: -.5em; }
 
 a {
   color: #007bff;
   text-decoration: none;
   background-color: transparent;
   -webkit-text-decoration-skip: objects; }
   a:hover {
     color: #0056b3;
     text-decoration: underline; }
 
 a:not([href]):not([tabindex]) {
   color: inherit;
   text-decoration: none; }
   a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
     color: inherit;
     text-decoration: none; }
   a:not([href]):not([tabindex]):focus {
     outline: 0; }
 
 pre,
 code,
 kbd,
 samp {
   font-family: monospace, monospace;
   font-size: 1em; }
 
 pre {
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   -ms-overflow-style: scrollbar; }
 
 figure {
   margin: 0 0 1rem; }
 
 img {
   vertical-align: middle;
   border-style: none; }
 
 svg:not(:root) {
   overflow: hidden; }
 
 table {
   border-collapse: collapse; }
 
 caption {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
   color: #6c757d;
   text-align: left;
   caption-side: bottom; }
 
 th {
   text-align: inherit; }
 
 label {
   display: inline-block;
   margin-bottom: .5rem; }
 
 button {
   border-radius: 0; }
 
 button:focus {
   outline: 1px dotted;
   outline: 5px auto -webkit-focus-ring-color; }
 
 input,
 button,
 select,
 optgroup,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit; }
 
 button,
 input {
   overflow: visible; }
 
 button,
 select {
   text-transform: none; }
 
 button,
 html [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button; }
 
 button::-moz-focus-inner,
 [type="button"]::-moz-focus-inner,
 [type="reset"]::-moz-focus-inner,
 [type="submit"]::-moz-focus-inner {
   padding: 0;
   border-style: none; }
 
 input[type="radio"],
 input[type="checkbox"] {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   padding: 0; }
 
 input[type="date"],
 input[type="time"],
 input[type="datetime-local"],
 input[type="month"] {
   -webkit-appearance: listbox; }
 
 textarea {
   overflow: auto;
   resize: vertical; }
 
 fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0; }
 
 legend {
   display: block;
   width: 100%;
   max-width: 100%;
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
   color: inherit;
   white-space: normal; }
 
 progress {
   vertical-align: baseline; }
 
 [type="number"]::-webkit-inner-spin-button,
 [type="number"]::-webkit-outer-spin-button {
   height: auto; }
 
 [type="search"] {
   outline-offset: -2px;
   -webkit-appearance: none; }
 
 [type="search"]::-webkit-search-cancel-button,
 [type="search"]::-webkit-search-decoration {
   -webkit-appearance: none; }
 
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button; }
 
 output {
   display: inline-block; }
 
 summary {
   display: list-item;
   cursor: pointer; }
 
 template {
   display: none; }
 
 [hidden] {
   display: none !important; }
 
 @font-face {
   font-family: 'icomoon';
   src: url("../fonts/icons/icomoon.eot?hrupam");
   src: url("../fonts/icons/icomoon.eot?hrupam#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.woff2?hrupam") format("woff2"), url("../fonts/icons/icomoon.ttf?hrupam") format("truetype"), url("../fonts/icons/icomoon.woff?hrupam") format("woff"), url("../fonts/icons/icomoon.svg?hrupam#icomoon") format("svg");
   font-weight: normal;
   font-style: normal; }
 
 [class^="icon-"], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
 .icon-styles {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: 'icomoon' !important;
   speak: none;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale; }
 
 .icon-add:before {
   content: "\e900"; }
 
 .icon-add-smaller:before {
   content: "\e901"; }
 
 .icon-caret-down:before {
   content: "\e902"; }
 
 .icon-caret-left:before {
   content: "\e903"; }
 
 .icon-caret-right:before {
   content: "\e904"; }
 
 .icon-caret-up:before {
   content: "\e905"; }
 
 .icon-check:before {
   content: "\e906"; }
 
 .icon-close:before {
   content: "\e907"; }
 
 .icon-close-smaller:before {
   content: "\e908"; }
 
 .icon-expand:before {
   content: "\e909"; }
 
 .icon-more:before {
   content: "\e90a"; }
 
 .icon-move-drag:before {
   content: "\e90b"; }
 
 .icon-move-up-down:before {
   content: "\e90c"; }
 
 .icon-refresh:before {
   content: "\e90d"; }
 
 .icon-sidebar:before {
   content: "\e90e"; }
 
 .icon-sidebar-hide:before {
   content: "\e90f"; }
 
 .icon-sidebar-show:before {
   content: "\e910"; }
 
 .icon-subtract:before {
   content: "\e911"; }
 
 .icon-subtract-smaller:before {
   content: "\e912"; }
 
 .icon-alert-star:before {
   content: "\e913"; }
 
 .icon-announce:before {
   content: "\e914"; }
 
 .icon-cherry-pick:before {
   content: "\e915"; }
 
 .icon-cherry-pick-solid:before {
   content: "\e916"; }
 
 .icon-clock:before {
   content: "\e917"; }
 
 .icon-clock-solid:before {
   content: "\e918"; }
 
 .icon-customer:before {
   content: "\e919"; }
 
 .icon-customer-add:before {
   content: "\e91a"; }
 
 .icon-customer-solid:before {
   content: "\e91b"; }
 
 .icon-delete:before {
   content: "\e91c"; }
 
 .icon-edit:before {
   content: "\e91d"; }
 
 .icon-exit:before {
   content: "\e91e"; }
 
 .icon-filter:before {
   content: "\e91f"; }
 
 .icon-help:before {
   content: "\e920"; }
 
 .icon-home:before {
   content: "\e921"; }
 
 .icon-hourglass:before {
   content: "\e922"; }
 
 .icon-info:before {
   content: "\e923"; }
 
 .icon-location:before {
   content: "\e924"; }
 
 .icon-lock:before {
   content: "\e925"; }
 
 .icon-mark:before {
   content: "\e926"; }
 
 .icon-message:before {
   content: "\e927"; }
 
 .icon-outcome:before {
   content: "\e928"; }
 
 .icon-port:before {
   content: "\e929"; }
 
 .icon-queue:before {
   content: "\e92a"; }
 
 .icon-queue-first:before {
   content: "\e92b"; }
 
 .icon-queue-last:before {
   content: "\e92c"; }
 
 .icon-scan-qr:before {
   content: "\e92d"; }
 
 .icon-screen:before {
   content: "\e92e"; }
 
 .icon-search:before {
   content: "\e92f"; }
 
 .icon-search-circle:before {
   content: "\e930"; }
 
 .icon-search-solid:before {
   content: "\e931"; }
 
 .icon-server:before {
   content: "\e932"; }
 
 .icon-service:before {
   content: "\e933"; }
 
 .icon-service-add:before {
   content: "\e934"; }
 
 .icon-service-solid:before {
   content: "\e935"; }
 
 .icon-share:before {
   content: "\e936"; }
 
 .icon-share-social:before {
   content: "\e937"; }
 
 .icon-shield:before {
   content: "\e938"; }
 
 .icon-ticket:before {
   content: "\e939"; }
 
 .icon-ticketless:before {
   content: "\e93a"; }
 
 .icon-ticket-solid:before {
   content: "\e93b"; }
 
 .icon-user-details:before {
   content: "\e93c"; }
 
 .icon-video:before {
   content: "\e93d"; }
 
 .icon-video-none:before {
   content: "\e93e"; }
 
 .icon-done-rtl:before {
   content: "\e945"; }
 
 .icon-check-rtl:before {
   content: "\e93f"; }
 
 .icon-announce-rtl:before {
   content: "\e940"; }
 
 .icon-exit-rtl:before {
   content: "\e941"; }
 
 .icon-mark-rtl:before {
   content: "\e942"; }
 
 .icon-call-next-solid-rtl:before {
   content: "\e943"; }
 
 .icon-complete-rtl:before {
   content: "\e944"; }
 
 .icon-transfer-rtl:before {
   content: "\e947"; }
 
 .icon-walk-in-rtl:before {
   content: "\e948"; }
 
 .icon-done-solid:before {
   content: "\e946"; }
 
 .icon-add-circle:before {
   content: "\e949"; }
 
 .icon-briefcase:before {
   content: "\e94a"; }
 
 .icon-briefcase-solid:before {
   content: "\e94b"; }
 
 .icon-call-next:before {
   content: "\e94c"; }
 
 .icon-call-next-solid:before {
   content: "\e94d"; }
 
 .icon-close-circle:before {
   content: "\e94e"; }
 
 .icon-close-square:before {
   content: "\e94f"; }
 
 .icon-complete:before {
   content: "\e950"; }
 
 .icon-gears:before {
   content: "\e953"; }
 
 .icon-no-show:before {
   content: "\e954"; }
 
 .icon-pause:before {
   content: "\e955"; }
 
 .icon-previous:before {
   content: "\e956"; }
 
 .icon-recall:before {
   content: "\e957"; }
 
 .icon-recycle:before {
   content: "\e958"; }
 
 .icon-transfer:before {
   content: "\e959"; }
 
 .icon-walk-in:before {
   content: "\e95a"; }
 
 [dir='rtl'] .icon-done-solid:before {
   content: "\e945"; }
 
 [dir='rtl'] .icon-check:before {
   content: "\e93f"; }
 
 [dir='rtl'] .icon-announce:before {
   content: "\e940"; }
 
 [dir='rtl'] .icon-exit:before {
   content: "\e941"; }
 
 [dir='rtl'] .icon-mark:before {
   content: "\e942"; }
 
 [dir='rtl'] .icon-call-next-solid:before {
   content: "\e943"; }
 
 [dir='rtl'] .icon-complete:before {
   content: "\e944"; }
 
 [dir='rtl'] .icon-transfer:before {
   content: "\e947"; }
 
 [dir='rtl'] .icon-walk-in:before {
   content: "\e948"; }
 
 [dir='rtl'] .icon-caret-left:before {
   content: "\e904"; }
 
 [dir='rtl'] .icon-caret-right:before {
   content: "\e903"; }
 
 html,
 body {
   font-size: 16px !important;
   font-family: "Roboto", sans-serif;
   background: -webkit-gradient(linear, left top, left bottom, from(#3E344C), to(#455C87));
   background: linear-gradient(180deg, #3E344C 0%, #455C87 100%);
   height: calc(100vh - 42px);
   min-height: 560px; }
 
 .qm-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0 24px;
   position: absolute;
   top: 24px;
   left: 0;
   right: 0; }
   .qm-header__left {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto; }
   .qm-header__right {
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto; }
   .qm-header__brand-logo-container {
     max-width: 88px;
     width: 100%; }
   .qm-header__brand-logo-link {
     display: block;
     width: 100%; }
   .qm-header__brand-logo {
     width: 100%; }
   .qm-header__help {
     display: block;
     color: #FFF;
     height: 26px; }
     .qm-header__help:hover {
       color: #FFF;
       text-decoration: none;
       opacity: 0.62; }
   .qm-header__help-icon {
     font-size: 1.75rem; }
 
 .qm-main {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 100%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center; }
   .qm-main__centered-content {
     position: relative;
     width: 100%;
     max-width: 448px;
     padding: 0 1rem; }
 
 .qm-login {
   position: relative;
   max-width: 320px;
   width: 100%;
   margin: 0 auto; }
   .qm-login__brand-logo-container {
     max-width: 246px;
     width: 100%;
     margin-left: auto;
     margin-right: auto;
     margin-bottom: 1.25rem; }
   .qm-login__brand-logo {
     width: 100%; }
     .no-svgasimg .qm-login__brand-logo, .no-svg .qm-login__brand-logo {
       display: none; }
   .qm-login__brand-logo-fallback-image {
     display: none;
     width: 100%; }
     .no-svgasimg .qm-login__brand-logo-fallback-image, .no-svg .qm-login__brand-logo-fallback-image {
       display: block; }
   .qm-login__form-field {
     margin-bottom: 1.25rem; }
     [dir='rtl'] .qm-login__form-field {
       text-align: right; }
   .qm-login__form-label {
     display: inline-block;
     font-size: 0.875rem;
     color: #FFF;
     margin-bottom: 0.125rem;
     letter-spacing: 1px; }
   .qm-login__form-input {
     width: 100%;
     color: rgba(0, 0, 0, 0.82);
     padding: 0.5625rem 0.75rem;
     line-height: 1;
     border: 1px solid rgba(0, 0, 0, 0.12);
     -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04);
     box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04); }
   .qm-login__brand-logo-container-branded {
     max-width: none;
     width: auto; }

 .qm-version-number {
   display: none;
   position: absolute;
   top: -79px;
   max-width: 368px;
   width: 100%;
   height: 100%;
   right: -46px; }
   [dir='rtl'] .qm-version-number {
     left: -46px;
     right: auto; }
   .qm-version-number .qm-inline-svg-fallback-img {
     display: none;
     width: 100%;
     opacity: 0.12; }
     .no-svgasimg .qm-version-number .qm-inline-svg-fallback-img, .no-svg .qm-version-number .qm-inline-svg-fallback-img {
       display: block; }
   .qm-version-number svg {
     width: 100%; }
     .no-svgasimg .qm-version-number svg, .no-svg .qm-version-number svg {
       display: none; }
 
 .qm-btn {
   font-size: 1.125rem;
   width: 100%;
   background: #A9023B;
   border: 0;
   color: #FFF;
   padding: 0.625rem 2.5rem;
   margin-top: 1.25rem;
   cursor: pointer; }
   .qm-btn__text:after {
     display: block;
     content: attr(title);
     font-weight: 500;
     height: 0;
     overflow: hidden;
     visibility: hidden; }
   .qm-btn:hover, .qm-btn:focus {
     font-weight: 500;
     outline: 0; }
   .qm-btn:active {
     background: rgba(0, 0, 0, 0.82); }
   .qm-btn--rounded {
     border-radius: 22px; }
 
 .qm-error {
   text-align: center;
   margin-bottom: 0.625rem; }
   .qm-error__text {
     font-size: 1.125rem;
     padding: 0.625rem;
     margin-bottom: 0;
     color: #FFF;
     background-color: rgba(146, 149, 150, 0.6); }
 
 ::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: rgba(0, 0, 0, 0.42);
   font-weight: 300; }
 
 ::-moz-placeholder {
   /* Firefox 19+ */
   color: rgba(0, 0, 0, 0.42);
   font-weight: 300; }
 
 :-ms-input-placeholder {
   /* IE 10+ */
   color: rgba(0, 0, 0, 0.42);
   font-weight: 300; }
 
 :-moz-placeholder {
   /* Firefox 18- */
   color: rgba(0, 0, 0, 0.42);
   font-weight: 300; }
 
 input:-webkit-autofill {
   -webkit-box-shadow: 0 0 0px 1000px white inset;
   box-shadow: 0 0 0px 1000px white inset; }
 
 .sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
   -webkit-clip-path: inset(50%);
   clip-path: inset(50%);
   border: 0; }
 
 .qm-footer {
   background: #1A1C34; }
   .qm-footer__content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 42px; }
   .qm-footer__text {
     color: #FFF;
     font-size: 0.75rem;
     margin-bottom: 0;
     padding: 0 0.5rem; }
 
 @media (min-width: 576px) {
   .qm-header {
     padding: 0 3%;
     top: 42px; }
     .qm-header__brand-logo-container {
       max-width: 138px; }
     .qm-header__help {
       height: auto; }
     .qm-header__help-icon {
       font-size: 2.25rem; }
   .qm-login__brand-logo-container {
     max-width: 246px;
     margin-left: initial;
     margin-right: initial; }
   .qm-login__brand-logo-container-branded {
     max-width: 290px;
     margin-left: auto;
     margin-right: auto;
     width: 100%; }
   .qm-version-number {
     display: block; }
   .qm-version-number-branded {
     display: none;
   }
 }

@media (min-width: 768px) {
   .qm-header__brand-logo-container {
     max-width: 158px; }
   .qm-footer__text {
     font-size: 0.875rem; } }