.header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 0.5rem;
  }
  
  @media (max-width: 480px) {
    .header {
      text-align: center;
      flex-direction: column;
    }
  }
  
  .header h1 {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    text-indent: 200%;
    white-space: nowrap;
  }
  
  .logo {
    margin-top: 0.5rem;
    margin-right: 0.6rem;
    width: 16rem;
    height: 4rem;
  }
  
  @media (max-width: 767px) {
    .logo {
      height: 3.8rem;
      width: 14rem;
      margin-right: 0.2rem;
    }
  }
  
  .logo img {
    width: 100%;
    height: auto;
  }
  
  @media (max-width: 480px) {
    .logo img {
      width: auto;
      height: 4rem;
    }
  }
  
 
  .referrerApp {
    color: #4A4A4A;
    font-size: 0.8rem;
    text-align: right;
  }
  
 
  @media (max-width: 480px) {
    .referrerApp {
      text-align: left;
      margin: 0.5rem 0;
      display: flex;
      align-items: center;
      width: 100%;
      background: #f1f2f3;
      border-radius: 8px;
      padding: 0.5rem 0.8rem;
    }
  }
  
 
  .referrerApp img {
    width: auto;
    height: 2.5rem;
    margin-bottom: 0.1rem;
  }
  
  
  @media (max-width: 480px) {
    .referrerApp img {
      height: 2rem;
      margin: 0;
      display: none;
    }
  }
  
 
  .referrerApp p {
    display: block;
    word-break: break-all;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding: 0;
    letter-spacing: 0.5px;
  }
  
  .referrerApp span {
    display: block;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #4A4A4A;
    font-size: 0.7rem;
  }
  

  .menu {
    display: block;
    width: 100%;
    position: relative;
    margin: 0.3rem 0 0.8rem 0;
  }
  
  
  @media (max-width: 480px) {
    .menu {
      display: none;
    }
  }
  
  .menu ul {
    margin: 0 0 0.6rem 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    align-items: stretch;
    background: #fff;
    justify-content: space-between;
  }
  

  .menu ul li {
    text-align: center;
    margin-bottom: 4px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  
  .menu ul li img {
    display: block;
    margin: 0 auto 0.25rem;
    width: 1.4rem;
    height: auto;
  }
  
  .menu ul li a {
    color: #6A6A6A;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 0.6rem;
    font-size: 0.85rem;
    text-align: center;
    height: 100%;
    padding: 0.75rem 0.5rem;
    font-weight: 600;
    border: 1px solid #DDD;
    border-radius: 0.5rem;
    -webkit-box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.1);
  }
  
  .menu ul li a:focus,
  .menu ul li a:hover {
    color: #0071BC;
    background: #fff;
    -webkit-box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  }
  
  .menu ul li:last-child a {
    margin-right: 0;
  }
  
  .menu ul li.active a {
    border: 2px solid #0071BC;
    color: #0071BC;
    background: #fff;
    -webkit-box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
    box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.2);
  }
  
  .menu ul li.active a:hover {
    -webkit-box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.3);
    box-shadow: 0.125rem 0.3rem 0.6rem rgba(0, 0, 0, 0.3);
  }
  

  .menu-dropdown-wrapper {
    width: 100%;
    z-index: 10;
    display: none;
    background: #fff;
    font-size: 1rem;
    font-weight: 600;
    position: relative;
  }
  
  @media (max-width: 480px) {
    .menu-dropdown-wrapper {
      display: block;
    }
  }
  
  .menu-dropdown-wrapper button.selected {
    -webkit-box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    border: 2px solid #0071BC;
    text-align: left;
    width: 100%;
    color: #0071BC;
    background: #fff;
    padding: 0.75rem;
    display: block;
    border-radius: 0.5rem;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  
  .menu-dropdown-wrapper.active button.selected {
    color: #FFF;
    background: #0071BC;
    border-color: #0071BC;
  }
  
  .menu-dropdown-wrapper.active button.selected:after {
    border-color: #0071BC transparent;
    border-width: 0 6px 6px 6px;
  }
  
  .menu-dropdown-wrapper.open .menu-dropdown-list {
    max-height: 250px;
    display: inline!important;
  }
  
  .menu-dropdown-wrapper button.selected:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #0071BC transparent;
  }
  
  .menu-dropdown-wrapper.open button.selected:after {
    border-width: 0 6px 6px 6px;
  }
  
  .menu-dropdown-list {
    position: absolute;
    display: none;
    top: 48px;
    left: 5px;
    right: 5px;
    background: #fff;
    border: 1px solid #CCC;
    -webkit-box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    max-height: 0;
  }
  
  .menu-dropdown-list li {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  .menu-dropdown-list li.active {
    display: none;
  }
  
  .menu-dropdown-list li a {
    color: #6A6A6A;
    display: block;
    width: 100%;
    padding: 15px;
    font-weight: 600;
    border-bottom: 1px solid #CCC;
  }
  
  .menu-dropdown-list li a:hover {
    color: #0071BC;
  }
  
  *,
  ::after,
  ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
  }
  
  @-ms-viewport {
    width: device-width;
  }
  
  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;
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 16px;
  }
  


  body {
    margin: 0;
    padding: 0;
    font-family: Arimo, sans-serif;
    min-height: 100%;
    line-height: initial;
    height: 100%;
    color: #4A4A4A;
    background: #fff;
    background: -o-linear-gradient(310deg, #fff 0, #e8eaeb 86%);
    background: linear-gradient(140deg, #fff 0, #e8eaeb 86%);
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
  }
  
  article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
  }
  
  hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    background: 0 0;
    border-bottom: 1px dashed #CCC;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin: 0.4rem 0;
  }
  
  h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  
  p {
    margin-top: 0;
    margin-bottom: 0.5rem;
  }
  
  small {
    font-size: 80%;
  }
  
  a {
    color: #4A4A4A;
    text-decoration: none;
  }
  
  a:focus, a:hover {
    color: #0071BC;
  }
  
  a:focus, button:focus {
    outline: 0;
  }
  
  img {
    vertical-align: middle;
  }
  
  h1 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #0071BC;
  }
  
  h2 {
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  h3 {
    font-size: 1.2rem;
    font-weight: 600;
  }
  
  h4 {
    font-size: 1rem;
    font-weight: 600;
  }
  
  button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
  
  input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number] {
    -moz-appearance: textfield;
  }
  
  .visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px!important;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px!important;
  }
  
  .hidden {
    display: none!important;
    visibility: hidden;
  }
  
  .hide {
    display: none!important;
  }
  
  .show {
    display: inline!important;
  }
  


  .float-left {
    float: left;
  }
  
  .float-right {
    float: right;
  }
  
  .text-center {
    text-align: center!important;
  }
  
  .center-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
  }
  
  .end-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  
  .text-error {
    color: #dc1b28!important;
  }
  
  .text-warning {
    color: #e39700!important;
  }
  
  .text-success {
    color: #018744!important;
  }
  
  .text-primary {
    color: #0071BC!important;
  }
  
  .mt1 {
    margin-top: 1rem;
  }
  
  .mb1 {
    margin-bottom: 1rem;
  }
  
  .mr1 {
    margin-right: 1rem;
  }
  
  .ml1 {
    margin-left: 1rem;
  }
  
  .p0 {
    padding: 0!important;
  }
  
  .plg {
    color: #4A4A4A!important;
    font-size: 0.9rem!important;
    font-weight: 600;
  }
  
  .flg {
    font-size: 1rem!important;
    line-height: 1.3rem!important;
  }
  
  .clear {
    clear: both;
  }
  
  @font-face {
    font-family: Arimo;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: local('Arimo Italic'), local('Arimo-Italic');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  /* ... (similar @font-face rules for different font styles and weights) ... */
  
  .keyboard, .keypad {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .25);
    top: 24px;
    left: 5px;
    background-color: #f7f8f9;
    z-index: 5;
    padding: 5px;
    border-radius: 8px;
  }
  
  
  .keyboard *, .keypad * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  
  @media (max-width: 480px) {
    .keyboard, .keypad {
      right: -60px!important;
    }
  }
  
  .keyboard .keyboard-row, .keyboard .keypad-row, .keypad .keyboard-row, .keypad .keypad-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: nowrap row;
    flex-flow: nowrap row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  
  .keyboard .keyboard-key, .keyboard .keypad-key, .keypad .keyboard-key, .keypad .keypad-key {
    font-weight: 700;
    font-size: 0.9rem;
    width: 40px;
    padding: 8px;
    background-color: #fff;
    color: #000;
    margin: 3px;
    border: 1px solid #DDD;
    border-radius: 4px;
    text-align: center;
    line-height: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .keyboard .keyboard-key.double, .keyboard .keypad-key.double, .keypad .keyboard-key.double, .keypad .keypad-key.double {
    width: 86px;
  }
  
  
  
  .keyboard .keyboard-key:focus, .keyboard .keyboard-key:hover, .keyboard .keypad-key:focus, .keyboard .keypad-key:hover,
  .keypad .keyboard-key:focus, .keypad .keyboard-key:hover, .keypad .keypad-key:focus, .keypad .keypad-key:hover {
    color: #0071BC;
    border: 1px solid #CCC;
  }
  
  .keyboard .keyboard-key, .keypad .keyboard-key {
    width: 26px;
  }
  
  .keyboard .keyboard-key.double, .keypad .keyboard-key.double {
    width: 58px;
  }
  
  .keyboard .keyboard-key.quarter, .keypad .keyboard-key.quarter {
    width: 42px;
  }
  
  .keyboard .arrow, .keypad .arrow {
    margin: 2px;
    display: inline-block;
    height: 12px;
    position: relative;
    width: 12px;
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  
  .keyboard .arrow::after, .keypad .arrow::after {
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    content: "";
    display: inline-block;
    height: 12px;
    left: 0;
    position: absolute;
    top: 0;
    width: 12px;
    border-color: #000;
  }
  
  .keyboard .arrow-bar::before, .keypad .arrow-bar::before {
    bottom: 1px;
    content: "";
    height: 16px;
    position: absolute;
    right: 0;
    transform-origin: bottom;
    width: 2px;
    transform: rotate(-45deg);
    background-color: #000;
  }
  
  .edkicon-add:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f101";
  }
  
  .edkicon-alert:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f102";
  }
  
  .edkicon-back:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f103";
  }
  
  .edkicon-backspace:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f104";
  }
  .edkicon-bank:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
  }
  
  .edkicon-bubble:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f106";
  }
  
  .edkicon-calendar:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
  }
  
  .edkicon-camera:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f108";
  }
  
  .edkicon-chat:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f109";
  }
  
  .edkicon-check:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10a";
  }
  
  .edkicon-checked:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10b";
  }
  
  .edkicon-close-round:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10c";
  }
  
  .edkicon-close:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f10d";
  }
  .edkicon-cloud-download:before,
  .edkicon-copy:before,
  .edkicon-danger:before,
  .edkicon-delete:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .edkicon-cloud-download:before {
    content: "\f10e";
  }
  
  .edkicon-copy:before {
    content: "\f10f";
  }
  
  .edkicon-danger:before {
    content: "\f110";
  }
  
  .edkicon-delete:before {
    content: "\f111";
  }
  
  .edkicon-down:before,
  .edkicon-download:before,
  .edkicon-edit:before,
  .edkicon-eimza:before,
  .edkicon-ellipsis:before,
  .edkicon-forward:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .edkicon-down:before {
    content: "\f112";
  }
  
  .edkicon-download:before {
    content: "\f113";
  }
  
  .edkicon-edit:before {
    content: "\f114";
  }
  
  .edkicon-eimza:before {
    content: "\f115";
  }
  
  .edkicon-ellipsis:before {
    content: "\f116";
  }
  
  .edkicon-forward:before {
    content: "\f117";
  }
  
  .edkicon-group:before,
  .edkicon-help:before,
  .edkicon-id-card:before,
  .edkicon-info-bubble:before,
  .edkicon-info:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .edkicon-group:before {
    content: "\f118";
  }
  
  .edkicon-help:before {
    content: "\f119";
  }
  
  .edkicon-id-card:before {
    content: "\f11a";
  }
  
  .edkicon-info-bubble:before {
    content: "\f11b";
  }
  
  .edkicon-info:before {
    content: "\f11c";
  }
  
  .edkicon-key:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f11d";
  }
  
  .edkicon-keyboard:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f11e";
  }
  
  .edkicon-left:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f11f";
  }
  
  .edkicon-lock:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f120";
  }
  
  .edkicon-map:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f121";
  }
  
  .edkicon-message:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f122";
  }
  
  .edkicon-mobile:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f123";
  }
  
  .edkicon-next:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f124";
  }
  
  .edkicon-notifications-off:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f125";
  }
  
  .edkicon-notifications:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f126";
  }
  
  .edkicon-phone:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f127";
  }
  
  .edkicon-refresh:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f128";
  }
  
  .edkicon-remove:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f129";
  }
  
  .edkicon-right:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12a";
  }
  
  
  .edkicon-security:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12b";
  }
  
  .edkicon-select:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12c";
  }
  
  .edkicon-settings:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12d";
  }
  
  .edkicon-shield:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12e";
  }
  
  .edkicon-time:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f12f";
  }
  
  .edkicon-unlock:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f130";
  }
  
  .edkicon-up:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f131";
  }
  
  .edkicon-user:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f132";
  }
  
  .edkicon-visible-off:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f133";
  }
  
  .edkicon-visible:before {
    font-family: edkicon;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f134";
  }
  
  .wrapper {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: calc(100vh - 3.625rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  
  @media (max-width: 767px) {
    .wrapper {
      min-height: calc(100vh - 4.375rem);
    }
  }
  
  .container {
    position: relative;
    width: 780px;
    height: auto;
    padding: 1.2rem 2rem;
    border-radius: 8px;
    background: #fff;
    box-shadow: rgba(0, 0, 0, 0.25) 0 25px 50px -12px;
    margin: 1.5rem 0.6rem;
  }
  
  @media (max-width: 767px) {
    .container {
      width: 90% !important;
      padding: 0.3rem 1.4rem 0.5rem;
      margin: 1rem 0.6rem;
    }
  }
  
  .main-title {
    font-size: 1.2rem;
    color: #000;
  }
  
  @media (max-width: 480px) {
    .main-title {
      display: none;
    }
  }
  
  .content-title {
    font-size: 1rem;
    color: #000;
  }
  
  .content {
    display: block;
    padding: 1rem 1.3rem;
    border-top: 2px solid #eee;
  }
  
  @media (max-width: 480px) {
    .content {
      border-top: none;
      padding: 1rem 0;
    }
  }
  
  .content p {
    font-size: 0.9rem;
    line-height: 1.3rem;
    margin-bottom: 1rem;
    color: #30363a;
  }
  
  .content p a {
    color: #0071bc;
    font-weight: 600;
  }
  
  .content p a:hover {
    color: #0071bc;
  }
  
  .content ul {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    line-height: 1.125rem;
    margin-left: 1rem;
  }
  
  .content form {
    width: 85%;
    margin: 0 auto;
  }
  
  @media (max-width: 480px) {
    .content form {
      width: 100% !important;
    }
  }
  
  @media (min-width: 481px) and (max-width: 767px) {
    .content form {
      width: 100% !important;
    }
  }
  
  .content fieldset {
    border: 0;
    margin: 0;
    padding: 0;
  }
  
  
  
  .content-list {
    list-style-type: none;
    margin: 0.5rem 0!important;
    padding: 0;
    font-size: 0.9rem!important;
    color: #000;
  }
  
  .content-list li {
    padding: 0.75rem 0;
    border-bottom: 1px dashed #ccc;
    display: flex;
  }
  
  .content-list-title {
    font-weight: 600;
    display: inline-block;
    width: 25%;
  }
  
  @media (max-width: 480px) {
    .content-list-title {
      width: 35%;
    }
  }
  
  .content-list-info {
    display: inline-block;
    width: 74%;
  }
  
  @media (max-width: 480px) {
    .content-list-info {
      width: 64%;
    }
  }
  
  .row-block {
    width: 100%;
    float: left;
  }
  
  .form-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    border-bottom: 0;
    padding: 0.8rem 0;
  }
  
  @media (max-width: 480px) {
    .form-row {
      display: block;
      padding: 0.25rem 0;
    }
  }
  
  .form-row:before {
    clear: both;
  }
  
  .form-row:after {
    content: " ";
    display: table;
    clear: both;
  }
  
  @media (max-width: 480px) {
    .form-row.end-item {
      text-align: right;
      margin: 1rem 0.6rem;
    }
  }
  
  .form-row .formlabel, .form-row label {
    display: inline-block;
    font-weight: 600;
    line-height: 1.3rem;
    padding-top: 0.6rem;
    font-size: 0.9rem;
    width: 25%;
    word-break: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    float: left;
    position: relative;
  }
  
  @media (max-width: 480px) {
    .form-row .formlabel, .form-row label {
      padding-left: 1rem;
      padding-top: 0.2rem;
      width: 100%;
    }
  }
  
  legend {
    font-weight: 600;
    font-size: 1.2rem;
    color: #000;
  }
  
  .login-form {
    padding: 0.3rem 1rem;
  }
  
  .form-field {
    display: inline-block;
    width: 75%;
    position: relative;
    padding-left: 0.3rem;
  }
  
  @media (max-width: 480px) {
    .form-field {
      width: 100%;
      padding: 0;
      margin-top: 0.2rem;
    }
  }
  
  .form-warning {
    font-size: 0.85rem;
    display: inline-block;
    width: 100%;
    color: #000;
    margin-top: 0.5rem;
    line-height: 1rem;
  }
  
  .form-warning span {
    color: #e39700;
    font-weight: 700;
  }
  
  .form-note {
    font-size: 0.85rem;
    display: inline-block;
    width: 100%;
    color: #707070;
    margin-top: 0.4rem;
    line-height: 1rem;
  }
  
  .form-note a {
    color: #0071BC;
    font-weight: 600;
    font-style: italic;
  }
  
  
  
  .form-note a:hover {
    color: #0071BC;
  }
  
  .form-note span {
    display: block;
  }
  
  .form-note:before {
    clear: both;
    content: " ";
    display: table;
  }
  
  .form-error .form-control {
    color: #dc1b28!important;
    border: 1px solid #dc1b28!important;
  }
  
  .form-error .form-note {
    color: #dc1b28!important;
  }
  
  .form-control {
    background-color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    color: #000;
    padding: 5px 10px;
    border: 1px solid #a5a9b1;
    width: 100%;
    height: 2.8125rem;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 0.5rem;
    float: left;
  }
  
  @media (max-width: 480px) {
    .form-control {
      width: 100%;
      margin-bottom: 5px;
    }
  }
  
  input:focus:not(.error),
  select:focus,
  textarea:focus {
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.15);
    box-shadow: 0 0.125rem 0.25rem 0 rgba(0,0,0,0.15);
    background: #f8f8f8;
  }
  
  select {
    position: relative;
    font-size: 0.9rem!important;
    background-color: #fff!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(0,0,0,0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.25rem center;
    background-size: 1.5em;
  }
  
  .enforced::before {
    content: "*";
    position: absolute;
    left: -0.8rem;
    top: 0.6rem;
    color: #999;
    padding-right: 0.2rem;
  }
  
  @media (max-width: 480px) {
    .enforced::before {
      left: 0.2rem;
      top: 0.4rem;
    }
  }
  
  .captcha .form-control {
    width: 10.45rem;
  }
  
  .captcha .edk-icon {
    float: left;
    font-size: 0.8rem;
    line-height: 2.8rem;
    margin-right: 0.925rem;
    color: #999;
  }
  
  
  .captchaImage{
    float:left;
    margin-right:.925rem
}
.rm-timer-lg{
    height:auto;
    text-align:center;
    width:11rem;
    margin:1rem auto;
    color:#FFF;
    border-radius:.5rem;
    font-size:.9rem;
    padding:.8rem 1.5rem;
    background:#0071BC
}
.rm-timer-lg span{
    font-size:1.4rem;
    letter-spacing:-.5px;
    font-weight:600;
    display:block
}
@media (max-width:480px){
    .rm-timer-lg span{
        display:inline-block
    }
}
.rm-time{
    height:2.8125rem;
    display:block;
    text-align:center;
    width:100%;
    font-size:.8rem;
    background:#6a7079;
    color:#fff;
    border-radius:.5rem
}
.rm-time .timer{
    display:block;
    padding:.3rem .2rem
}
@media (max-width:480px){
    .rm-time .timer{
        padding:.7rem .2rem
    }
}
.rm-time .timer span{
    font-size:1.2rem;
    letter-spacing:-.5px;
    font-weight:600;
    display:block
}
@media (max-width:480px){
    .rm-time .timer span{
        display:inline-block
    }
}
.rm-time a{
    color:#FFF;
    border-radius:.5rem;
    width:100%;
    height:100%;
    background:#368CD8;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow:0 2px 8px 0 rgba(0,0,0,.15)
}
.rm-time a i{
    margin-right:5px;
    font-size:1.4rem
}
.h-form{
    float:left;
    margin-right:.6rem;
    margin-bottom:.6rem;
    width:auto;
    min-width:8rem
}
@media (max-width:480px){
    .h-form{
        width:100%;
        margin-right:0;
        margin-top:.4rem
    }
}
.h-form .form-control{
    width:100%
}
.h-form .form-note{
    color:#4A4A4A
}
.h-form select{
    font-size:.75rem!important;
    padding:5px!important
}
@media (max-width:480px){
    .h-form select{
        font-size:.9rem!important;
        padding:5px 10px!important
    }
}
.btn{
    cursor:pointer;
    height:2.8125rem;
    line-height:2.8125rem;
    display:inline-block;
    padding:0 35px;
    font-weight:600;
    font-size:1rem;
    text-align:center;
    margin:.6rem;
    color:#6A6A6A;
    background:#f4f4f4;
    background:-o-linear-gradient(330deg,#f4f4f4 0,#d6d6d6 100%);
    background:linear-gradient(120deg,#f4f4f4 0,#d6d6d6 100%);
    -webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,.15);
    box-shadow:0 2px 8px 0 rgba(0,0,0,.15);
    border-radius:2rem;
    border:1px solid #DDD
}
.btn i{
    margin-right:.3rem
}
@media (max-width:480px){
    .btn{
        display:block;
        width:100%;
        margin:.5rem 0 .8rem
    }
}
.btn:focus,.btn:hover{
    background:-o-linear-gradient(330deg,#eee 0,#d1d1d1 100%);
    background:linear-gradient(120deg,#eee 0,#d1d1d1 100%);
    color:#000
}
.btn:focus{
    outline:2px solid #CCC;
    outline-offset:-2px
}
.forgot-pass{
    color:#0071BC;
    text-decoration:underline;
    font-weight:600;
    line-height:1.125rem;
    font-size:.95rem
}
.forgot-pass:focus,.forgot-pass:hover{
    color:#0071BC
}
@media (min-width:768px){
    .btn-cancel{
        padding:0 45px
    }
}
@media (min-width:481px) and (max-width:767px){
    .btn-cancel{
        padding:0 30px
    }
}
@media (max-width:480px){
    .btn-cancel{
        width:34%;
        margin-right:2%;
        display:inline-block;
        padding:0 15px
    }
}
.btn-send{
    width:20rem;
    background:#338ad6;
    background:-o-linear-gradient(330deg,#338ad6 0,#045ead 80%);
    background:linear-gradient(120deg,#338ad6 0,#045ead 80%);
    color:#FFF;
    border:none;
    border-radius:2rem;
    background-position:center;
    -webkit-transition:background .8s;
    -o-transition:background .8s;
    transition:background .8s
}
@media (max-width:480px){
    .btn-send{
        width:62%!important;
        display:inline-block;
        padding:0 15px
    }
}
@media (min-width:481px) and (max-width:767px){
    .btn-send{
        width:14rem
    }
}
.btn-send:focus,.btn-send:hover{
    background:-o-linear-gradient(310deg,#338ad6 30%,#045ead 70%);
    background:linear-gradient(140deg,#338ad6 30%,#045ead 70%);
    color:#FFF;
    -webkit-box-shadow:0 4px 12px 0 rgba(0,0,0,.25);
    box-shadow:0 4px 12px 0 rgba(0,0,0,.25)
}
.btn-send:focus{
    outline:2px solid #045ead;
    outline-offset:-2px
}
button:disabled,button[disabled]{
    opacity:.7;
    cursor:not-allowed
}
.btn-send:disabled:hover,.btn-send:hover[disabled]{
    background:-o-linear-gradient(330deg,#338ad6 0,#045ead 80%);
    background:linear-gradient(120deg,#338ad6 0,#045ead 80%)
}
.btn-action{
    cursor:pointer;
    height:2.8125rem;
    width:2.8125rem;
    border:none;
    line-height:2.625rem;
    display:inline-block;
    float:left;
    text-align:center;
    margin:0 .3rem;
    background:0 0;
    color:#A1A9AF;
    border-radius:.25rem
}
.btn-action i{
    font-size:1.4rem
}
@media (max-width:480px){
    .btn-action{
        margin-bottom:5px
    }
}
.btn-action.active,.btn-action:focus,.btn-action:hover{
    color:#0071BC
}
.radio{
    display:inline-block
}
.radio label,.rclabel{
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding-left:.3rem;
    margin:.1rem .6rem .4rem .2rem;
    font-size:.85rem;
    line-height:1.25rem;
    margin-right:1.75rem;
    width:auto!important
}
input[type=radio],input[type=checkbox]{
    float:left;
    -moz-appearance:none;
    appearance:none;
    -webkit-appearance:none;
    background-color:#fff;
    font:inherit;
    color:currentColor;
    width:1.25rem;
    height:1.25rem;
    border:1px solid #879198;
    -webkit-transform:translateY(-.075eem);
    -ms-transform:translateY(-.075eem);
    transform:translateY(-.075eem);
    display:grid;
    place-content:center;
    margin:.65rem 0;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
input[type=radio]{
    border-radius:50%
}
input[type=checkbox]{
    border-radius:4px
}
input[type=radio]::before{
    content:"";
    width:.7rem;
    height:.7rem;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    border-radius:50%;
    -webkit-transition:60ms -webkit-transform ease-in-out;
    transition:60ms -webkit-transform ease-in-out;
    -o-transition:60ms transform ease-in-out;
    transition:60ms transform ease-in-out;
    transition:60ms transform ease-in-out,60ms -webkit-transform ease-in-out;
    -webkit-box-shadow:inset 1em 1em #0071BC;
    box-shadow:inset 1em 1em #0071BC;
    background-color:#fff
}
input[type=checkbox]::before{
    font-family:edkicon;
    display:inline-block;
    vertical-align:middle;
    line-height:1;
    font-weight:400;
    font-style:normal;
    speak:none;
    text-decoration:inherit;
    text-transform:none;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\f10a";
    font-size:.9rem;
    text-align:center;
    border-radius:3px;
    color:#fff;
    background-color:#0071BC;
    width:1.25rem;
    height:1.25rem;
    line-height:1.25rem;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    -webkit-transition:60ms -webkit-transform ease-in-out;
    transition:60ms -webkit-transform ease-in-out;
    -o-transition:60ms transform ease-in-out;
    transition:60ms transform ease-in-out;
    transition:60ms transform ease-in-out,60ms -webkit-transform ease-in-out
}
input[type=radio]:checked::before,input[type=checkbox]:checked::before{
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1)
}
input[type=radio]:focus,input[type=checkbox]:focus{
    outline:1px solid #0071BC;
    outline-offset:-1px
}
.radio-block{
    margin:0;
    width:100%
}
.radio-block label{
    padding-top:.5rem!important;
    font-size:.9rem;
    width:calc(100% - 4rem)!important
}
.checkbox{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1
}
.checkbox label{
    display:inline-block;
    cursor:pointer;
    position:relative;
    padding-left:.5rem;
    padding-top:0;
    margin:.6rem 1rem .6rem 0;
    font-size:.8rem;
    line-height:1.25rem;
    width:calc(100% - 2.5rem)!important
}
.qrimg{
    float:right;
    margin:.4rem;
    background:#FFF
}
.blockquote{
    background:#f7f8f9;
    border-left:5px solid #CCC;
    display:block;
    font-size:.85rem;
    padding:1rem;
    margin:.6rem 0;
    border-top-right-radius:.5rem;
    border-bottom-right-radius:.5rem
}
.blockquote a{
    font-weight:600;
    color:#000
}
.blockquote a:focus,.blockquote a:hover{
    color:#0071BC!important
}
.blockquote ul{
    padding:.5rem;
    margin:0;
    line-height:1.2rem;
    font-size:.85rem;
    color:#333
}
.round-icon{
    font-size:1.3rem;
    margin-right:5px;
    background:#fff;
    padding:10px;
    border-radius:50%;
    display:inline-block;
    border:1px solid #DDD;
    width:2.625rem;
    height:2.625rem;
    line-height:1rem;
    text-align:center
}
.alert{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    align-items:stretch;
    -webkit-box-orient:horizontal;
    -webkit-box-direction:normal;
    -ms-flex-direction:row;
    flex-direction:row;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    font-size:.85rem;
    border-radius:.5rem;
    width:100%;
    margin:1rem 0;
    overflow:hidden
}
.alert p{
    padding:1rem;
    margin:0;
    font-size:.875rem;
    width:calc(100% - 3rem);
    color:#30363a
}
.alert a{
    font-weight:600;
    color:#000
}
.alert a:focus,.alert a:hover{
    color:#0071BC!important
}
.alert-icon{
    font-size:1.5rem;
    color:#FFF;
    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;
    width:3rem
}
.warning{
    background:#fff9f0;
    border:1px solid #e39700
}
.warning .alert-icon{
    background:#e39700
}
.error{
    background:#fff5f5;
    border:1px solid #dc1b28
}
.error .alert-icon{
    background:#dc1b28
}
.form-large-icon{
    display:block;
    text-align:center;
    font-size:4rem;
    margin:.5rem auto
}
.clickboard{
    position:absolute;
    right:.25rem;
    top:calc(50% - 1.313rem);
    color:#000
}
.clickboard i{
    font-size:1.6rem
}
.edkicon-visible-off{
    display:none
}
.view .edkicon-visible-off{
    display:inline
}
.view .edkicon-visible{
    display:none
}
.hide-tck{
    position:absolute;
    right:2.625rem;
    top:.125rem
}
.btn-calendar{
    position:absolute;
    right:0;
    top:0;
    background:#f1f2f3;
    margin:0;
    border:1px solid #a5a9b1;
    border-top-right-radius:.5rem;
    border-top-lef-radius:0;
    border-bottom-right-radius:.5rem;
    border-bottom-lef-radius:0
}
.open-keyboard{
    color:#0071BC!important
}
.keyboard-content{
    position:absolute;
    top:.125rem;
    right:0
}
.keyboard,.keypad{
    top:35px;
    left:unset;
    right:5px
}
.contract-wrapper{
    padding:.3rem;
    border:1px solid #EEE;
    border-radius:.3rem;
    background:#f7f8f9
}
.contract{
    height:9.75rem;
    margin:.5rem .6rem;
    overflow-y:scroll
}
.contract p{
    color:#4A4A4A
}
.signcode{
    position:relative;
    display:block;
    text-align:center;
    padding:1rem 4rem;
    width:100%;
    font-size:1.2rem;
    background:#f7f8f9;
    color:#000;
    border:1px dashed #CCC;
    border-radius:.5rem;
    margin:.3rem 0
}
.signcode .ed-inform-wrapper{
    border-radius:.5rem;
    position:absolute;
    font-size:15px;
    letter-spacing:0;
    background:#0071BC;
    color:#fff;
    width:200px;
    top:-22px;
    right:14px
}
.signcode .ed-inform-wrapper .ed-inform-close{
    top:-14px;
    right:5px;
    color:#FFF
}
.signcode-lg{
    letter-spacing:1px;
    font-size:2.2rem
}
.loading-content{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border-radius:.5rem;
    padding:.2rem 0;
    position:relative;
    text-align:center;
    width:100%;
    margin:.4rem auto
}
.loading-content img{
    width:2.6rem;
    height:2.6rem
}
.loader-info{
    font-size:.9rem;
    color:#30363a;
    margin:.4rem
}
.loading{
    margin:.4rem;
    width:2.6rem;
    min-width:2.6rem;
    height:2.6rem;
    position:relative;
    overflow:hidden;
    border-radius:50%;
    background-color:#f1f2f3;
    text-align:center;
    -webkit-box-shadow:1px 3px 3px 1px rgba(0,0,0,.2);
    box-shadow:1px 3px 3px 1px rgba(0,0,0,.2)
}
.loading:before{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:2.6rem;
    height:2.6rem;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='2.6rem' height='2.6rem' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' r='30' stroke='rgba(111 118 130 0.4)' stroke-width='10' fill='none'%3E%3C/circle%3E%3Ccircle cx='50' cy='50' r='30' stroke='%23188ad6' stroke-width='8' stroke-linecap='round' fill='none'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.1764705882352942s' values='0 50 50%3B180 50 50%3B720 50 50' keyTimes='0%3B0.5%3B1'%3E%3C/animateTransform%3E%3Canimate attributeName='stroke-dasharray' repeatCount='indefinite' dur='1.25s' values='18.84955592153876 169.64600329384882%3B94.2477796076938 94.24777960769377%3B18.84955592153876 169.64600329384882' keyTimes='0%3B0.5%3B1'%3E%3C/animate%3E%3C/circle%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-position:center;
    background-size:2.6em;
    z-index:2
}
.loading:after{
    content:" ";
    position:absolute;
    top:.4rem;
    left:.4rem;
    width:1.8rem;
    height:1.8rem;
    border-radius:50%;
    border:.3rem solid #CCC;
    z-index:1
}
.bankLinks{
    display:block;
    text-align:center
}
.bankLinks a{
    background:#FFF;
    display:inline-block;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    padding:1rem;
    min-height:3.75rem;
    border:1px solid #EEE;
    border-radius:.5rem;
    margin:.5rem .3rem;
    -webkit-box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.1);
    box-shadow:0 .125rem .25rem 0 rgba(0,0,0,.1);
    text-align:center;
    -o-transition:all .3s ease-out;
    -webkit-transition:all .3s ease-out;
    transition:all .3s ease-out
}
@media (max-width:480px){
    .bankLinks a{
        padding:1rem 2rem
    }
}
.bankLinks a:focus,.bankLinks a:hover{
    -webkit-box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.3);
    box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.3)
}
.bankLinks a img{
    width:4rem;
    height:auto
}
.subBank{
    display:none;
    background:#0071BC!important;
    border-radius:.25rem!important;
    -webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,.25)!important;
    box-shadow:0 2px 6px 0 rgba(0,0,0,.25)!important
}
.subBank .popover-dismiss-btn{
    color:#fff
}
.mainBank{
    display:inline-block;
    position:relative
}
.mainBank.open .subBank{
    display:inline
}
.mainBank .closebank{
    z-index:999;
    display:none;
    position:absolute;
    right:0;
    bottom:-22px;
    color:#fff;
    padding:.3rem;
    width:2rem;
    height:2rem;
    font-size:.5rem;
    cursor:pointer
}
.mainBank.open .closebank{
    display:block
}
.mainBank:before{
    display:none;
    content:"";
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0);
    z-index:997;
    visibility:hidden;
    -webkit-transition:visibility 0s 1s,background 1s;
    -o-transition:visibility 0s 1s,background 1s;
    transition:visibility 0s 1s,background 1s
}
.mainBank.open:before{
    display:block;
    visibility:visible;
    background:rgba(0,0,0,.15);
    -webkit-transition:visibility 0s,background 1s;
    -o-transition:visibility 0s,background 1s;
    transition:visibility 0s,background 1s
}
.breadcrumb{
    margin-bottom:.3rem;
    list-style:none;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    width:100%;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    margin-left:0!important;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.breadcrumb i{
    font-size:.8rem
}
.breadcrumb li{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
    font-size:.85rem;
    background:#f1f2f3;
    margin-top:.3rem;
    color:#707070;
    font-weight:600;
    display:block;
    text-decoration:none;
    line-height:2rem;
    padding:.3rem .45rem .3rem .25rem;
    text-align:center;
    border-bottom:2px solid transparent;
    position:relative
}
@media (max-width:480px){
    .breadcrumb li{
        padding:.1rem .4rem .1rem .2rem;
        line-height:1.75rem
    }
}
.breadcrumb li:after{
    content:"/";
    color:#999;
    position:absolute;
    top:.4rem;
    right:.1rem
}
@media (max-width:480px){
    .breadcrumb li:after{
        top:.2rem
    }
}
.breadcrumb li:last-child:after{
    content:""
}
.breadcrumb li a{
    color:#0071BC
}
.breadcrumb li.active{
    color:#0071BC;
    border-bottom:2px solid #0071BC
}
.breadcrumb li.complete{
    color:#000
}
.date-picker-control{
    background:#f1f2f3
}
.footer-fixed{
    width:100%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    display:block;
    height:3.625rem;
    background:#fff;
    padding:1.25rem 0;
    border-top:1px solid #EEE;
    text-align:center
}
@media (max-width:767px){
    .footer-fixed{
        padding:.925rem 0 .625rem;
        min-height:4.375rem;
        height:auto
    }
}
.footer-fixed .footer-logo{
    height:24px;
    width:auto;
    margin-right:15px;
    display:inline-block
}
@media (max-width:480px){
    .footer-fixed .footer-logo{
        margin:5px auto;
        display:block
    }
}
.footer-fixed ul{
    padding:0;
    margin:0;
    display:inline-block;
    border-left:1px solid #CCC;
    padding-left:5px
}
@media (max-width:767px){
    .footer-fixed ul{
        border-left:none;
        padding-left:0;
        display:block;
        margin-top:.3rem
    }
}
.footer-fixed ul li{
    padding:0;
    margin:0;
    list-style-type:none;
    display:inline-block
}
@media (max-width:767px){
    .footer-fixed ul li{
        border-right:1px solid #CCC
    }
}
@media (max-width:767px){
    .footer-fixed ul li:last-child{
        border-right:none
    }
}
.footer-fixed ul li a{
    color:#30363a;
    margin:0 5px;
    font-size:.85rem;
    padding:2px 10px
}
.footer-fixed ul li a:hover{
    color:#0071BC
}
.copyright{
    color:#5f6b73;
    font-size:.8rem;
    margin-right:.9rem
}
@media (max-width:767px){
    .copyright{
        display:block
    }
}
.submit-btn-loading{
    position:relative
}
.submit-btn-spinner{
    content:"";
    position:absolute;
    width:26px;
    height:26px;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
    border:4px solid rgba(255,255,255,.5);
    border-top-color:#fff;
    border-radius:50%;
    -webkit-animation:button-loading-spinner 1s ease infinite;
    animation:button-loading-spinner 1s ease infinite
}
@-webkit-keyframes button-loading-spinner{
    from{
        -webkit-transform:rotate(0turn);
        transform:rotate(0turn)
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
@keyframes button-loading-spinner{
    from{
        -webkit-transform:rotate(0turn);
        transform:rotate(0turn)
    }
    to{
        -webkit-transform:rotate(1turn);
        transform:rotate(1turn)
    }
}
.form-loading-cover{
    opacity:0;
    background:#93939333;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:100
}
.main-form-loading{
    position:relative
}