/*
0 - 600px:      Phone
600 - 900px:    Tablet portrait
900 - 1200px:   Tablet landscape
[1200 - 1800] is where our normal styles apply
1800px + :      Big desktop

$breakpoint arguement choices:
- phone
- tab-port
- tab-land
- big-desktop

ORDER: Base + typography > general layout + grid > page layout > components

1em = 16px
*/
@font-face {
  src: url("../img/typeface/Dosis-Bold.ttf") format("ttf");
  font-family: "Dosis-Bold"; }

@font-face {
  src: url("../img/typeface/Dosis-Book.ttf") format("ttf");
  font-family: "Dosis-Book"; }

@font-face {
  src: url("../img/typeface/Dosis-Light.ttf") format("ttf");
  font-family: "Dosis-Light"; }

@font-face {
  src: url("../img/typeface/Dosis-Medium.ttf") format("ttf");
  font-family: "Dosis-Medium"; }

@font-face {
  src: url("../img/typeface/Dosis-SemiBold.ttf") format("ttf");
  font-family: "Dosis-SemiBold"; }

.loader {
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  height: 100%;
  background-color: #eceaea;
  background-image: url("/public/assets/img/payment_loading_animation/tap_animation.gif");
  background-size: 200px;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 10000000;
  opacity: 0.4;
  filter: alpha(opacity=40); }

.cloudbanking_modal {
  font-family: "Dosis"; }
  .cloudbanking_modal--header {
    background-color: #12447c;
    height: 40px;
    padding: 10px 10px;
    border-bottom: none; }
    .cloudbanking_modal--header__title {
      color: #fff;
      text-transform: uppercase;
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400; }
  .cloudbanking_modal--small {
    width: 400px !important;
    margin: auto; }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal--small {
        width: 350px !important; } }
  .cloudbanking_modal--big {
    width: 4000px !important; }
  .cloudbanking_modal--modal_form_bg {
    background-color: #F2F6F9 !important; }
  .cloudbanking_modal--modal_form_bg2 {
    background-color: #fff !important; }
  .cloudbanking_modal--body h2 {
    font-size: 1.5rem;
    font-family: "Dosis";
    font-weight: 400;
    margin-bottom: 1rem; }
  .cloudbanking_modal--body p {
    margin-bottom: 1rem; }
  .cloudbanking_modal--body__image {
    width: 50%;
    margin-bottom: 2rem;
    margin-top: 1.5rem; }
  .cloudbanking_modal--body__btn {
    border: none;
    border-radius: 5px;
    padding: 5px;
    width: 12rem; }
    .cloudbanking_modal--body__btn-connect {
      background-color: #29abe2;
      color: #fff;
      margin-bottom: .5rem;
      font-size: .9rem; }
    .cloudbanking_modal--body__btn-skip {
      font-size: .9rem;
      background: transparent;
      border: 1px solid #808080; }
    .cloudbanking_modal--body__btn-marketplace {
      background: transparent;
      margin-top: 1.2rem;
      color: #0786dd; }
  .cloudbanking_modal--body__virtual_terminal_loader {
    background: #1d2935; }
    .cloudbanking_modal--body__virtual_terminal_loader--img {
      width: 20rem; }
    .cloudbanking_modal--body__virtual_terminal_loader--p {
      color: #fff;
      font-size: .85rem;
      font-family: "Dosis";
      font-weight: 400; }
  .cloudbanking_modal--body__virtual_terminal_bg {
    background: #f2f6f9 !important; }
  .cloudbanking_modal--body__virtual_terminal {
    background: #f2f6f9;
    padding: 0px 0px;
    padding-left: 9.4px; }
    @media only screen and (max-width: 56.25em) {
      .cloudbanking_modal--body__virtual_terminal {
        padding-left: 13.5px; } }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal--body__virtual_terminal {
        padding-left: 10.1px; } }
    .cloudbanking_modal--body__virtual_terminal--header {
      background-color: #1d2935;
      height: 90px;
      padding: 10px 10px;
      border-bottom: none; }
      .cloudbanking_modal--body__virtual_terminal--header_logo {
        width: 10rem;
        margin-left: .7em;
        margin-top: 1rem; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--header_logo {
            margin-top: 1rem; } }
      .cloudbanking_modal--body__virtual_terminal--header_title {
        color: #fff;
        text-transform: uppercase;
        font-size: 1.1rem;
        font-family: "Dosis";
        font-weight: 400;
        margin-top: 1.1rem; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--header_title {
            font-size: .7rem; } }
    .cloudbanking_modal--body__virtual_terminal--leftside {
      background-image: url("../img/terminal_card.png");
      height: 29rem;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover; }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--body__virtual_terminal--leftside {
          background-size: 330pt;
          height: 27rem; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--body__virtual_terminal--leftside {
          background-position: left;
          background-size: 350px;
          height: 13rem; } }
      .cloudbanking_modal--body__virtual_terminal--leftside__cheque {
        background-image: url("../img/checquebg.png");
        height: 29rem;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover; }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__cheque {
            background-size: 330pt;
            height: 27rem; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__cheque {
            background-position: left;
            background-size: 350px;
            height: 13rem; } }
      .cloudbanking_modal--body__virtual_terminal--leftside__paragraph {
        text-transform: uppercase;
        font-size: .9rem;
        font-family: "Dosis";
        font-weight: 400;
        color: #fff;
        margin-top: 20px; }
      .cloudbanking_modal--body__virtual_terminal--leftside .active {
        background-color: #FFF !important;
        color: #000 !important; }
      .cloudbanking_modal--body__virtual_terminal--leftside__mrb {
        margin-top: 10rem !important; }
      .cloudbanking_modal--body__virtual_terminal--leftside__img {
        display: inline-block;
        width: 2rem; }
        @media only screen and (max-width: 85.375em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img {
            width: 10rem; } }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img {
            width: 60%; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img {
            width: 5%; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img {
            width: 5%; } }
      .cloudbanking_modal--body__virtual_terminal--leftside__img2 {
        margin-left: auto;
        margin-right: auto;
        display: block;
        width: 1.5rem;
        border: 0.5px solid black; }
        @media only screen and (max-width: 85.375em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img2 {
            width: 60%; } }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img2 {
            width: 60%; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img2 {
            width: 80%; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--leftside__img2 {
            width: 100%; } }
    .cloudbanking_modal--body__virtual_terminal--card-footer-vt {
      padding: 0;
      background-color: #f2f6f9; }
      .cloudbanking_modal--body__virtual_terminal--card-footer-vt__ach {
        margin: 4.2rem 0 0 0; }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__ach {
            margin: 4rem 0 0 0; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__ach {
            margin: 1rem 0 0 0; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__ach {
            margin: 1rem 0 1rem 0; } }
      .cloudbanking_modal--body__virtual_terminal--card-footer-vt__direct-debit {
        margin: 6.7rem 0 0 0; }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__direct-debit {
            margin: 6.7rem 0 0 0; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__direct-debit {
            margin: 3.2rem 0 0 0; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__direct-debit {
            margin: 1rem 0 1rem 0; } }
      .cloudbanking_modal--body__virtual_terminal--card-footer-vt__credit-card {
        margin: 6rem 0 0 0; }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__credit-card {
            margin: 6.1rem 0 0 0; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__credit-card {
            margin: 3rem 0 0 0; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__credit-card {
            margin: 1rem 0 1rem 0; } }
      .cloudbanking_modal--body__virtual_terminal--card-footer-vt__existing-customer {
        margin: 9rem 0 0 0; }
        @media only screen and (max-width: 75em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__existing-customer {
            margin: 8.8rem 0 0 0; } }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__existing-customer {
            margin: 5.6rem 0 0 0; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--body__virtual_terminal--card-footer-vt__existing-customer {
            margin: 1rem 0 1rem 0; } }
    .cloudbanking_modal--body__virtual_terminal--btn {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem;
      color: #fff;
      text-transform: uppercase;
      border-radius: 0;
      padding: 0.2rem 1rem; }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--body__virtual_terminal--btn {
          font-size: .5rem;
          padding: 0rem .5rem; } }
      .cloudbanking_modal--body__virtual_terminal--btn__active {
        background: #29abe2; }
        .cloudbanking_modal--body__virtual_terminal--btn__active:hover {
          color: white; }
      .cloudbanking_modal--body__virtual_terminal--btn__inactive {
        background: #4d4d4d; }
        .cloudbanking_modal--body__virtual_terminal--btn__inactive:hover {
          color: white; }
    .cloudbanking_modal--body__virtual_terminal--pills {
      border: 1px solid #fff;
      background: transparent;
      border-radius: 0px !important;
      padding: 0.3rem 0.5rem;
      width: 40%;
      color: #FFF;
      margin-left: 20px;
      margin-bottom: 10px;
      font-size: .75rem; }
      .cloudbanking_modal--body__virtual_terminal--pills:hover {
        color: #FFF; }
    .cloudbanking_modal--body__virtual_terminal--label {
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #000;
      margin-bottom: 0px; }
    .cloudbanking_modal--body__virtual_terminal--select {
      border: #bacdd3 1px solid;
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      padding: 0.2375rem .5rem;
      height: calc(1.8rem + 2px); }
    .cloudbanking_modal--body__virtual_terminal--input {
      border: #bacdd3 1px solid;
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      padding: 0.2375rem .5rem;
      height: calc(1.8rem + 2px); }
    .cloudbanking_modal--body__virtual_terminal--success_message__transaction_processing {
      background: #1277a9; }
    .cloudbanking_modal--body__virtual_terminal--success_message__transaction_details {
      background: #0d5bae; }
    .cloudbanking_modal--body__virtual_terminal--bottom {
      position: absolute;
      bottom: 0;
      margin-bottom: 10px;
      width: 100%; }
      .cloudbanking_modal--body__virtual_terminal--bottom__btncancel {
        background-color: #666666;
        color: #fff;
        font-size: .75rem;
        font-family: "Dosis";
        font-weight: 400; }
        .cloudbanking_modal--body__virtual_terminal--bottom__btncancel:hover, .cloudbanking_modal--body__virtual_terminal--bottom__btncancel:active {
          color: #fff; }
      .cloudbanking_modal--body__virtual_terminal--bottom__process_payment {
        background-image: linear-gradient(#08588b, #1277a9);
        color: #fff;
        font-size: .75rem;
        font-family: "Dosis";
        font-weight: 400; }
        .cloudbanking_modal--body__virtual_terminal--bottom__process_payment:hover, .cloudbanking_modal--body__virtual_terminal--bottom__process_payment:active {
          color: #fff; }
      .cloudbanking_modal--body__virtual_terminal--bottom__btn {
        color: #fff;
        font-size: .7rem;
        font-family: "Dosis";
        font-weight: 400;
        padding: 0.1rem 1rem;
        margin-right: .3rem; }
        .cloudbanking_modal--body__virtual_terminal--bottom__btn--refund {
          background: #f54654; }
          @media only screen and (max-width: 37.5em) {
            .cloudbanking_modal--body__virtual_terminal--bottom__btn--refund {
              padding: 0.1rem 1.55rem; } }
          .cloudbanking_modal--body__virtual_terminal--bottom__btn--refund:hover, .cloudbanking_modal--body__virtual_terminal--bottom__btn--refund:active {
            color: #fff; }
        .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendemail {
          background: #1277a9; }
          .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendemail:hover, .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendemail:active {
            color: #fff; }
        .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendsms {
          background: #0d5bae; }
          @media only screen and (max-width: 37.5em) {
            .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendsms {
              padding: 0.1rem 1.3rem; } }
          .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendsms:hover, .cloudbanking_modal--body__virtual_terminal--bottom__btn--sendsms:active {
            color: #fff; }
  .cloudbanking_modal--import_customer {
    font-family: "Dosis"; }
    .cloudbanking_modal--import_customer-header {
      background-image: linear-gradient(to left, #1276A8, #08588B);
      height: 50px;
      padding: 1rem 1.5rem; }
    .cloudbanking_modal--import_customer-title {
      color: #fff;
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400;
      text-transform: initial; }
    .cloudbanking_modal--import_customer-textfield {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .8rem;
      height: calc(1.725rem + 2px) !important;
      border: none !important;
      border-radius: 8px !important; }
    .cloudbanking_modal--import_customer-desc {
      background: #fff !important;
      color: black !important;
      overflow: hidden;
      font-size: 0.5rem;
      height: 100px;
      border-radius: 4px;
      border: 2px solid #D7E2E6; }
    .cloudbanking_modal--import_customer-border {
      border: none; }
    .cloudbanking_modal--import_customer-bg {
      background: #F2F6F9; }
    .cloudbanking_modal--import_customer-tags {
      background-color: #fff;
      height: 100px;
      border-radius: 4px;
      border: 2px solid #D7E2E6;
      color: #3f3f3f;
      font-family: "Dosis"; }
    .cloudbanking_modal--import_customer-p {
      font-family: "Dosis";
      font-weight: 400;
      font-size: 0.7rem;
      color: black; }
    .cloudbanking_modal--import_customer-head {
      margin-left: -0.9rem; }
    .cloudbanking_modal--import_customer-copy {
      background-image: linear-gradient(#08588b, #1277a9);
      padding: 0.3rem 0.4rem;
      border: none;
      color: #fff;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem;
      text-transform: uppercase; }
      .cloudbanking_modal--import_customer-copy:hover, .cloudbanking_modal--import_customer-copy:focus {
        color: white; }
    .cloudbanking_modal--import_customer-btn {
      background: transparent !important;
      font-family: "Dosis";
      font-weight: 400;
      font-size: 0.8rem;
      color: white;
      padding: 0.1rem 0.8rem;
      margin-top: -0.4rem;
      margin-right: -1.7rem;
      border: 1px solid #fff; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--import_customer-btn {
          margin-top: -2.9rem; } }
      .cloudbanking_modal--import_customer-btn:hover {
        color: #fff; }
    .cloudbanking_modal--import_customer-csv_btn {
      font-family: "Dosis";
      font-weight: 600;
      background: transparent;
      border: 1px solid #08588B;
      color: #08588B; }
      .cloudbanking_modal--import_customer-csv_btn:hover {
        color: #08588B; }
    .cloudbanking_modal--import_customer-step_one {
      background-color: #E8ECEF;
      border-radius: 4px; }
    .cloudbanking_modal--import_customer-step_two {
      background-color: #fff;
      border-radius: 4px; }
      .cloudbanking_modal--import_customer-step_two img {
        width: 2rem;
        margin: 0.5rem; }
    .cloudbanking_modal--import_customer-label {
      font-family: "Dosis";
      font-weight: 600;
      font-size: 0.7rem;
      color: black;
      margin-bottom: -0.1rem; }
    .cloudbanking_modal--import_customer-file_lbl {
      margin-left: -2.5rem;
      font-family: "Dosis";
      font-weight: 600;
      font-size: 0.5rem;
      color: black; }
    .cloudbanking_modal--import_customer-file_btn {
      background: transparent;
      border-radius: 4px;
      border: 1px solid #08588B;
      color: #08588B;
      font-family: "Dosis";
      font-weight: 600;
      font-size: 0.45rem;
      padding: 0.0125rem 0.5rem; }
  .cloudbanking_modal--merchant_credit__body {
    padding: 0px 0px;
    color: black; }
    .cloudbanking_modal--merchant_credit__body--img {
      width: 5rem; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--merchant_credit__body--img {
          width: 4rem; } }
    .cloudbanking_modal--merchant_credit__body--h {
      color: black; }
    .cloudbanking_modal--merchant_credit__body--p {
      color: black;
      font-size: 0.7rem;
      font-weight: 500;
      line-height: 14px; }
  .cloudbanking_modal--merchant_add_credit__header {
    background-color: #1d2935;
    height: 70px;
    padding: 10px 10px;
    border-bottom: none; }
    .cloudbanking_modal--merchant_add_credit__header-logo {
      width: 10rem;
      margin-top: .8rem; }
    .cloudbanking_modal--merchant_add_credit__header-title {
      color: #fff;
      text-transform: initial;
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400;
      margin-bottom: 4%;
      margin-left: 8%; }
  .cloudbanking_modal--merchant_add_credit__small {
    width: 280px;
    margin: auto; }
  .cloudbanking_modal--merchant_add_credit__body {
    padding: 0px 0px; }
    .cloudbanking_modal--merchant_add_credit__body-img {
      width: 15%; }
    .cloudbanking_modal--merchant_add_credit__body-btn {
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase; }
      .cloudbanking_modal--merchant_add_credit__body-btn:hover {
        color: #fff; }
      .cloudbanking_modal--merchant_add_credit__body-btn__cancel {
        background-color: #1d2935;
        text-transform: initial;
        padding: 3px 50px;
        font-size: .7rem; }
        .cloudbanking_modal--merchant_add_credit__body-btn__cancel:hover {
          color: white; }
      .cloudbanking_modal--merchant_add_credit__body-btn__submit {
        background-color: #f54654;
        text-transform: initial;
        padding: 3px 50px;
        font-size: .7rem; }
        .cloudbanking_modal--merchant_add_credit__body-btn__submit:hover {
          color: white; }
  .cloudbanking_modal--merchant_confirm_password__header {
    background: transparent;
    height: 70px;
    padding: 10px 10px;
    border-bottom: none; }
    .cloudbanking_modal--merchant_confirm_password__header-logo {
      width: 15rem;
      margin-top: .8rem; }
  .cloudbanking_modal--merchant_confirm_password__body {
    padding: 0px 0px; }
    .cloudbanking_modal--merchant_confirm_password__body-btn {
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase; }
      .cloudbanking_modal--merchant_confirm_password__body-btn:hover {
        color: #fff; }
      .cloudbanking_modal--merchant_confirm_password__body-btn__cancel {
        background-color: #666666;
        padding: 5px 10px; }
        .cloudbanking_modal--merchant_confirm_password__body-btn__cancel:hover {
          color: white; }
      .cloudbanking_modal--merchant_confirm_password__body-btn__confirm {
        background-image: linear-gradient(#1277a9, #08588b);
        padding: 5px 8px; }
        .cloudbanking_modal--merchant_confirm_password__body-btn__confirm:hover {
          color: white; }
  .cloudbanking_modal--transaction__header {
    background-color: #1d2935;
    height: 90px;
    padding: 10px 10px;
    border-bottom: none; }
    .cloudbanking_modal--transaction__header-logo {
      width: 10rem;
      margin-left: .7em; }
      @media only screen and (min-width: 112.5em) {
        .cloudbanking_modal--transaction__header-logo {
          margin-top: -0.5rem; } }
      @media only screen and (max-width: 90em) {
        .cloudbanking_modal--transaction__header-logo {
          margin-top: -0.5rem; } }
      @media only screen and (max-width: 75em) {
        .cloudbanking_modal--transaction__header-logo {
          margin-top: -0.5rem; } }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--transaction__header-logo {
          margin-top: -0.6rem; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__header-logo {
          margin-top: -0.5rem; } }
    .cloudbanking_modal--transaction__header-title {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-family: "Dosis";
      font-weight: 400; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__header-title {
          font-size: 1rem; } }
  .cloudbanking_modal--transaction__process-header {
    background-color: #1d2935;
    height: 100px;
    padding: 10px;
    border-bottom: none; }
    .cloudbanking_modal--transaction__process-header-logo {
      width: 10rem;
      margin-left: .7em; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__process-header-logo {
          margin-top: .5rem; } }
    .cloudbanking_modal--transaction__process-header-title {
      color: #fff;
      text-transform: uppercase;
      font-size: 1.1rem;
      font-family: "Dosis";
      font-weight: 400; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__process-header-title {
          font-size: 1rem; } }
  .cloudbanking_modal--transaction__body {
    padding: 0px 0px; }
    .cloudbanking_modal--transaction__body--img {
      width: 5rem;
      margin-top: .8rem; }
    .cloudbanking_modal--transaction__body--processing {
      height: 2rem;
      color: #fff;
      text-transform: uppercase;
      background-color: #1277a9;
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      padding: 5px 5px; }
    .cloudbanking_modal--transaction__body--details {
      height: 2rem;
      color: #fff;
      text-transform: uppercase;
      background-color: #0d5bae;
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      padding: 5px 5px; }
    .cloudbanking_modal--transaction__body--status {
      height: 2rem;
      color: #fff;
      text-transform: uppercase;
      background-color: #00A44A;
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400;
      padding: 5px 20px; }
      .cloudbanking_modal--transaction__body--status__failed {
        background-color: #d9534f; }
      .cloudbanking_modal--transaction__body--status__refunded {
        background-color: #566572; }
      .cloudbanking_modal--transaction__body--status__pending {
        background-color: #f7931e; }
    .cloudbanking_modal--transaction__body--footer {
      font-family: "Dosis";
      text-transform: uppercase;
      margin-left: 1.3rem;
      color: black;
      font-weight: 500;
      padding: 0; }
    .cloudbanking_modal--transaction__body--fields {
      font-size: 1rem;
      font-family: "Dosis";
      font-weight: 600;
      text-transform: uppercase;
      text-align: left;
      margin-top: 10px;
      margin-left: 1.3rem;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__body--fields {
          font-size: 0.8rem; } }
      .cloudbanking_modal--transaction__body--fields__status {
        color: red;
        font-weight: 400;
        margin-top: -0.7rem; }
    .cloudbanking_modal--transaction__body--value {
      font-size: 1rem;
      font-family: "Dosis";
      font-weight: 500;
      text-align: left;
      margin-top: -5px;
      margin-left: 1.3rem;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__body--value {
          font-size: 0.7rem; } }
    .cloudbanking_modal--transaction__body--amount {
      font-size: 2.8rem;
      font-family: "Dosis";
      font-weight: 500;
      text-align: left;
      margin-top: -15px;
      margin-left: 1.3rem;
      color: black; }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--transaction__body--amount {
          font-size: 1.8rem; } }
    .cloudbanking_modal--transaction__body--btn {
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase; }
      .cloudbanking_modal--transaction__body--btn:hover {
        color: #fff; }
      .cloudbanking_modal--transaction__body--btn__refund {
        background: #f54654;
        padding: 0.1rem 1rem; }
        .cloudbanking_modal--transaction__body--btn__refund--refund {
          padding: 0.2rem 1rem;
          background: gray;
          color: #fff; }
          @media only screen and (max-width: 37.5em) {
            .cloudbanking_modal--transaction__body--btn__refund--refund {
              font-size: 0.55em;
              padding: 0.1rem 1rem; } }
      .cloudbanking_modal--transaction__body--btn__sendemail {
        background: #1277a9;
        padding: 0.2rem 1rem; }
        .cloudbanking_modal--transaction__body--btn__sendemail--sendemail {
          background: #0d5bae;
          padding: 0.2rem 1rem; }
          @media only screen and (max-width: 37.5em) {
            .cloudbanking_modal--transaction__body--btn__sendemail--sendemail {
              font-size: 0.55em;
              padding: 0.1rem 1rem; } }
      .cloudbanking_modal--transaction__body--btn__processinvoice {
        padding: 0.1rem 1.2rem;
        background: #1277a9;
        font-size: 0.8rem; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--transaction__body--btn__processinvoice {
            padding: 0.1rem 1.2rem;
            font-size: 0.4rem; } }
      .cloudbanking_modal--transaction__body--btn__reassign {
        padding: 0.1rem 1rem;
        background: #0d5bae;
        font-size: 0.8rem; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--transaction__body--btn__reassign {
            padding: 0.2rem 0.5rem;
            font-size: 0.55em; } }
      .cloudbanking_modal--transaction__body--btn__sendsms {
        background: #0d5bae;
        padding: 0.1rem 1rem; }
        .cloudbanking_modal--transaction__body--btn__sendsms--sendsms {
          padding: 0.2rem 1rem;
          background: #1277a9;
          color: #fff; }
          @media only screen and (max-width: 37.5em) {
            .cloudbanking_modal--transaction__body--btn__sendsms--sendsms {
              font-size: 0.55em;
              padding: 0.1rem 1rem; } }
    .cloudbanking_modal--transaction__body--invoice {
      font-size: .85rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase;
      height: 2rem;
      padding: 5px 20px;
      text-align: left; }
      .cloudbanking_modal--transaction__body--invoice__paid {
        background: #00A44A; }
      .cloudbanking_modal--transaction__body--invoice__paused {
        background: #4d4d4d; }
      .cloudbanking_modal--transaction__body--invoice__failed {
        background: #d9534f; }
      .cloudbanking_modal--transaction__body--invoice__pending {
        background: #f7931e; }
      .cloudbanking_modal--transaction__body--invoice__unpaid {
        background: #566572; }
      .cloudbanking_modal--transaction__body--invoice__status {
        margin-left: .2em; }
  .cloudbanking_modal--report__header {
    background-color: #12447C;
    height: 40px;
    padding: 10px 10px;
    border-bottom: none; }
  .cloudbanking_modal--report__title {
    color: #fff;
    text-transform: uppercase;
    font-size: .9rem;
    font-family: "Dosis";
    font-weight: 400;
    text-align: center !important; }
  .cloudbanking_modal--report__body {
    padding: 0px 0px;
    color: black; }
    .cloudbanking_modal--report__body--btn {
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase; }
      .cloudbanking_modal--report__body--btn:hover {
        color: #fff; }
      .cloudbanking_modal--report__body--btn__scheduled {
        background: #29abe2;
        text-transform: initial;
        padding: 0.3rem 2rem;
        margin-bottom: -5px;
        margin-top: -35px;
        font-size: .7rem; }
      .cloudbanking_modal--report__body--btn__instant {
        padding: 0.3rem 2.5rem;
        background: transparent;
        text-transform: initial;
        font-size: .7rem;
        color: black;
        border-color: #808080;
        margin-top: -20px; }
      .cloudbanking_modal--report__body--btn__instant:hover {
        color: black; }
    .cloudbanking_modal--report__body--h {
      color: black;
      font-weight: 500;
      font-family: "Dosis"; }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--report__body--h {
          font-size: 20px; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--report__body--h {
          font-size: 1.25em; } }
    .cloudbanking_modal--report__body--p {
      color: black;
      font-size: .7rem;
      font-weight: 500;
      margin-top: -2rem;
      line-height: 14px; }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--report__body--p {
          font-size: 11px;
          line-height: 15px; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--report__body--p {
          font-size: 10px;
          line-height: 12px; } }
  .cloudbanking_modal--marketplace-header {
    border-bottom: none; }
  .cloudbanking_modal--marketplace-modal {
    width: 280px; }
  .cloudbanking_modal--marketplace-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 12rem; }
  .cloudbanking_modal--marketplace-logo_2 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 7rem; }
  .cloudbanking_modal--marketplace-btn_update {
    background-color: #285872 !important;
    border: none;
    color: white;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem; }
    .cloudbanking_modal--marketplace-btn_update:hover {
      color: white; }
  .cloudbanking_modal--marketplace-btn_disconnect {
    background-color: #2E4251 !important;
    border: none;
    color: white;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem; }
    .cloudbanking_modal--marketplace-btn_disconnect:hover {
      color: white; }
  .cloudbanking_modal--marketplace-btn_save {
    background-color: #285872 !important;
    border: none;
    color: white;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem; }
    .cloudbanking_modal--marketplace-btn_save:hover {
      color: white; }
  .cloudbanking_modal--marketplace-p {
    color: red;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.6rem; }
  .cloudbanking_modal--marketplace-p2 {
    color: black;
    font-family: "Dosis";
    font-weight: 600;
    font-size: 0.65rem; }
  .cloudbanking_modal--popup_header {
    background-color: #1d2935;
    border-radius: 8px 8px 0px 0px;
    height: 70px;
    padding: 10px 10px;
    border-bottom: none; }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal--popup_header {
        height: 50px; } }
    .cloudbanking_modal--popup_header-logo {
      width: 10rem;
      margin-top: .8rem; }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal--popup_header-logo {
          width: 8rem;
          margin-top: .9rem; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal--popup_header-logo {
          width: 6rem;
          margin-top: .5rem; } }
  .cloudbanking_modal--popup_pl {
    padding-left: 0.0rem; }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal--popup_pl {
        padding-left: 0.8rem; } }
  .cloudbanking_modal--popup_pr {
    padding-right: 0.0rem; }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal--popup_pr {
        padding-right: 1rem; } }
  .cloudbanking_modal--popup_content {
    border-radius: 8px; }
  .cloudbanking_modal--popup_body {
    padding: 0px 0px;
    color: black; }
    .cloudbanking_modal--popup_body-btn {
      font-size: .75rem;
      font-family: "Dosis";
      font-weight: 400;
      color: #fff;
      text-transform: uppercase; }
      .cloudbanking_modal--popup_body-btn:hover {
        color: #fff; }
      .cloudbanking_modal--popup_body-btn__done {
        background: #29abe2;
        text-transform: initial;
        padding-left: 70px;
        padding-right: 70px;
        margin-bottom: -5px;
        margin-top: -35px;
        font-size: .9rem; }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--popup_body-btn__done {
            font-size: 1em;
            padding-left: 60px;
            padding-right: 60px; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--popup_body-btn__done {
            font-size: .8em;
            padding-left: 55px;
            padding-right: 55px; } }
      .cloudbanking_modal--popup_body-btn__exit {
        background: #F54654;
        text-transform: initial;
        padding-left: 70px;
        padding-right: 70px;
        margin-bottom: -5px;
        margin-top: -35px;
        font-size: .9rem; }
        @media only screen and (max-width: 56.25em) {
          .cloudbanking_modal--popup_body-btn__exit {
            font-size: 1em;
            padding-left: 60px;
            padding-right: 60px; } }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--popup_body-btn__exit {
            font-size: .8em;
            padding-left: 55px;
            padding-right: 55px; } }
      .cloudbanking_modal--popup_body-btn__continue {
        padding: 0.1rem 2rem;
        background-color: #F54654; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--popup_body-btn__continue {
            padding: 0.1rem 2rem; } }
        .cloudbanking_modal--popup_body-btn__continue:hover {
          color: white; }
      .cloudbanking_modal--popup_body-btn__cancel {
        padding: 0.1rem 2rem;
        background-color: #1D2935; }
        @media only screen and (max-width: 37.5em) {
          .cloudbanking_modal--popup_body-btn__cancel {
            padding: 0.1rem 2.3rem; } }
        .cloudbanking_modal--popup_body-btn__cancel:hover {
          color: white; }
  .cloudbanking_modal--popup_img {
    width: 7rem; }
  .cloudbanking_modal--popup_small {
    width: 300px;
    margin: auto; }
  .cloudbanking_modal--popup_h {
    color: black;
    font-size: 1rem;
    font-family: "Dosis";
    font-weight: 600; }
  .cloudbanking_modal--change_password__cancel {
    font-family: "Dosis";
    font-weight: 500;
    background-color: #1d2935;
    text-transform: initial;
    padding: 0.2rem 0rem;
    font-size: .7rem;
    color: white; }
    .cloudbanking_modal--change_password__cancel:hover {
      color: white; }
  .cloudbanking_modal--change_password__change {
    background-color: #f54654;
    color: white;
    font-family: "Dosis";
    font-weight: 500;
    font-size: .6rem;
    padding: 0.2rem 0rem;
    text-transform: initial;
    text-align: center; }
    .cloudbanking_modal--change_password__change:hover {
      color: white; }
  .cloudbanking_modal--search_popup_message {
    font-family: "Dosis";
    font-size: 0.8rem;
    font-family: 400;
    color: #e6a13b; }
  .cloudbanking_modal--search_popup_btn-search {
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 400;
    color: white;
    background-color: #2C7BE5;
    padding: 0.22rem 1.5rem; }
    .cloudbanking_modal--search_popup_btn-search:hover {
      color: white; }
  .cloudbanking_modal--search_popup_btn-cancel {
    font-family: "Dosis";
    font-size: 0.8rem;
    font-family: 400;
    color: white;
    background-color: #748194;
    padding: 0.22rem 1.5rem; }
    .cloudbanking_modal--search_popup_btn-cancel:hover {
      color: white; }
  .cloudbanking_modal--search_popup_label {
    font-family: "Dosis";
    font-size: 0.9rem;
    font-family: 600; }

.cloudbanking_modal_form {
  font-family: "Dosis"; }
  .cloudbanking_modal_form--header {
    background-image: linear-gradient(to right, #08588B, #1276A8);
    height: 40px;
    padding: 10px 10px;
    border-bottom: none; }
    .cloudbanking_modal_form--header__title {
      color: #fff;
      text-transform: uppercase;
      font-size: .9rem;
      font-family: "Dosis";
      font-weight: 400;
      text-transform: initial; }
  .cloudbanking_modal_form--modallg {
    max-width: 1200px; }
  .cloudbanking_modal_form--body__tab {
    border-bottom: none !important; }
  .cloudbanking_modal_form--body__title {
    font-family: "Dosis";
    font-weight: 600;
    text-transform: uppercase;
    color: #333;
    font-size: .85rem;
    margin-bottom: 2px; }
    .cloudbanking_modal_form--body__title--refund {
      margin-left: 1.8rem; }
      @media only screen and (max-width: 75em) {
        .cloudbanking_modal_form--body__title--refund {
          margin-left: 2.2rem; } }
      @media only screen and (max-width: 56.25em) {
        .cloudbanking_modal_form--body__title--refund {
          margin-left: 2.2rem; } }
      @media only screen and (max-width: 37.5em) {
        .cloudbanking_modal_form--body__title--refund {
          margin-left: 1.9rem; } }
  .cloudbanking_modal_form--body__p {
    font-family: "Dosis";
    font-weight: 600;
    color: #969696;
    font-size: .65rem;
    margin-left: 1.8rem; }
    @media only screen and (max-width: 75em) {
      .cloudbanking_modal_form--body__p {
        margin-left: 2.2rem; } }
    @media only screen and (max-width: 56.25em) {
      .cloudbanking_modal_form--body__p {
        margin-left: 2.2rem; } }
    @media only screen and (max-width: 37.5em) {
      .cloudbanking_modal_form--body__p {
        margin-left: 1.9rem; } }
  .cloudbanking_modal_form--body__label {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    margin-bottom: .1rem; }
  .cloudbanking_modal_form--body__textfield {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    height: calc(1.725rem + 2px); }
    .cloudbanking_modal_form--body__textfield:focus {
      border-color: none;
      box-shadow: none;
      border-color: #ccc; }
  .cloudbanking_modal_form--body__textfield2 {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    height: calc(1.725rem + 9px);
    z-index: 1000; }
    .cloudbanking_modal_form--body__textfield2:focus {
      border-color: none;
      box-shadow: none;
      border-color: #ccc; }
  .cloudbanking_modal_form--body__textfield3 {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    height: calc(1.725rem + 2px);
    border-left: none; }
    .cloudbanking_modal_form--body__textfield3:focus {
      border-color: none;
      box-shadow: none;
      border-color: #ccc; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect,
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__input,
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__single {
    font-family: "Dosis" !important;
    font-size: 0.8rem !important;
    font-weight: 400 !important;
    color: #083557 !important; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tags {
    padding: 5px 5px 0px 5px;
    border-radius: 0.25rem;
    border: 1px solid #dbdfea;
    min-height: calc(1.725rem + 2px);
    height: calc(1.725rem + 2px); }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option {
    min-height: 0px;
    line-height: 0px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--highlight {
    background: #12447C;
    outline: none;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    min-height: 0px;
    line-height: 0px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--highlight:after {
    content: attr(data-select);
    background: #12447C;
    min-height: 0px;
    line-height: 22.5px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--selected {
    background: #BACDD3;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 600;
    color: black;
    min-height: 0px;
    line-height: 0px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--selected:after {
    background: #BACDD3;
    min-height: 0px;
    line-height: 22.5px;
    color: black; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--selected.multiselect__option--highlight {
    background: #ff6a6a;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 600;
    color: white;
    min-height: 0px;
    line-height: 0px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__option--selected.multiselect__option--highlight:after {
    background: #ff6a6a;
    content: attr(data-deselect);
    min-height: 0px;
    line-height: 22.5px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag-icon:after {
    content: "\D7";
    color: white;
    font-size: 14px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag-icon:focus,
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag-icon:hover {
    background: #4279A1; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag-icon:focus:after,
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag-icon:hover:after {
    color: white; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__tag {
    background: #4279A1;
    border-radius: 6px;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 400;
    color: white; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__placeholder {
    padding-left: 10px;
    position: relative;
    bottom: 3px;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 500;
    color: #083557; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__input,
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__single {
    line-height: 20px;
    margin-left: 6px;
    background: transparent; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__select {
    height: 30px; }
  .cloudbanking_modal_form--body__multiselect-1 .multiselect__select:before {
    color: #083557;
    border-color: #083557 transparent transparent; }
  .cloudbanking_modal_form--body__multiselect-1-select-multiscrollable-1 > .multiselect__tags {
    height: 50px;
    border: 1px solid #BACDD3;
    overflow-y: auto;
    overflow-x: hidden; }
  .cloudbanking_modal_form--body__multiselect-1-select-multi-1 > .multiselect__tags {
    height: auto;
    min-height: 50px;
    border: 1px solid #BACDD3; }
  .cloudbanking_modal_form--body__multiselect-1-select-single-1 > .multiselect__tags {
    min-height: 35px;
    height: 35px;
    border: 1px solid #BACDD3; }
  .cloudbanking_modal_form--body__textarea {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .65rem;
    height: calc(1.725rem + 2px); }
    .cloudbanking_modal_form--body__textarea:focus {
      border-color: none;
      box-shadow: none;
      border-color: #ccc; }
  .cloudbanking_modal_form--body__fileupload_label {
    display: inline-block;
    padding: 5px 8px;
    outline: none;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt; }
  .cloudbanking_modal_form--body__button_recipients {
    background: transparent;
    color: #08588b;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    border: none;
    margin-top: 1rem; }
  .cloudbanking_modal_form--body__save_button {
    background-image: linear-gradient(#08588b, #1277a9);
    color: #fff;
    float: right;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    padding: 0.22rem 1.125rem; }
    .cloudbanking_modal_form--body__save_button:hover {
      color: #fff; }
  .cloudbanking_modal_form--body__skip_button {
    background-color: #666666;
    color: #fff;
    float: right;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    padding: 0.22rem 1.125rem;
    margin-right: .9rem; }
    .cloudbanking_modal_form--body__skip_button:hover {
      color: #fff; }
  .cloudbanking_modal_form--body__cancel {
    background-color: #666666;
    color: #fff;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    padding: 0.22rem 1.125rem;
    margin-right: .7rem; }
    .cloudbanking_modal_form--body__cancel:hover {
      color: #fff; }
  .cloudbanking_modal_form--body__save {
    background-image: linear-gradient(#08588b, #1277a9);
    color: #fff;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    padding: 0.22rem 1.5rem; }
    .cloudbanking_modal_form--body__save:hover {
      color: #fff; }
  .cloudbanking_modal_form--body__button_moreitem {
    background: transparent;
    color: #08588b;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .9rem;
    border: none; }
  .cloudbanking_modal_form--body__table thead {
    background-color: #08588b;
    color: white;
    text-transform: uppercase;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem; }
  .cloudbanking_modal_form--body__table-item {
    width: 20%; }
  .cloudbanking_modal_form--body__table-description {
    width: 30%; }
  .cloudbanking_modal_form--body__table-qty {
    width: 10%; }
  .cloudbanking_modal_form--body__table-price {
    width: 15%; }
  .cloudbanking_modal_form--body__table-tax {
    width: 15%; }
  .cloudbanking_modal_form--body__table-total {
    width: 10%; }
  .cloudbanking_modal_form--body__invoice {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 1rem; }
    .cloudbanking_modal_form--body__invoice-subtotal {
      text-transform: uppercase;
      font-weight: 600; }
    .cloudbanking_modal_form--body__invoice-total {
      font-weight: 600; }
    .cloudbanking_modal_form--body__invoice-separator {
      border-top: #ccc 1px solid;
      border-spacing: 10px; }
    .cloudbanking_modal_form--body__invoice-btn {
      margin-top: 0.5rem;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem;
      color: #fff;
      text-transform: uppercase;
      padding: 0.1rem 1rem; }
      .cloudbanking_modal_form--body__invoice-btn_preview {
        background-color: #29abe2; }
      .cloudbanking_modal_form--body__invoice-btn_cancel {
        background-color: #666666; }
        .cloudbanking_modal_form--body__invoice-btn_cancel:hover {
          color: white; }
      .cloudbanking_modal_form--body__invoice-btn_save {
        background-image: linear-gradient(#08588b, #1277a9); }
        .cloudbanking_modal_form--body__invoice-btn_save:hover {
          color: white; }
  .cloudbanking_modal_form--body__scrollable {
    height: 250px;
    overflow-y: scroll; }

.currency {
  padding-left: 75px; }

.refund {
  padding-left: 25px; }

.currency-symbol {
  position: absolute;
  padding: 2px 10px;
  margin-top: 1px;
  margin-left: 2px;
  border: none; }

.refund-symbol {
  position: absolute;
  padding: 2px 10px;
  margin-top: 1px;
  margin-left: 2px;
  border: none; }

.nav .nav-link {
  display: inline;
  align-items: center; }

.ui-timepicker-container {
  z-index: 1151 !important; }

.nav-tabs .nav-item .nav-link {
  font-family: "Dosis";
  font-size: 0.7rem;
  font-weight: 400;
  background-color: #53809B;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 0.4rem 0.8rem;
  margin: 0rem -0.5rem;
  border-radius: 4px; }

.nav-tabs .nav-item #acc {
  font-family: "Dosis";
  font-size: 0.7rem;
  font-weight: 400;
  background-color: #53809B;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  color: white;
  padding: 0.4rem 0.8rem;
  margin: 0rem -0.5rem;
  border-radius: 4px; }

@-moz-document url-prefix() {
  .nav-tabs .nav-item #acc {
    padding: 0.4rem 0.4rem;
    margin: 0rem 0rem; }
    @media only screen and (min-width: 112.5em) {
      .nav-tabs .nav-item #acc {
        padding: 0.4rem 0.4rem;
        margin: 0rem 0rem; } }
    @media only screen and (max-width: 85.375em) {
      .nav-tabs .nav-item #acc {
        padding: 0.4rem 0.4rem;
        margin: 0rem 0rem; } }
    @media only screen and (max-width: 90em) {
      .nav-tabs .nav-item #acc {
        padding: 0.4rem 0.3rem;
        margin: 0rem 0rem; } }
    @media only screen and (max-width: 75em) {
      .nav-tabs .nav-item #acc {
        margin: 0rem 0rem; } }
    @media only screen and (max-width: 56.25em) {
      .nav-tabs .nav-item #acc {
        margin: 0rem 0rem; } }
    @media only screen and (max-width: 37.5em) {
      .nav-tabs .nav-item #acc {
        margin: 0rem 0rem; } } }

.nav-tabs .nav-item .nav-link.active {
  font-family: "Dosis";
  font-size: 0.7rem;
  font-weight: 400;
  background-color: #08588B;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
  color: #fff;
  padding: 0.4rem 0.8rem;
  margin: 0rem -0.5rem;
  border-radius: 4px; }

.tab-content .tab-pane {
  background-color: #FFF;
  color: #0080FF; }

.nav-tabs .nav-link:after {
  background: none;
  height: 0px; }

.bootstrap-tagsinput input {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  padding: 0px 0px;
  margin: 0px;
  width: 100px;
  height: 20px;
  max-width: inherit; }

.badge {
  margin-bottom: 5px;
  font-family: "Dosis";
  font-size: 0.6rem;
  font-weight: 600; }

.menu__menu {
  width: 100%;
  display: inline-block;
  padding: .35rem;
  text-align: center;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }
  .menu__menu:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; }
  .menu__menu:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px; }
  .menu__menu--active {
    background-image: linear-gradient(#08588b, #1277a9);
    padding: 0.35rem 0rem;
    cursor: pointer; }
    .menu__menu--active_ct {
      width: 19.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--active_ct {
          width: 19.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--active_ct {
          width: 19.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_ct {
          width: 19.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_ct {
          width: 19%;
          font-size: .5rem; } }
    .menu__menu--active_iv {
      width: 24.7%; }
      @media only screen and (max-width: 75em) {
        .menu__menu--active_iv {
          width: 24.7%;
          font-size: .6rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_iv {
          width: 24.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_iv {
          width: 24%;
          font-size: .5rem; } }
    .menu__menu--active_ss {
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_ss {
          width: 49.5%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_ss {
          width: 49%;
          font-size: .6rem; } }
    .menu__menu--active_ts {
      background-image: linear-gradient(#0d5bae, #0d5bae);
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_ts {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_ts {
          width: 49.2%;
          font-size: .5rem; } }
    .menu__menu--active_ts-s {
      background-image: linear-gradient(#1277a9, #1277a9);
      width: 19.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--active_ts-s {
          width: 19.75%;
          font-size: .7rem; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--active_ts-s {
          width: 19.6%;
          font-size: .7rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_ts-s {
          width: 19.6%;
          font-size: .7rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_ts-s {
          width: 19.3%;
          font-size: .45rem; } }
    .menu__menu--active_sm {
      background-image: linear-gradient(#0d5bae, #0d5bae);
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_sm {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_sm {
          width: 49.2%;
          font-size: .5rem; } }
    .menu__menu--active_smsearch {
      background-image: linear-gradient(#0d5bae, #0d5bae);
      width: 49.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--active_smsearch {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_smsearch {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_smsearch {
          width: 49.5%;
          font-size: .5rem; } }
    .menu__menu--active_sm-s {
      width: 24.85%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--active_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--active_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--active_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--active_sm-s {
          width: 24.4%;
          font-size: .60rem; } }
  .menu__menu--inactive {
    background-image: linear-gradient(#12447c, #12425e, #083557);
    padding: 0.35rem 0rem;
    cursor: pointer; }
    .menu__menu--inactive_ct {
      width: 19.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--inactive_ct {
          width: 19.6%;
          font-size: .7rem; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--inactive_ct {
          width: 19.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_ct {
          width: 19.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_ct {
          width: 19%;
          font-size: .5rem; } }
    .menu__menu--inactive_iv {
      width: 24.7%; }
      @media only screen and (max-width: 75em) {
        .menu__menu--inactive_iv {
          width: 24.7%;
          font-size: .6rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_iv {
          width: 24.6%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_iv {
          width: 24%;
          font-size: .5rem; } }
    .menu__menu--inactive_ss {
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_ss {
          width: 49.5%;
          font-size: .6rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_ss {
          width: 49%;
          font-size: .6rem; } }
    .menu__menu--inactive_ts {
      background-image: linear-gradient(#2e4251, #2e4251);
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_ts {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_ts {
          width: 49.2%;
          font-size: .5rem; } }
    .menu__menu--inactive_ts-s {
      width: 19.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--inactive_ts-s {
          width: 19.75%;
          font-size: .7rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_ts-s {
          width: 19.6%;
          font-size: .7rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_ts-s {
          width: 19.6%;
          font-size: .7rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_ts-s {
          width: 19.3%;
          font-size: .45rem; } }
    .menu__menu--inactive_sm {
      background-image: linear-gradient(#2e4251, #2e4251);
      width: 49.8%; }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_sm {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_sm {
          width: 49.2%;
          font-size: .5rem; } }
    .menu__menu--inactive_smsearch {
      background-image: linear-gradient(#2e4251, #2e4251);
      width: 49.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--inactive_smsearch {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--inactive_smsearch {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_smsearch {
          width: 49.8%;
          font-size: .70em; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_smsearch {
          width: 49.5%;
          font-size: .5rem; } }
    .menu__menu--inactive_sm-s {
      width: 24.8%; }
      @media only screen and (max-width: 90em) {
        .menu__menu--inactive_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 75em) {
        .menu__menu--inactive_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 56.25em) {
        .menu__menu--inactive_sm-s {
          width: 24.7%;
          font-size: .70rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__menu--inactive_sm-s {
          width: 24.4%;
          font-size: .60rem; } }
  .menu__menu--subscription_active {
    width: 48%;
    background-image: linear-gradient(#08588b, #1277a9); }
  .menu__menu--subscription_inactive {
    width: 48%;
    background-image: linear-gradient(#12447c, #12425e, #083557); }

.menu__name {
  font-family: "Dosis";
  font-weight: 500;
  margin-top: .5rem;
  font-size: 1rem; }
  @media only screen and (max-width: 37.5em) {
    .menu__name {
      font-size: .7rem; } }

.menu__textfield {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .8rem;
  height: calc(1.725rem + 1px) !important; }

.menu__display {
  margin-top: 1rem;
  margin-left: 2rem;
  margin-right: 2rem;
  box-shadow: 5px 5px 10px #ccc; }
  .menu__display--settlement_summary {
    width: 100%;
    margin: -0.4rem 0rem -0.8rem 0rem;
    display: inline-block;
    text-align: center;
    font-family: "Dosis";
    min-height: 100px;
    background-color: #1E5884;
    overflow: auto; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--settlement_summary {
        width: 100%;
        min-height: 80px; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--settlement_summary {
        width: 100%; } }
    .menu__display--settlement_summary__content {
      border-right: 1px solid white !important;
      text-align: center; }
      .menu__display--settlement_summary__content--surcharge {
        text-align: center; }
      .menu__display--settlement_summary__content--title {
        text-transform: uppercase;
        color: #FFF;
        font-weight: 400;
        font-size: 0.7rem; }
        @media only screen and (max-width: 56.25em) {
          .menu__display--settlement_summary__content--title {
            font-size: 0.6rem; } }
        @media only screen and (max-width: 37.5em) {
          .menu__display--settlement_summary__content--title {
            font-size: 0.5rem; } }
      .menu__display--settlement_summary__content--sub {
        text-transform: uppercase;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: 600; }
        @media only screen and (max-width: 56.25em) {
          .menu__display--settlement_summary__content--sub {
            font-size: 1rem; } }
        @media only screen and (max-width: 37.5em) {
          .menu__display--settlement_summary__content--sub {
            font-size: 0.8rem; } }
  .menu__display--btn {
    border: 1px solid #ccc;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .7rem;
    padding: 0.2rem 0.4rem; }
    .menu__display--btn_addbtn {
      color: #fff;
      background-image: linear-gradient(to right, #08588b, #1277a9);
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_addbtn:hover, .menu__display--btn_addbtn:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_addbtn {
          font-size: .6rem; } }
    .menu__display--btn_exportbtn {
      color: #fff;
      background-color: #f54654 !important;
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_exportbtn:hover, .menu__display--btn_exportbtn:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_exportbtn {
          font-size: .6rem;
          padding: 0.1rem 0.7rem; } }
    .menu__display--btn_create {
      color: #fff;
      background-color: #08588B !important;
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_create:hover, .menu__display--btn_create:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_create {
          font-size: .6rem; } }
    .menu__display--btn_bulk {
      color: #fff;
      background-color: #53809B !important;
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_bulk:hover, .menu__display--btn_bulk:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_bulk {
          font-size: .6rem; } }
    .menu__display--btn_export {
      color: #fff;
      background-color: #285872 !important;
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_export:hover, .menu__display--btn_export:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_export {
          font-size: .6rem; } }
    .menu__display--btn_sync {
      color: #fff;
      background-color: #314959 !important;
      padding: 0.1rem 1rem;
      font-size: .85rem; }
      .menu__display--btn_sync:hover, .menu__display--btn_sync:active {
        color: #fff; }
      @media only screen and (max-width: 37.5em) {
        .menu__display--btn_sync {
          font-size: .6rem; } }
  .menu__display--table thead tr {
    background-color: #f2f6f9; }
    .menu__display--table thead tr th {
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem;
      text-transform: uppercase;
      padding: 12px 5px;
      color: #333;
      text-align: left; }
      @media only screen and (max-width: 56.25em) {
        .menu__display--table thead tr th {
          font-size: .85rem; } }
      @media only screen and (max-width: 37.5em) {
        .menu__display--table thead tr th {
          font-size: .9rem; } }
  .menu__display--table tbody tr td {
    padding: 0.5rem 0.5rem;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    color: #333;
    vertical-align: middle;
    text-align: left;
    margin: 0px 10px; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table tbody tr td {
        font-size: .9rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table tbody tr td {
        font-size: .9rem; } }
  .menu__display--table_cthpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 5.1rem; }
    @media only screen and (max-width: 75em) {
      .menu__display--table_cthpadding th:nth-last-child(1) {
        padding-right: 5.1rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_cthpadding th:nth-last-child(1) {
        padding-right: 6.9rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_cthpadding th:nth-last-child(1) {
        padding-right: 2rem; } }
  .menu__display--table_umthpadding th:first-child {
    text-align: left; }
  .menu__display--table_umthpadding th:nth-last-child(1) {
    padding-right: 5rem;
    text-align: right; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_umthpadding th:nth-last-child(1) {
        padding-right: 6rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_umthpadding th:nth-last-child(1) {
        padding-right: 4.2rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_umthpadding th:nth-last-child(1) {
        padding-right: 3.1rem; } }
  .menu__display--table_umthpadding th {
    text-align: left; }
  .menu__display--table_emthpadding th:first-child {
    text-align: left; }
  .menu__display--table_emthpadding th:nth-last-child(1) {
    padding-right: 3.1rem;
    text-align: right; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_emthpadding th:nth-last-child(1) {
        padding-right: 2.7rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_emthpadding th:nth-last-child(1) {
        padding-right: 1.7rem; } }
  .menu__display--table_ivhpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 4.5rem; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_ivhpadding th:nth-last-child(1) {
        padding-right: 1.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_ivhpadding th:nth-last-child(1) {
        padding-right: 0.5rem; } }
  .menu__display--table_sshpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 6rem; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_sshpadding th:nth-last-child(1) {
        padding-right: 6rem; } }
    @media only screen and (max-width: 90em) {
      .menu__display--table_sshpadding th:nth-last-child(1) {
        padding-right: 5.2rem; } }
    @media only screen and (max-width: 75em) {
      .menu__display--table_sshpadding th:nth-last-child(1) {
        padding-right: 5.2rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_sshpadding th:nth-last-child(1) {
        padding-right: 5rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_sshpadding th:nth-last-child(1) {
        padding-right: 2.5rem; } }
  .menu__display--table_rhpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 6rem; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_rhpadding th:nth-last-child(1) {
        padding-right: 6rem; } }
    @media only screen and (max-width: 75em) {
      .menu__display--table_rhpadding th:nth-last-child(1) {
        padding-right: 5rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_rhpadding th:nth-last-child(1) {
        padding-right: 4rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_rhpadding th:nth-last-child(1) {
        padding-right: 3rem; } }
  .menu__display--table_tshpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 5.2rem; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_tshpadding th:nth-last-child(1) {
        padding-right: 5.1rem; } }
    @media only screen and (max-width: 75em) {
      .menu__display--table_tshpadding th:nth-last-child(1) {
        padding-right: 5.2rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_tshpadding th:nth-last-child(1) {
        padding-right: 1.3rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_tshpadding th:nth-last-child(1) {
        padding-right: 0.7rem; } }
  .menu__display--table_smhpadding th:nth-last-child(1) {
    text-align: right;
    padding-right: 5.2rem; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_smhpadding th:nth-last-child(1) {
        padding-right: 5.1rem; } }
    @media only screen and (max-width: 75em) {
      .menu__display--table_smhpadding th:nth-last-child(1) {
        padding-right: 5.2rem; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_smhpadding th:nth-last-child(1) {
        padding-right: 1.3rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_smhpadding th:nth-last-child(1) {
        padding-right: 0.7rem; } }
  .menu__display--table td:nth-last-child(1) {
    text-align: right; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table td:nth-last-child(1) {
        padding-right: 3rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table td:nth-last-child(1) {
        padding-right: 1.2rem; } }
  @media only screen and (max-width: 56.25em) {
    .menu__display--table_ivbpadding td:nth-last-child(1) {
      padding-right: 1rem; } }
  @media only screen and (max-width: 37.5em) {
    .menu__display--table_ivbpadding td:nth-last-child(1) {
      padding-right: 0.5rem; } }
  .menu__display--table_ssbpadding td:nth-last-child(1) {
    text-align: right;
    padding-right: 1.3rem; }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_ssbpadding td:nth-last-child(1) {
        padding-right: 0rem; } }
  @media only screen and (max-width: 56.25em) {
    .menu__display--table_rbpadding td:nth-last-child(1) {
      padding-right: 0.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .menu__display--table_rbpadding td:nth-last-child(1) {
      padding-left: 0rem; } }
  @media only screen and (max-width: 56.25em) {
    .menu__display--table_tsbpadding td:nth-last-child(1) {
      padding-right: 2em; } }
  @media only screen and (max-width: 37.5em) {
    .menu__display--table_tsbpadding td:nth-last-child(1) {
      padding-right: 2em; } }
  .menu__display--table_smbpadding td:nth-last-child(1) {
    padding-right: 5.2rem; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_smbpadding td:nth-last-child(1) {
        padding-right: 1.1rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_smbpadding td:nth-last-child(1) {
        padding-right: 0.65rem; } }
  .menu__display--table_embpadding td {
    padding: 1rem 0.5rem !important; }
  .menu__display--table_pause {
    margin: 0px 4px 5px 12px;
    width: 4%; }
    @media only screen and (min-width: 112.5em) {
      .menu__display--table_pause {
        width: 2%; } }
    @media only screen and (max-width: 75em) {
      .menu__display--table_pause {
        width: 4%; } }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_pause {
        width: 6%; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_pause {
        margin: 0px 4px 1px 4px;
        width: 6%; } }
  .menu__display--table_pause2 {
    margin: 0px 4px 5px 12px;
    font-size: 1rem; }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_pause2 {
        margin: 0px 3px 5px 12px;
        font-size: 0.5rem; } }
  .menu__display--table_pause3 {
    margin: 0px 4px 5px 12px;
    font-size: 1.2rem; }
    @media only screen and (max-width: 56.25em) {
      .menu__display--table_pause3 {
        margin: 0px 3px 5px 12px;
        font-size: 1rem; } }
    @media only screen and (max-width: 37.5em) {
      .menu__display--table_pause3 {
        margin: 0px 3px 5px 12px;
        font-size: 1rem; } }
  .menu__display--table__transparent {
    border: none;
    background: transparent;
    padding: 0rem; }
    .menu__display--table__transparent:focus {
      outline: none; }
  .menu__display--td_active {
    color: green;
    text-align: right;
    font-weight: 600; }
  .menu__display--td_inactive {
    color: #F54654;
    text-align: right;
    font-weight: 600; }
  .menu__display--results {
    font-family: "Dosis";
    font-weight: 600;
    font-size: .85rem;
    color: #333; }
  .menu__display--payment_badge {
    margin-right: auto;
    margin-left: auto;
    display: block;
    width: 2rem !important; }
    @media only screen and (max-width: 37.5em) {
      .menu__display--payment_badge {
        width: 0.5rem !important; } }

.menu--dropdown-item {
  padding: 3px 14px !important; }

.ellipsis {
  -moz-box-shadow: 2px 2px 5px 1px #ccc;
  -webkit-box-shadow: 2px 2px 5px 1px #ccc;
  box-shadow: 2px 2px 5px 1px #ccc;
  background: transparent;
  border: none;
  padding: 0px 8px 0px 8px;
  margin: 10px 20px; }
  @media only screen and (max-width: 37.5em) {
    .ellipsis__customer {
      margin: 2px 4px;
      padding: 0px 5px 0px 5px; } }
  @media only screen and (max-width: 37.5em) {
    .ellipsis__profile {
      margin: 5px 20px;
      padding: 0px 5px 0px 5px; } }
  .ellipsis__api-keys {
    margin: 5px 20px; }
    @media only screen and (max-width: 37.5em) {
      .ellipsis__api-keys {
        margin: 2px 4px;
        padding: 0px 5px 0px 5px; } }
  @media only screen and (max-width: 56.25em) {
    .ellipsis__invoices {
      margin: 2px 2px;
      padding: 0px 5px 0px 5px; } }
  @media only screen and (max-width: 37.5em) {
    .ellipsis__invoices {
      margin: 2px 1px;
      padding: 0px 5px 0px 5px; } }
  .ellipsis__subscription {
    margin: 10px 10px; }
    @media only screen and (max-width: 90em) {
      .ellipsis__subscription {
        margin: 2px 4px;
        padding: 0px 7px 0px 7px; } }
    @media only screen and (max-width: 56.25em) {
      .ellipsis__subscription {
        margin: 2px 4px;
        padding: 0px 6px 0px 6px; } }
    @media only screen and (max-width: 37.5em) {
      .ellipsis__subscription {
        margin: 1px 3px;
        padding: 0px 4px 0px 4px; } }

.mrl {
  margin-left: -5rem; }
  @media only screen and (min-width: 112.5em) {
    .mrl {
      margin-left: -9rem; } }
  @media only screen and (max-width: 90em) {
    .mrl {
      margin-left: -4rem; } }
  @media only screen and (max-width: 75em) {
    .mrl {
      margin-left: -2rem; } }
  @media only screen and (max-width: 56.25em) {
    .mrl {
      margin-left: -1rem; } }
  @media only screen and (max-width: 37.5em) {
    .mrl {
      margin-left: -0rem; } }

.w-5 {
  width: 5% !important; }

.w-10 {
  width: 10% !important; }

.w-15 {
  width: 15% !important; }

.z-index-100 {
  z-index: 100; }

.text-success {
  color: #006837 !important; }

.cb_login {
  text-align: center; }
  .cb_login__mfa {
    margin-top: 10px; }
    .cb_login__mfa-info {
      font-size: 1rem !important;
      color: #333333;
      font-family: "Dosis";
      font-weight: 300 !important; }
    .cb_login__mfa-image {
      width: 10rem;
      display: block;
      margin: 0 auto; }
    .cb_login__mfa-secret {
      font-family: "Dosis";
      font-size: 1rem !important;
      font-weight: 300 !important;
      color: #333333; }
    .cb_login__mfa-secret_value {
      font-family: "Dosis";
      font-size: 1rem !important;
      font-weight: 600 !important;
      color: #333333; }
    .cb_login__mfa-hr {
      border: 1px solid #eff0f1; }
  .cb_login__form_group {
    margin-bottom: .45rem !important; }
  .cb_login__text {
    font-size: 1rem;
    color: #333333;
    font-family: "Dosis";
    font-weight: 200;
    text-decoration: underline; }
  .cb_login__label {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    color: #000 !important; }
  .cb_login__textfield {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    border-style: solid;
    border-color: #4c4c4c !important;
    background-size: 444px auto;
    background-color: transparent;
    border-radius: 5px 5px 5px 5px;
    border-width: 1px 1px 1px 1px; }
  .cb_login__pad {
    padding: 0rem !important;
    min-height: 90vh;
    display: flex;
    flex-direction: column; }
  .cb_login_bg {
    overflow: hidden;
    background-size: cover; }
  .cb_login__textfield::placeholder {
    color: #c9c9c9;
    opacity: 1; }
  .cb_login__forgot_password {
    text-align: left;
    margin-bottom: 20px; }
  .cb_login__forgot_password a {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    color: #333333 !important; }
  .cb_login__remember_me {
    text-align: right;
    margin-bottom: 20px;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    color: #333333 !important; }
  .cb_login__login_btn {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    background: #F34654;
    color: #fff !important;
    text-transform: uppercase; }
  .cb_login__signup_btn {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 14px;
    background: #1C2834;
    color: #fff !important;
    text-transform: uppercase; }
  .cb_login p {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 20px;
    color: #000 !important; }
  .cb_login__img {
    margin-bottom: 3.5rem; }
    .cb_login__img a:hover img, .cb_login__img a:active img, .cb_login__img a:focus img {
      border: 3px solid #F34654; }
    .cb_login__img a {
      font-family: "Dosis";
      font-weight: 400;
      font-size: 14px;
      color: #000 !important; }
  .cb_login__right_side {
    margin: auto;
    width: 100%;
    padding: 10px;
    height: 90vh;
    align-items: center !important; }
    .cb_login__right_side--img {
      width: 5rem; }
    .cb_login__right_side--welcome {
      font-size: 25px;
      color: #fff;
      font-family: "Dosis";
      font-weight: 200; }
    .cb_login__right_side--subdesc {
      font-family: "Dosis";
      font-weight: 300;
      color: #fff;
      font-size: 15px; }
    .cb_login__right_side ul li {
      font-family: "Dosis";
      font-weight: 300;
      color: #fff;
      font-size: 15px;
      list-style: disc;
      padding: 5px 10px;
      margin-left: 20px;
      margin-right: 20px; }
  .cb_login__footer {
    height: 10vh;
    margin-left: 1rem !important;
    align-items: center !important; }
    .cb_login__footer--socmed {
      margin-left: 10px; }
    .cb_login__footer--icon {
      padding-right: 8px;
      padding-left: 0px; }
    .cb_login__footer--img {
      width: 30px;
      height: 30px; }
    .cb_login__footer--text {
      font-size: 12px;
      color: #fff;
      font-family: "Dosis";
      font-weight: 300; }

@media (max-width: 1366px) {
  .cb_login__footer--socmed {
    margin-left: 20px; } }

@media (max-width: 1024px) {
  .nk-auth-container {
    width: 100%; } }

.application-content {
  font-family: "Dosis";
  max-width: 100%;
  height: 99vh;
  background: #ebf2f7;
  overflow-x: hidden; }
  .application-content__thankyou {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .application-content__thankyou--logo {
      width: 35%;
      margin-bottom: 2rem; }
      @media only screen and (max-width: 90em) {
        .application-content__thankyou--logo {
          width: 45%; } }
      @media only screen and (max-width: 37.5em) {
        .application-content__thankyou--logo {
          width: 85%; } }
    .application-content__thankyou--title {
      font-size: 2rem;
      margin-bottom: 2rem; }
    .application-content__thankyou--content {
      font-size: 1rem;
      color: #000;
      text-align: center; }
  .application-content__bg-form {
    background-color: #EBF2F7 !important; }
  .application-content__wrap {
    padding: 0.7rem; }
  .application-content__header {
    height: 3.5rem;
    background: #1c2935;
    width: 100%; }
    .application-content__header--logo {
      width: 13rem;
      margin-top: .5rem;
      padding-left: 1rem; }
      @media only screen and (max-width: 37.5em) {
        .application-content__header--logo {
          margin-top: 0.8rem; } }
    .application-content__header--title {
      font-family: "Dosis";
      font-size: 1rem;
      font-weight: 600;
      color: #fff;
      text-transform: capitalize;
      text-align: right;
      padding-right: 2rem;
      margin-top: 1rem; }
      @media only screen and (max-width: 75em) {
        .application-content__header--title {
          margin-top: 0.8rem; } }
      @media only screen and (max-width: 56.25em) {
        .application-content__header--title {
          margin-top: 0.8rem; } }
      @media only screen and (max-width: 37.5em) {
        .application-content__header--title {
          margin-top: 1rem;
          font-size: .8rem; } }
  .application-content__body--circleno {
    border: #1c2935 1px solid;
    width: 3rem;
    border-radius: 50%; }
  .application-content__body--icon {
    width: 3rem;
    height: 3rem;
    margin-bottom: 1rem; }
    @media only screen and (max-width: 90em) {
      .application-content__body--icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-bottom: .4rem; } }
  @media only screen and (max-width: 90em) {
    .application-content__body--tabtext {
      font-size: .65rem; } }
  .application-content__body--tabdisabled {
    pointer-events: none; }
  .application-content__body--content {
    border: 1px dashed #ccc;
    width: 100%;
    padding: 2rem;
    margin-bottom: 2rem;
    margin-left: 0px;
    margin-right: 0px;
    background: transparent; }
    .application-content__body--content__title {
      font-size: 1rem;
      font-weight: 700;
      color: #000; }
    .application-content__body--content__textupload {
      font-size: .85rem;
      text-decoration: underline;
      color: #000; }
      .application-content__body--content__textupload:hover {
        text-decoration: none;
        color: #000; }
    .application-content__body--content h6 {
      color: #1a1a1a;
      font-size: .9rem;
      font-weight: 700; }
    .application-content__body--content__label {
      color: #666666;
      font-size: .85rem;
      margin-bottom: 0px; }
      @media only screen and (max-width: 90em) {
        .application-content__body--content__label {
          font-size: .75rem; } }
      .application-content__body--content__label--help {
        height: 15px;
        width: 15px;
        background-color: #b3b3b3;
        border-radius: 50%;
        display: inline-block;
        font-size: 10px; }
      .application-content__body--content__label--text {
        color: #fff;
        margin-left: 35%;
        font-weight: bold; }
    .application-content__body--content__input {
      border-radius: 5px;
      border: 1px #bacdd3 solid;
      font-size: 1rem;
      color: #000;
      background: #fff;
      box-shadow: none; }
      @media only screen and (max-width: 90em) {
        .application-content__body--content__input {
          font-size: 1rem; } }
      .application-content__body--content__input:focus, .application-content__body--content__input:hover {
        border-color: #bacdd3;
        background: #fff;
        box-shadow: none; }
    .application-content__body--content__btn {
      border-radius: 0;
      color: #fff; }
      .application-content__body--content__btn:hover, .application-content__body--content__btn:focus {
        color: #fff; }
      .application-content__body--content__btn-back {
        background: #4d4d4d; }
      .application-content__body--content__btn-next {
        background: #EF4757; }
    @media only screen and (max-width: 37.5em) {
      .application-content__body--content {
        margin-left: 0rem; } }

.fancy-tab .nav-bar .nav-bar-item.active {
  color: #1c2935; }

.custom-control-label::before {
  background-color: transparent;
  border: #000 solid 1px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  background-color: #fff !important;
  line-height: 11px !important; }

.nav-link-app {
  font-family: "Dosis";
  font-size: 0.7rem !important;
  font-weight: 400;
  background-color: transparent !important;
  box-shadow: 0 !important;
  color: black !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important; }
  @media only screen and (max-width: 37.5em) {
    .nav-link-app {
      font-size: 0.6rem !important; } }
  .nav-link-app:hover {
    color: black; }

.nav-link-app.active {
  font-family: "Dosis";
  font-size: 0.7rem !important;
  font-weight: 400;
  background-color: transparent !important;
  box-shadow: 0 !important;
  color: black !important;
  margin: 0 !important;
  border-radius: 0 !important; }
  @media only screen and (max-width: 37.5em) {
    .nav-link-app.active {
      font-size: 0.6rem !important; } }
  .nav-link-app.active:hover {
    color: black !important; }

.nav-link-app.active:after {
  left: 0 !important;
  right: 0px !important;
  bottom: -5px !important;
  height: 3px !important;
  background: #3672C2 !important; }

.application {
  background: #e6e7ee; }
  .application-header {
    background: #1c2935; }
    .application-header__text {
      color: #fff;
      font-family: "Dosis";
      font-weight: 400;
      font-size: 12px;
      text-transform: uppercase; }
  .application-welcome {
    text-align: center;
    color: #000;
    font-family: "Dosis";
    font-weight: 400; }
    .application-welcome__main {
      font-size: 2rem; }
    .application-welcome__sub {
      font-size: 1rem; }
  .application-form {
    text-align: center;
    margin-top: 3.5rem; }
    .application-form__menu_small {
      background: #1c2935;
      min-height: 3rem; }
      .application-form__menu_small--nav {
        margin-top: .8rem;
        text-align: center;
        counter-reset: li;
        margin-left: 2rem; }
        .application-form__menu_small--nav li {
          color: #fff;
          margin-bottom: 1.5rem;
          font-size: .7rem;
          margin-right: 1.3rem;
          list-style: decimal; }
          @media only screen and (max-width: 37.5em) {
            .application-form__menu_small--nav li {
              font-size: .6rem;
              margin-right: 2.5rem; } }
        .application-form__menu_small--nav li:last-child {
          margin-bottom: 0; }
        .application-form__menu_small--nav li:hover {
          color: #ccc;
          cursor: pointer; }
        .application-form__menu_small--nav li:hover:before {
          background: #ccc; }
        .application-form__menu_small--nav li.active {
          color: #F34654; }
        .application-form__menu_small--nav li.active:before {
          color: #fff;
          background: #F34654; }
    .application-form__menu {
      background: #1c2935;
      min-height: 50vh;
      text-align: left; }
      .application-form__menu--nav {
        margin-top: 3.5rem;
        margin-left: 2rem;
        counter-reset: li; }
        .application-form__menu--nav li {
          color: #fff;
          margin-bottom: 1.5rem;
          font-size: .8rem; }
        .application-form__menu--nav li:before {
          content: counter(li);
          counter-increment: li;
          background-color: #fff;
          width: 2rem;
          height: 2rem;
          border-radius: 50%;
          display: inline-block;
          line-height: 1.92rem;
          font-weight: bold;
          font-family: "Dosis";
          color: #1c2935;
          text-align: center;
          margin-right: 0.5rem;
          position: relative;
          top: -2px; }
        .application-form__menu--nav li:last-child {
          margin-bottom: 0; }
        .application-form__menu--nav li:hover {
          color: #ccc;
          cursor: pointer; }
        .application-form__menu--nav li:hover:before {
          background: #ccc; }
        .application-form__menu--nav li.active {
          color: #F34654; }
        .application-form__menu--nav li.active:before {
          color: #fff;
          background: #F34654; }
    .application-form__content {
      background: #fff;
      min-height: 50vh;
      text-align: left;
      padding: 2rem; }
      .application-form__content--textfield {
        border: 1px solid #4c4c4c; }
        .application-form__content--textfield:focus {
          border: 1px solid #4c4c4c;
          box-shadow: none; }
      .application-form__content label {
        font-family: "Dosis";
        font-weight: 400;
        font-size: 14px;
        margin-top: .5rem; }
      .application-form__content--help {
        height: 15px;
        width: 15px;
        background-color: #b3b3b3;
        border-radius: 50%;
        display: inline-block;
        font-size: 10px; }
        .application-form__content--help__text {
          color: #fff;
          margin-left: 35%;
          font-weight: bold; }
        .application-form__content--help:hover {
          background-color: #1c2935; }
      .application-form__content--description {
        background-color: #53809b;
        font-family: "Dosis";
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        padding: .5rem;
        margin-top: 1.5rem; }
      .application-form__content--next {
        font-family: "Dosis";
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        background-image: linear-gradient(#08588b, #1277a9);
        margin-top: 4rem; }
        .application-form__content--next:hover, .application-form__content--next:active {
          color: #fff; }
      .application-form__content--back {
        background: #666666;
        font-family: "Dosis";
        font-weight: 400;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
        margin-top: 4rem;
        margin-right: .5rem; }

.main_page {
  background-color: #1c2935 !important;
  min-width: 400px; }
  .main_page--sidebar {
    background: #1c2935 !important;
    border-right-color: #1c2935 !important; }
    .main_page--sidebar__logo {
      width: 9.5rem; }
    .main_page--sidebar__menu--item {
      color: #899fa5;
      font-family: "Dosis";
      font-weight: 400; }
      .main_page--sidebar__menu--item__link {
        padding: 0.325rem 20px 0.325rem 24px !important; }
      .main_page--sidebar__menu--item:hover > a > span {
        color: #fff;
        filter: brightness(0) invert(1); }
      .main_page--sidebar__menu--item:hover > a {
        border-left: 4px solid #f54654;
        background-image: linear-gradient(to right, #183051, #1B2A3B); }
      .main_page--sidebar__menu--item__active > a > span {
        color: #fff;
        filter: brightness(0) invert(1); }
      .main_page--sidebar__menu--item__active > a {
        border-left: 4px solid #f54654;
        background-image: linear-gradient(to right, #183051, #1B2A3B); }
      .main_page--sidebar__menu--item_icon {
        font-size: .9rem;
        text-align: center; }
        .main_page--sidebar__menu--item_icon em {
          width: 1rem;
          height: 1rem;
          display: block;
          filter: invert(67%) sepia(14%) saturate(350%) hue-rotate(146deg) brightness(90%) contrast(90%); }
        .main_page--sidebar__menu--item_icon--home {
          background: url(../images/menu/home.svg); }
        .main_page--sidebar__menu--item_icon--terminal {
          background: url(../images/menu/virtual_terminal.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--customers {
          background: url(../images/menu/customer.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--transaction {
          background: url(../images/menu/transaction.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--invoices {
          background: url(../images/menu/invoices.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--subscriptions {
          background: url(../images/menu/subscription.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--api {
          background: url(../images/menu/api.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--trial_mode {
          color: white !important; }
        .main_page--sidebar__menu--item_icon--merchant {
          background: url(../images/menu/merchant.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--reports {
          background: url(../images/menu/reports.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--marketplace {
          background: url(../images/menu/marketplace.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--support {
          background: url(../images/menu/support.svg) no-repeat; }
        .main_page--sidebar__menu--item_icon--changelog {
          background: url(../images/menu/change_log.svg) no-repeat; }
      .main_page--sidebar__menu--item_text {
        color: #899fa5;
        font-family: "Dosis";
        font-weight: 400;
        font-size: .8rem; }
        .main_page--sidebar__menu--item_text:hover {
          color: white; }
  @media only screen and (max-width: 85.375em) {
    .main_page--header {
      margin-top: 0rem !important;
      margin-right: 0rem !important; } }
  .main_page--header__trial {
    background-color: #F54654;
    border: none;
    padding: 0px 6px;
    margin-right: 0.75rem !important; }
    @media only screen and (max-width: 85.375em) {
      .main_page--header__trial {
        margin-top: 0rem !important;
        margin-right: 0rem !important; } }
    .main_page--header__trial-text {
      color: white;
      font-family: "Dosis";
      font-weight: 700;
      font-size: 0.6rem;
      margin-left: 2rem; }
  .main_page--content {
    background: #e6e7ee;
    height: 98%;
    min-height: 89vh;
    margin-bottom: 0.75rem !important; }
    @media only screen and (min-width: 112.5em) {
      .main_page--content {
        min-height: 90vh;
        margin-bottom: 0rem !important;
        margin-right: 0rem !important; } }
    @media only screen and (max-width: 85.375em) {
      .main_page--content {
        min-height: 90vh;
        margin-bottom: 0rem !important;
        margin-right: 0rem !important; } }
    .main_page--content__summary {
      background-image: linear-gradient(#12759d, #125f82, #084878);
      height: 6rem;
      width: 100%;
      color: #fff;
      font-family: "Dosis";
      font-weight: 400;
      margin-left: 0.2rem !important;
      text-transform: uppercase; }
      @media only screen and (max-width: 37.5em) {
        .main_page--content__summary {
          height: 3.5rem;
          margin-left: 0.03rem !important; } }
      .main_page--content__summary--separator:after {
        content: "";
        border-right: 1px solid #5a889e;
        position: absolute;
        width: 5px;
        height: 4rem;
        top: .5rem;
        right: 10%;
        display: block; }
        @media only screen and (max-width: 37.5em) {
          .main_page--content__summary--separator:after {
            height: 2.5rem;
            right: 3%; } }
      .main_page--content__summary--title {
        font-size: .6rem;
        margin-top: 6%; }
        @media only screen and (max-width: 56.25em) {
          .main_page--content__summary--title {
            font-size: .6rem; } }
        @media only screen and (max-width: 37.5em) {
          .main_page--content__summary--title {
            font-size: .40rem;
            margin-top: 15%; } }
      .main_page--content__summary--amount {
        font-size: 1.5rem; }
        @media only screen and (max-width: 56.25em) {
          .main_page--content__summary--amount {
            font-size: 1.2rem; } }
        @media only screen and (max-width: 37.5em) {
          .main_page--content__summary--amount {
            font-size: .65rem; } }
    .main_page--content__chart {
      margin-top: 2rem; }
      .main_page--content__chart--select {
        text-transform: uppercase;
        font-family: "Dosis";
        font-weight: 400;
        border: none;
        background-color: transparent; }
        .main_page--content__chart--select:focus {
          outline: none; }
      .main_page--content__chart--amount {
        font-family: "Dosis";
        font-weight: 700;
        font-size: 1.2rem;
        text-align: center; }
      .main_page--content__chart--button {
        border-radius: 5px;
        color: #ccc;
        background: transparent;
        font-size: 12px;
        font-family: "Dosis";
        text-transform: uppercase;
        border: 1px solid #ccc;
        width: 4.5rem;
        padding: 5px; }
        .main_page--content__chart--button__active {
          border: none;
          box-shadow: 3px 3px 15px #ccc; }
        @media only screen and (max-width: 85.375em) {
          .main_page--content__chart--button {
            width: 3rem;
            padding: 2px; } }
        @media only screen and (max-width: 90em) {
          .main_page--content__chart--button {
            width: 3rem;
            padding: 2px; } }
    .main_page--content__recentpayments {
      margin-top: 2rem; }
      .main_page--content__recentpayments--header {
        background-color: #12447c;
        color: #fff;
        font-size: .9rem;
        font-family: "Dosis";
        font-weight: bold;
        text-transform: capitalize; }
      .main_page--content__recentpayments--status {
        text-transform: capitalize; }
      .main_page--content__recentpayments table {
        border-color: #cdd9e8; }
      .main_page--content__recentpayments table thead {
        background-color: #f2f6f9; }
      .main_page--content__recentpayments table thead tr th {
        text-transform: capitalize;
        padding: .95rem;
        font-family: "Dosis";
        font-size: 1rem;
        font-weight: 400;
        color: #000; }
      .main_page--content__recentpayments table tbody tr td {
        font-size: .8rem;
        font-family: "Dosis"; }
      .main_page--content__recentpayments--card-inner {
        padding: 0px !important; }
      .main_page--content__recentpayments--payment_type {
        width: 1.5rem; }
  .main_page--header__search {
    color: #666666;
    font-family: "Dosis";
    font-weight: 400;
    background-color: #e6e7ee;
    border: none; }
    .main_page--header__search::placeholder {
      color: #666666; }
    .main_page--header__search:-ms-input-placeholder {
      color: #666666; }
    .main_page--header__search::-ms-input-placeholder {
      color: #666666; }
    .main_page--header__search:focus {
      box-shadow: none;
      border: none;
      background-color: #e6e7ee; }
  .main_page--floating {
    font-family: "Dosis"; }
    .main_page--floating__container {
      bottom: 0;
      position: fixed;
      margin: 1em;
      right: -5px; }
    .main_page--floating__btn {
      background: transparent;
      border: none;
      display: block;
      position: relative; }
      .main_page--floating__btn--img {
        width: 80px;
        height: 80px;
        margin: 5px auto 0;
        border: none; }
    .main_page--floating__btn:focus {
      outline: 0;
      background: transparent;
      border: none; }
    .main_page--floating__bg {
      background-color: #BADA55; }
    .main_page--floating__header {
      width: 100%;
      display: block;
      margin-left: 1em;
      margin-right: auto; }

.custom-switch.custom-switch-sm .custom-control-label {
  padding-left: 0.5rem;
  padding-bottom: 1rem; }

.custom-switch.custom-switch-sm .custom-control-label::before {
  height: 1.2rem;
  width: calc(1.5rem + 0.75rem);
  border-radius: 2.4rem;
  background-color: #afafaf; }

.custom-switch.custom-switch-sm .custom-control-label::after {
  width: calc(1.2rem - 7px);
  height: calc(1.2rem - 7px);
  border-radius: calc(1.5rem - (1.2rem / 2));
  background-color: #447bb0; }

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(1.2rem - 0.15rem)); }

.custom-switch.custom-switch-md .custom-control-label {
  padding-left: 0.5rem;
  padding-bottom: 1rem; }

.custom-switch.custom-switch-md .custom-control-label::before {
  height: 1.5rem;
  width: calc(2rem + 0.75rem);
  border-radius: 3rem;
  background-color: #afafaf; }

.custom-switch.custom-switch-md .custom-control-label::after {
  width: calc(1.5rem - 7px);
  height: calc(1.5rem - 7px);
  border-radius: calc(2rem - (1.5rem / 2));
  background-color: #447bb0; }

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(1.5rem - 0.15rem)); }

.custom-switch.custom-switch-lg .custom-control-label {
  padding-left: 0.5rem;
  padding-bottom: 1rem; }

.custom-switch.custom-switch-lg .custom-control-label::before {
  height: 2rem;
  width: calc(3rem + 0.75rem);
  border-radius: 4rem;
  background-color: #afafaf; }

.custom-switch.custom-switch-lg .custom-control-label::after {
  width: calc(2rem - 7px);
  height: calc(2rem - 7px);
  border-radius: calc(3rem - (2rem / 2));
  background-color: #447bb0; }

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(2rem - 0.15rem)); }

.custom-switch.custom-switch-xl .custom-control-label {
  padding-left: 0.5rem;
  padding-bottom: 1rem; }

.custom-switch.custom-switch-xl .custom-control-label::before {
  height: 2.5rem;
  width: calc(4rem + 0.75rem);
  border-radius: 5rem;
  background-color: #afafaf; }

.custom-switch.custom-switch-xl .custom-control-label::after {
  width: calc(2.5rem - 7px);
  height: calc(2.5rem - 7px);
  border-radius: calc(4rem - (2.5rem / 2));
  background-color: #447bb0; }

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(calc(2.5rem - 0.15rem)); }

.dropdown-menu-d {
  width: 200px; }
  @media only screen and (max-width: 37.5em) {
    .dropdown-menu-d {
      width: 170px; } }

.switchpad {
  padding-left: 0px;
  padding-right: 0px; }
  @media only screen and (max-width: 37.5em) {
    .switchpad {
      padding-left: 0px;
      padding-right: 0px; } }

.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px; }

.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #afafaf;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #5088bc; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
  background-color: #12447c; }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.marg {
  margin-right: -1.5rem; }
  @media only screen and (max-width: 37.5em) {
    .marg {
      margin-right: -2rem; } }

.lbl {
  font-size: .75rem;
  position: relative;
  vertical-align: top; }
  @media only screen and (max-width: 37.5em) {
    .lbl {
      font-size: .6rem; } }

.customer_details {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }
  .customer_details--shadow {
    box-shadow: 5px 5px 10px #ccc;
    padding: .5rem; }
  .customer_details--help {
    height: 15px;
    width: 15px;
    background-color: #b3b3b3;
    border-radius: 50%;
    display: inline-block;
    font-size: 11px;
    margin-left: 0.3rem; }
    .customer_details--help__text {
      color: #fff;
      margin-left: 32%;
      font-weight: bold; }
    .customer_details--help:hover {
      background-color: #1c2935; }
  .customer_details--name {
    font-weight: 600;
    margin-top: .5rem; }
  .customer_details--date {
    font-size: .6rem; }
  .customer_details--header {
    background: linear-gradient(to right, #08588B, #1277A9);
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
    .customer_details--header__title {
      font-size: .95rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
    .customer_details--header__btn {
      background-color: transparent !important;
      color: #fff;
      border: 1px solid #ccc;
      font-family: "Dosis";
      font-weight: 400;
      padding: 0.1rem 1rem;
      margin-top: .3rem;
      margin-right: .5rem;
      text-transform: uppercase;
      font-size: .65rem; }
      .customer_details--header__btn:hover, .customer_details--header__btn:active {
        color: #fff; }
      .customer_details--header__btn-dark {
        background-color: #e85347 !important;
        border-color: #e85347 !important; }
  .customer_details--content {
    padding: 1rem; }
    .customer_details--content__title {
      text-transform: uppercase;
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .8rem; }
    .customer_details--content__img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 1.5rem; }
      @media only screen and (max-width: 85.375em) {
        .customer_details--content__img {
          width: 60%; } }
      @media only screen and (max-width: 75em) {
        .customer_details--content__img {
          width: 60%; } }
      @media only screen and (max-width: 56.25em) {
        .customer_details--content__img {
          width: 80%; } }
      @media only screen and (max-width: 37.5em) {
        .customer_details--content__img {
          width: 100%; } }
    .customer_details--content__img2 {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 1.5rem;
      border: 0.5px solid black; }
      @media only screen and (max-width: 85.375em) {
        .customer_details--content__img2 {
          width: 60%; } }
      @media only screen and (max-width: 75em) {
        .customer_details--content__img2 {
          width: 60%; } }
      @media only screen and (max-width: 56.25em) {
        .customer_details--content__img2 {
          width: 80%; } }
      @media only screen and (max-width: 37.5em) {
        .customer_details--content__img2 {
          width: 100%; } }
    .customer_details--content__imgflag {
      width: 1.5rem; }
    .customer_details--content__tooltip {
      width: 0.8rem;
      margin-bottom: 5px; }
    .customer_details--content__label {
      text-transform: uppercase;
      color: #494949;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem; }
    .customer_details--content__value {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem; }
    .customer_details--content__balance {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: 1.8rem; }
    .customer_details--content__tablewrap {
      border: 1px solid #1c2935;
      border-radius: 5px; }
    .customer_details--content__table thead tr {
      background-color: #f2f6f9; }
      .customer_details--content__table thead tr th {
        font-family: "Dosis";
        font-weight: 600;
        font-size: .75rem;
        text-transform: uppercase;
        padding: 10px 0px;
        color: #333;
        text-align: center; }
    .customer_details--content__table tbody tr td {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .75rem;
      color: #333;
      text-align: center; }
    .customer_details--content__table-type {
      width: 10%; }
    .customer_details--content__table-name {
      width: 20%; }
    .customer_details--content__table-card {
      width: 30%; }
    .customer_details--content__table-expiration {
      width: 20%; }
    .customer_details--content__table-action {
      width: 20%; }
    .customer_details--content__table-amount {
      width: 10%; }
    .customer_details--content__table-status {
      width: 10%; }
    .customer_details--content__btn {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .75rem;
      color: #fff;
      text-transform: uppercase;
      padding: 0.2375rem .5rem; }
      .customer_details--content__btn--deactivate {
        background-color: #f54654 !important; }
      .customer_details--content__btn--activate {
        padding: 0.1rem 1rem;
        background-image: linear-gradient(to right, #08588b, #1277a9); }
      .customer_details--content__btn--pause {
        padding: 0.1rem 1.45rem;
        background-color: #4d4d4d !important; }
    .customer_details--content__active {
      color: #08588b !important;
      font-weight: 600 !important; }
    .customer_details--content__pause {
      color: #f54654 !important;
      font-weight: 600 !important; }
  .customer_details--subscription__btn {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    color: #fff;
    width: 100%;
    border-radius: 0px; }
    .customer_details--subscription__btn:hover {
      color: #fff; }
    .customer_details--subscription__btn-active {
      background-color: #39ACE0 !important; }
    .customer_details--subscription__btn-inactive {
      background: #24404D !important;
      text-align: center; }
  .customer_details--subscription__table {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem; }
    .customer_details--subscription__table thead tr th {
      text-transform: uppercase;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem; }

.brd {
  border: 1px solid black; }

.generate_pnb--menu {
  width: 100%;
  display: inline-block;
  padding: .35rem;
  text-align: center;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }
  .generate_pnb--menu__btnhead {
    background-color: transparent;
    border: none;
    color: white; }
    .generate_pnb--menu__btnhead:hover, .generate_pnb--menu__btnhead:active, .generate_pnb--menu__btnhead:focus {
      border: none;
      outline: none; }
  .generate_pnb--menu__active {
    border-radius: 4px 0px 0px 4px;
    background-image: linear-gradient(#08588b, #1277a9);
    cursor: pointer; }
    .generate_pnb--menu__active-gp {
      background-image: linear-gradient(#0d5bae, #0d5bae);
      width: 49.8%; }
      @media only screen and (max-width: 75em) {
        .generate_pnb--menu__active-gp {
          width: 49.8%;
          font-size: .9rem; } }
      @media only screen and (max-width: 56.25em) {
        .generate_pnb--menu__active-gp {
          width: 49.8%;
          font-size: .9rem; } }
      @media only screen and (max-width: 37.5em) {
        .generate_pnb--menu__active-gp {
          width: 100%;
          font-size: .5rem; } }
  .generate_pnb--menu__inactive {
    border-radius: 0px 4px 4px 0px;
    background-image: linear-gradient(#12447c, #12425e, #083557);
    cursor: pointer; }
    .generate_pnb--menu__inactive-gp {
      background-image: linear-gradient(#2e4251, #2e4251);
      width: 49.8%; }
      @media only screen and (max-width: 75em) {
        .generate_pnb--menu__inactive-gp {
          width: 49.8%;
          font-size: .9rem; } }
      @media only screen and (max-width: 56.25em) {
        .generate_pnb--menu__inactive-gp {
          width: 49.8%;
          font-size: .9rem; } }
      @media only screen and (max-width: 37.5em) {
        .generate_pnb--menu__inactive-gp {
          width: 100%;
          font-size: .5rem; } }

.generate_pnb--header {
  background-color: #12447c;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }
  .generate_pnb--header__title {
    font-size: .95rem;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem 2rem; }
    @media only screen and (max-width: 37.5em) {
      .generate_pnb--header__title {
        font-size: .75rem; } }

.generate_pnb--icon {
  font-size: 0.7rem !important; }

.generate_pnb--p {
  font-family: "Dosis";
  font-weight: 400;
  color: #6e6e6e;
  font-size: .8rem; }
  @media only screen and (max-width: 37.5em) {
    .generate_pnb--p {
      font-size: .7rem; } }

.generate_pnb--api_img {
  width: 2.3rem;
  margin-bottom: 1.5rem; }
  @media only screen and (max-width: 37.5em) {
    .generate_pnb--api_img {
      width: 1.5rem;
      margin-bottom: 0.5rem; } }
  .generate_pnb--api_img__api2 {
    width: 6rem; }

.generate_pnb--label {
  font-size: .8rem; }
  @media only screen and (max-width: 37.5em) {
    .generate_pnb--label {
      font-size: .7rem; } }

.generate_pnb--shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.generate_pnb--codeblock {
  background-color: #f2f6f9;
  font-family: "Dosis";
  font-weight: 400; }
  .generate_pnb--codeblock__apitxt {
    font-weight: 600;
    font-size: 1rem; }
    @media only screen and (max-width: 56.25em) {
      .generate_pnb--codeblock__apitxt {
        font-size: 0.7rem; } }
    @media only screen and (max-width: 37.5em) {
      .generate_pnb--codeblock__apitxt {
        font-size: 0.5rem; } }

.generate_pnb--prebg {
  background-color: #1c2935;
  border-radius: 6px;
  padding: 1.25rem 0rem 0rem 0rem;
  height: 438px; }
  .generate_pnb--prebg__prebg_inside {
    background: #2e4251 !important;
    max-height: none !important;
    height: 386px !important;
    padding-left: 1.5rem !important; }
  .generate_pnb--prebg__pre-title {
    color: white;
    font-size: .8rem;
    font-style: initial;
    font-weight: 500;
    font-family: "Dosis"; }
    @media only screen and (max-width: 37.5em) {
      .generate_pnb--prebg__pre-title {
        font-size: .45rem; } }
  .generate_pnb--prebg__btn {
    font-size: .8rem;
    font-weight: 400;
    font-family: "Dosis";
    background-color: #1c2935 !important;
    color: white;
    border: none;
    border-radius: 4px; }
    @media only screen and (max-width: 37.5em) {
      .generate_pnb--prebg__btn {
        font-size: .5rem; } }
    .generate_pnb--prebg__btn:hover {
      color: white; }
    .generate_pnb--prebg__btn-copy {
      background-color: #fff !important;
      border: 1px solid #3d3d3d !important;
      color: #3b3b3b;
      font-size: 1rem;
      font-weight: 600;
      position: initial !important; }
      @media only screen and (max-width: 37.5em) {
        .generate_pnb--prebg__btn-copy {
          text-align: center !important;
          font-size: .4rem;
          margin-bottom: .5rem; } }
      .generate_pnb--prebg__btn-copy:hover {
        background-color: #fff !important;
        border: 1px solid #3d3d3d !important;
        color: #3b3b3b; }
    @media only screen and (max-width: 37.5em) {
      .generate_pnb--prebg__btn-align {
        text-align: center !important; } }
    .generate_pnb--prebg__btn-preview {
      font-size: .8rem;
      font-weight: 500;
      font-family: "Dosis";
      background-color: #fff !important;
      color: black;
      border: none; }
    .generate_pnb--prebg__btn-img {
      width: 6.5rem;
      margin: 0rem .1rem .1rem .1rem;
      display: inline-block; }
      @media only screen and (max-width: 37.5em) {
        .generate_pnb--prebg__btn-img {
          width: 4rem; } }

.typ, .atn, .dec, .var {
  color: #96da32; }

.pun, .opn, .clo, .pln {
  color: #fff; }

.str, .atv {
  color: #e3cf55; }

.tags {
  color: #e51829; }

pre {
  color: white; }

.api_keys {
  font-family: "Dosis"; }
  .api_keys--modal_bg {
    background-color: #F9F9F9 !important; }
  .api_keys--name {
    font-family: "Dosis";
    font-weight: 600;
    margin-top: .5rem; }
  .api_keys--date {
    font-size: .6rem; }
  .api_keys--tooltip {
    padding-top: 0.05;
    margin-left: 0.5rem; }
  .api_keys--marg {
    margin-right: 3rem; }
    @media only screen and (max-width: 75em) {
      .api_keys--marg {
        margin-right: 0.5rem; } }
    @media only screen and (max-width: 56.25em) {
      .api_keys--marg {
        margin-right: 0.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .api_keys--marg {
        margin-right: 0.5rem; } }
  .api_keys--bord {
    border-bottom: 1px solid #dbdfea !important;
    border-top: 1px solid #dbdfea !important; }
  .api_keys--header {
    background-color: #12447C;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Dosis";
    font-weight: 500; }
    .api_keys--header__title {
      font-size: .95rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
      @media only screen and (max-width: 37.5em) {
        .api_keys--header__title {
          font-size: .75rem; } }
    .api_keys--header__headline {
      color: black;
      font-family: "Dosis";
      font-weight: 700;
      text-transform: uppercase; }
    .api_keys--header__paragraph {
      font-size: .8rem;
      text-transform: initial;
      padding: .5rem 0rem .5rem 2.5rem;
      font-family: "Dosis";
      font-weight: 400; }
      @media only screen and (max-width: 75em) {
        .api_keys--header__paragraph {
          padding: .5rem 0rem .5rem .5rem; } }
      @media only screen and (max-width: 56.25em) {
        .api_keys--header__paragraph {
          padding: .5rem 0rem .5rem .5rem; } }
      @media only screen and (max-width: 37.5em) {
        .api_keys--header__paragraph {
          font-size: .7rem;
          padding: 0rem 0rem 0rem 2.5rem; } }
    .api_keys--header__m-footer {
      justify-content: center; }
    .api_keys--header__btn {
      background-color: #2296C4 !important;
      color: #fff;
      font-family: "Dosis";
      font-weight: 400;
      padding: 0.2375rem 1rem;
      margin-top: .4rem;
      margin-right: .5rem;
      text-transform: uppercase;
      font-size: .7rem;
      border: none; }
      .api_keys--header__btn:hover, .api_keys--header__btn:active {
        color: #fff;
        border: none; }
      .api_keys--header__btn:focus {
        color: #fff;
        outline: none;
        border: none; }
      @media only screen and (max-width: 37.5em) {
        .api_keys--header__btn {
          padding: 0rem .5rem;
          font-size: .5rem; } }
    .api_keys--header-footer_btn {
      margin-top: 0.5rem;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem;
      color: #fff;
      margin-right: 1.2rem;
      padding: 0.3rem 2rem;
      text-transform: uppercase; }
      .api_keys--header-footer_btn_preview {
        background-color: #29abe2; }
      .api_keys--header-footer_btn_cancel {
        background-color: #666666; }
        .api_keys--header-footer_btn_cancel:hover {
          color: white; }
      .api_keys--header-footer_btn_save {
        background-image: linear-gradient(#08588b, #1277a9); }
        .api_keys--header-footer_btn_save:hover {
          color: white; }
  .api_keys--content {
    font-family: "Dosis";
    font-weight: 400;
    padding: 1rem; }
    .api_keys--content__title {
      text-transform: uppercase;
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .8rem; }
    .api_keys--content__label {
      text-transform: uppercase;
      color: #494949;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem; }
    .api_keys--content__value {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem; }
    .api_keys--content__tablewrap {
      border: 1px solid #1c2935;
      border-radius: 5px; }
    .api_keys--content__table thead tr {
      background-color: #f2f6f9; }
      .api_keys--content__table thead tr th {
        font-family: "Dosis";
        font-weight: 600;
        font-size: 1rem;
        text-transform: uppercase;
        color: #333;
        text-align: left; }
        @media only screen and (max-width: 37.5em) {
          .api_keys--content__table thead tr th {
            font-size: 0.6rem; } }
    .api_keys--content__table-headline {
      color: #2896C4 !important;
      font-size: 0.8rem; }
      .api_keys--content__table-headline:hover {
        color: #2896C4; }
    .api_keys--content__table-title {
      font-size: 0.7rem;
      font-family: "Dosis";
      font-weight: 700; }
    .api_keys--content__table-permission {
      color: #2896C4 !important; }
      .api_keys--content__table-permission:hover {
        color: #2896C4; }
    .api_keys--content__table-permission2 {
      color: #7D838A !important; }
      .api_keys--content__table-permission2:hover {
        color: #7D838A; }
    .api_keys--content__table-thmodal {
      font-size: 0.75rem !important; }
    .api_keys--content__table-apthmodal th:nth-last-child(1) {
      text-align: right; }
    .api_keys--content__table-aptbmodal td:nth-last-child(1) {
      text-align: right;
      padding-right: 1rem; }
    .api_keys--content__table-aptpmodal {
      padding: 0.2rem;
      text-align: center; }
    .api_keys--content__table tbody tr td {
      font-family: "Dosis";
      font-weight: 600;
      font-size: .75rem;
      color: #333;
      text-align: left; }
      @media only screen and (max-width: 37.5em) {
        .api_keys--content__table tbody tr td {
          font-size: .6rem; } }
    .api_keys--content__table_apkhpadding th:nth-last-child(1) {
      text-align: right;
      padding-right: 5rem; }
      @media only screen and (max-width: 75em) {
        .api_keys--content__table_apkhpadding th:nth-last-child(1) {
          padding-right: 4rem; } }
      @media only screen and (max-width: 56.25em) {
        .api_keys--content__table_apkhpadding th:nth-last-child(1) {
          padding-right: 5rem; } }
      @media only screen and (max-width: 37.5em) {
        .api_keys--content__table_apkhpadding th:nth-last-child(1) {
          padding-right: 3rem; } }
    .api_keys--content__table_apkbpadding td:nth-last-child(1) {
      text-align: right;
      padding-right: 3rem; }
      @media only screen and (max-width: 75em) {
        .api_keys--content__table_apkbpadding td:nth-last-child(1) {
          padding-right: 2.5rem; } }
      @media only screen and (max-width: 56.25em) {
        .api_keys--content__table_apkbpadding td:nth-last-child(1) {
          padding-right: 3rem; } }
      @media only screen and (max-width: 37.5em) {
        .api_keys--content__table_apkbpadding td:nth-last-child(1) {
          padding-right: 0.2rem; } }
    .api_keys--content__table-type {
      width: 10%; }
    .api_keys--content__table-name {
      width: 20%; }
    .api_keys--content__table-card {
      width: 30%; }
    .api_keys--content__table-expiration {
      width: 20%; }
    .api_keys--content__table-action {
      width: 20%; }
    .api_keys--content__table-amount {
      width: 10%; }
    .api_keys--content__table-status {
      width: 10%; }
  .api_keys--api__btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .85rem;
    border-radius: 0px;
    border: none; }
    .api_keys--api__btn-active {
      background-color: #39ACE0 !important; }
    .api_keys--api__btn-inactive {
      background: #24404D !important; }
    .api_keys--api__btn-roll_key {
      display: inline-block;
      background-color: #2C3E50 !important;
      color: white;
      border: none;
      font-family: "Dosis";
      font-weight: 400;
      padding: 0.2rem 0.7rem; }
      .api_keys--api__btn-roll_key:hover {
        background-color: #2C3E50 !important;
        color: white;
        border: none; }
      @media only screen and (max-width: 37.5em) {
        .api_keys--api__btn-roll_key {
          text-align: center;
          padding: 0.1rem 0.6rem;
          font-size: 0.5rem; } }
    .api_keys--api__btn:hover {
      border: none;
      color: white;
      border-radius: 0px; }
    .api_keys--api__btn--copy_icon {
      font-size: 1.3rem;
      color: #2C3E50; }
    .api_keys--api__btn--copy_btn {
      position: absolute;
      float: right;
      background: transparent;
      border: none; }
      @media only screen and (max-width: 37.5em) {
        .api_keys--api__btn--copy_btn {
          position: relative;
          float: initial; } }
      .api_keys--api__btn--copy_btn:focus {
        outline: none; }

.form-control-selection {
  background-color: #216792;
  color: white; }

.header-btn {
  background: transparent;
  border: none; }
  .header-btn:focus {
    outline: none; }

.header-red_helpimg {
  font-size: 1.6rem;
  color: #F54654;
  width: 1.6rem; }

.header-dropdown_item {
  border-bottom: 1px solid #bebebe; }
  .header-dropdown_item:last-child {
    border: none; }

.header-dropdown_size {
  min-width: 180px;
  font-family: "Dosis"; }

.header-avatar img {
  border-radius: 10%; }

.video-btn {
  background: transparent !important;
  border: none;
  color: white;
  font-family: "Dosis";
  font-weight: 500;
  padding: 0.5rem 1.45rem; }
  @media only screen and (max-width: 37.5em) {
    .video-btn {
      display: grid;
      padding: 0.5rem 1rem; } }
  .video-btn:hover {
    color: white; }

.video-header {
  background-color: #1277A9;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }

.video-name {
  font-family: "Dosis";
  font-weight: 600;
  margin-top: .5rem;
  font-size: 1rem; }
  @media only screen and (max-width: 37.5em) {
    .video-name {
      font-size: .7rem; } }

.video-shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }
  .video-shadow__pointer {
    cursor: pointer; }

.video-font {
  font-family: "Dosis";
  font-weight: 600; }

.video-title {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 1rem;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .video-title {
      font-size: .7rem; } }

.video-search_btn {
  background: white !important;
  border: none;
  font-family: "Dosis";
  font-weight: 500;
  font-size: 1rem;
  -moz-box-shadow: 2px 2px 5px 1px #ccc;
  -webkit-box-shadow: 2px 2px 5px 1px #ccc;
  box-shadow: 2px 2px 5px 1px #ccc; }
  .video-search_btn:focus {
    outline: none; }

.faqs-header {
  background-color: #1277A9;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }

.faqs-name {
  font-family: "Dosis";
  font-weight: 600;
  margin-top: .5rem;
  color: black;
  font-size: 1rem;
  padding: 1rem .5rem !important; }

.faqs-shadow {
  border-radius: 5px;
  box-shadow: 5px 5px 10px #ccc;
  padding: 0rem; }

.faqs-headline {
  font-family: "Dosis";
  font-weight: 700;
  font-size: .9rem;
  color: #12457D;
  padding: 1rem 1rem;
  border-bottom: 1px #ccc solid;
  width: 100% !important; }
  @media only screen and (max-width: 37.5em) {
    .faqs-headline {
      text-align: center;
      line-height: 1.5rem;
      font-size: .7rem;
      padding: .5rem; } }

.faqs-p {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 1rem;
  padding: .5rem 1rem 1rem 1rem;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .faqs-p {
      line-height: 1.5rem;
      font-size: .7rem;
      padding: 1rem; } }

.faqs-title {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 1rem;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .faqs-title {
      font-size: .7rem; } }

.portal_guide-header {
  background-color: #1277A9;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }

.portal_guide-name {
  font-family: "Dosis";
  font-weight: 600;
  margin-top: .5rem;
  color: black;
  font-size: 1rem; }

.portal_guide-shadow {
  border-radius: 10px !important;
  box-shadow: 5px 5px 10px #ccc;
  padding: 0rem; }

.portal_guide-accordion {
  padding: 0.5rem 1.5rem !important; }

.portal_guide-shadow_head {
  border-radius: 10px !important;
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.portal_guide-headline {
  font-family: "Dosis";
  font-weight: 700;
  color: #12457D;
  font-size: .8rem;
  margin-top: .5rem; }

.portal_guide-details {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .55rem;
  color: black; }

.portal_guide-p {
  font-family: "Dosis";
  font-weight: 500;
  font-size: .7rem;
  color: black; }

.portal_guide-title {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 1rem;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .portal_guide-title {
      font-size: .7rem; } }

.portal_guide-bg {
  background: transparent !important;
  border: none; }

.portal_guide-search_btn {
  background: white !important;
  border: none;
  font-family: "Dosis";
  font-weight: 500;
  font-size: 1rem;
  -moz-box-shadow: 2px 2px 5px 1px #ccc;
  -webkit-box-shadow: 2px 2px 5px 1px #ccc;
  box-shadow: 2px 2px 5px 1px #ccc; }
  .portal_guide-search_btn:focus {
    outline: none; }

.terms_privacy-siderbarbg {
  background: #2A3D4C !important; }

.terms_privacy-sidebar_head {
  border: none;
  background: #1C2935 !important;
  height: 62px; }

.terms_privacy-sidebar_link {
  font-family: "dosis";
  font-weight: 600; }

.terms_privacy-headerbg {
  background: #1C2935 !important;
  height: 65px;
  border: none;
  z-index: 2; }

.terms_privacy-headerline {
  align-items: center;
  max-width: 100%; }

.terms_privacy-headline {
  display: block;
  color: white;
  font-family: "dosis";
  font-weight: 600;
  font-size: 1.2rem;
  margin-top: .5rem; }
  @media only screen and (max-width: 75em) {
    .terms_privacy-headline {
      display: none; } }
  @media only screen and (max-width: 56.25em) {
    .terms_privacy-headline {
      display: none; } }
  @media only screen and (max-width: 37.5em) {
    .terms_privacy-headline {
      margin-top: 0.3rem;
      font-size: 1.2rem;
      display: block; } }

.terms_privacy-headline2 {
  display: block;
  color: white;
  font-family: "dosis";
  font-weight: 600;
  font-size: 1.2rem;
  margin-top: .5rem; }
  @media only screen and (max-width: 56.25em) {
    .terms_privacy-headline2 {
      display: block; } }
  @media only screen and (max-width: 37.5em) {
    .terms_privacy-headline2 {
      display: none;
      margin-top: .1rem;
      font-size: 1.2rem; } }

.terms_privacy-content__head {
  font-family: "dosis";
  font-weight: 600;
  color: #333333;
  font-size: 1.1rem; }

.terms_privacy-content__title {
  font-family: "dosis";
  font-weight: 600;
  font-size: 1.3rem;
  color: #F44654; }

.terms_privacy-content__paragraph {
  font-family: "dosis";
  font-weight: 500;
  font-size: 1rem;
  color: #1A1A1A; }

.details-shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.details-name {
  font-weight: 600;
  margin-top: .5rem; }

.details-created {
  font-family: "Dosis";
  font-size: .8rem; }

.details-date {
  font-family: "Dosis";
  font-size: .6rem; }

.details-header {
  background: linear-gradient(to right, #08588B, #1277A9);
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }
  .details-header_title {
    font-size: .85rem;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem 2rem; }
    @media only screen and (max-width: 37.5em) {
      .details-header_title {
        font-size: .75rem; } }
  .details-header_btn {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #ccc;
    font-family: "Dosis";
    font-weight: 400;
    padding: 0.1rem 1rem;
    margin-top: .3rem;
    margin-right: .5rem;
    text-transform: uppercase;
    font-size: .65rem; }
    .details-header_btn:hover, .details-header_btn:active {
      color: #fff; }

.details-header2 {
  background-color: #12447C;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }

.details-content {
  font-family: "Dosis";
  font-weight: 400;
  padding: 1rem; }
  .details-content_title {
    text-transform: uppercase;
    color: #1a1a1a;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .8rem; }
  .details-content_img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 1.5rem; }
    @media only screen and (max-width: 85.375em) {
      .details-content_img {
        width: 60%; } }
    @media only screen and (max-width: 75em) {
      .details-content_img {
        width: 60%; } }
    @media only screen and (max-width: 56.25em) {
      .details-content_img {
        width: 80%; } }
    @media only screen and (max-width: 37.5em) {
      .details-content_img {
        width: 100%; } }
  .details-content_img2 {
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 1.5rem;
    border: 0.5px solid black; }
    @media only screen and (max-width: 85.375em) {
      .details-content_img2 {
        width: 60%; } }
    @media only screen and (max-width: 75em) {
      .details-content_img2 {
        width: 60%; } }
    @media only screen and (max-width: 56.25em) {
      .details-content_img2 {
        width: 80%; } }
    @media only screen and (max-width: 37.5em) {
      .details-content_img2 {
        width: 100%; } }
  .details-content_imgflag {
    width: 1.5rem; }
  .details-content_tooltip {
    width: 0.8rem;
    margin-bottom: 5px; }
  .details-content_label {
    text-transform: uppercase;
    color: #494949;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .7rem; }
  .details-content_value {
    color: #1a1a1a;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .85rem; }
  .details-content_balance {
    color: #1a1a1a;
    font-family: "Dosis";
    font-weight: 600;
    font-size: 1.8rem; }
  .details-content_tablewrap {
    border: 1px solid #1c2935;
    border-radius: 5px; }
  .details-content_table thead tr {
    background-color: #f2f6f9; }
    .details-content_table thead tr th {
      font-family: "Dosis";
      font-weight: 600;
      font-size: .75rem;
      text-transform: uppercase;
      padding: 10px 0px;
      color: #333;
      text-align: center; }
  .details-content_table tbody tr td {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .75rem;
    color: #333;
    text-align: center; }
  .details-content_table--type {
    width: 10%; }
  .details-content_table--name {
    width: 20%; }
  .details-content_table--card {
    width: 30%; }
  .details-content_table--expiration {
    width: 20%; }
  .details-content_table--action {
    width: 20%; }
  .details-content_table--amount {
    width: 10%; }
  .details-content_table--status {
    width: 10%; }
  .details-content_btn {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .75rem;
    color: #fff;
    text-transform: uppercase;
    padding: 0.2375rem .5rem; }
    .details-content_btn--deactivate {
      background-color: #f54654 !important; }
    .details-content_btn--activate {
      padding: 0.1rem 1rem;
      background-image: linear-gradient(to right, #08588b, #1277a9); }
    .details-content_btn--pause {
      padding: 0.1rem 1.45rem;
      background-color: #4d4d4d !important; }
    .details-content_btn:hover {
      border: none;
      color: white; }
  .details-content_active {
    text-transform: uppercase;
    color: #08588b !important;
    font-weight: 600 !important; }
  .details-content_pause {
    text-transform: uppercase;
    color: #f54654 !important;
    font-weight: 600 !important; }

.report-btn {
  background: transparent;
  font-weight: 400;
  font-family: "Dosis";
  font-size: .7rem;
  border: 1px solid #ccc; }
  .report-btn_create-instant {
    padding: 0.1rem 1rem;
    background-color: #53809B !important;
    color: #fff; }
    .report-btn_create-instant:hover, .report-btn_create-instant:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .report-btn_create-instant {
        font-size: .70em; } }
  .report-btn_create-schedule {
    padding: 0.1rem 1rem;
    background-color: #08588B !important;
    color: #fff; }
    .report-btn_create-schedule:hover, .report-btn_create-schedule:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .report-btn_create-schedule {
        font-size: .6rem; } }
  @media only screen and (max-width: 37.5em) {
    .report-btn_search {
      margin-left: 3.5rem; } }

.report-btn2 {
  background: transparent;
  font-weight: 400;
  font-family: "Dosis";
  font-size: .7rem;
  border: none !important; }
  .report-btn2:hover {
    border: none;
    outline: none; }

.report-text {
  font-weight: 400;
  font-family: "Dosis" !important;
  font-size: 0.8rem; }
  @media only screen and (max-width: 37.5em) {
    .report-text {
      font-size: 0.5rem; } }

.report-rhpadding th:nth-last-child(1) {
  text-align: right;
  padding-right: 0.9rem; }
  @media only screen and (max-width: 75em) {
    .report-rhpadding th:nth-last-child(1) {
      padding-right: 0.9rem; } }
  @media only screen and (max-width: 56.25em) {
    .report-rhpadding th:nth-last-child(1) {
      padding-right: 2.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .report-rhpadding th:nth-last-child(1) {
      padding-right: 1rem; } }

.marketplace-menu {
  width: 100%;
  display: inline-block;
  padding: .35rem;
  text-align: center;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }

.marketplace-help {
  height: 15px;
  width: 15px;
  background-color: #b3b3b3 !important;
  border-radius: 50%;
  display: inline-block;
  font-size: 10px; }
  .marketplace-help__help2 {
    background-color: #1AB4D7 !important; }
  .marketplace-help__text {
    color: #fff;
    margin-left: 0px;
    font-weight: bold; }
  .marketplace-help:hover {
    background-color: #1c2935; }

.marketplace-tab.active {
  background-color: #0d5bae; }

.marketplace-tab.inactive {
  background-color: #2e4251; }

.marketplace-tab-aa {
  border-radius: 4px 0px 0px 4px !important;
  width: 100%; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-tab-aa {
      border-radius: 4px 4px 4px 4px !important; } }

.marketplace-tab-pgp {
  border-radius: 0px 4px 4px 0px !important;
  width: 100%; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-tab-pgp {
      border-radius: 4px 4px 4px 4px !important; } }

.marketplace-link {
  color: white; }
  .marketplace-link:hover {
    color: white; }

.marketplace-bord-card {
  border-radius: 8px !important;
  word-wrap: normal; }
  .marketplace-bord-card.aa {
    height: 190px; }
    @media only screen and (max-width: 90em) {
      .marketplace-bord-card.aa {
        height: 230px; } }
    @media only screen and (max-width: 56.25em) {
      .marketplace-bord-card.aa {
        height: 210px; } }
    @media only screen and (max-width: 37.5em) {
      .marketplace-bord-card.aa {
        height: auto; } }
  .marketplace-bord-card.pgp {
    height: 250px; }
    @media only screen and (max-width: 75em) {
      .marketplace-bord-card.pgp {
        height: auto; } }
    @media only screen and (max-width: 56.25em) {
      .marketplace-bord-card.pgp {
        height: auto; } }
    @media only screen and (max-width: 37.5em) {
      .marketplace-bord-card.pgp {
        height: auto; } }
  .marketplace-bord-card-body {
    padding: 1rem 0.7rem 1rem 0.4rem; }
    @media only screen and (max-width: 56.25em) {
      .marketplace-bord-card-body {
        padding: 1.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .marketplace-bord-card-body {
        padding: 1.5rem; } }

.marketplace-bord-footer {
  padding: 0rem; }

.marketplace-left_tab {
  padding-right: 0.2rem; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-left_tab {
      padding-right: 1rem; } }
  @media only screen and (max-width: 37.5em) {
    .marketplace-left_tab {
      padding-right: 1rem; } }

.marketplace-right_tab {
  padding-left: 0.2rem; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-right_tab {
      padding-left: 1rem; } }
  @media only screen and (max-width: 37.5em) {
    .marketplace-right_tab {
      padding-left: 1rem; } }

.marketplace-content_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-content_img {
      margin-bottom: 0.5rem;
      width: 50%; } }
  @media only screen and (max-width: 37.5em) {
    .marketplace-content_img {
      margin-bottom: 0.5rem;
      width: 20%; } }

.marketplace-content_label {
  font-size: 0.7rem;
  font-family: "Dosis";
  font-weight: 600;
  text-align: center !important; }

.marketplace-content_p {
  font-size: 0.7rem;
  font-family: "Dosis";
  font-weight: 500;
  text-align: left;
  color: black; }

.marketplace-content_value {
  font-size: 0.6rem;
  font-family: "Dosis";
  font-weight: 600; }
  @media only screen and (max-width: 56.25em) {
    .marketplace-content_value {
      text-align: left !important; } }
  @media only screen and (max-width: 37.5em) {
    .marketplace-content_value {
      text-align: left !important; } }

.marketplace-content_header {
  font-size: 1rem;
  font-family: "Dosis";
  font-weight: 600; }
  .marketplace-content_header--small {
    font-size: 0.65rem; }
    @media only screen and (max-width: 56.25em) {
      .marketplace-content_header--small {
        font-size: 0.5rem; } }

.marketplace-content_btn-connect {
  color: white;
  border-radius: 0px 0px 8px 8px !important;
  background-image: linear-gradient(to right, #08588b, #1277a9) !important;
  font-family: "Dosis";
  font-weight: 400; }
  .marketplace-content_btn-connect.option1 {
    border-radius: 0px 0px 0px 8px !important; }
    @media only screen and (max-width: 56.25em) {
      .marketplace-content_btn-connect.option1 {
        border-radius: 0px 0px 0px 0px !important; } }
    @media only screen and (max-width: 37.5em) {
      .marketplace-content_btn-connect.option1 {
        border-radius: 0px 0px 0px 0px !important; } }
  .marketplace-content_btn-connect:hover {
    color: white; }

.marketplace-content_btn-configure {
  color: white;
  border-radius: 0px 0px 8px 8px !important;
  background-color: #2E4251 !important;
  font-family: "Dosis";
  font-weight: 400; }
  .marketplace-content_btn-configure.option1 {
    border-radius: 0px 0px 8px 0px !important; }
    @media only screen and (max-width: 37.5em) {
      .marketplace-content_btn-configure.option1 {
        border-radius: 0px 0px 8px 8px !important; } }
  .marketplace-content_btn-configure:hover {
    color: white; }

.billing-booth-shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.billing-booth-content {
  font-family: "Dosis";
  font-weight: 400;
  padding: 1rem; }

.billing-booth-img {
  display: inline-block;
  width: 7rem !important;
  margin-top: -0.3rem; }
  @media only screen and (max-width: 37.5em) {
    .billing-booth-img {
      margin-right: 9rem; } }

.billing-booth-details {
  font-family: "Dosis";
  font-weight: 500;
  font-size: 0.6rem;
  color: gray; }

.billing-booth-label {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .8rem;
  margin-bottom: .1rem; }

.billing-booth-header {
  background-color: #12447C;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }
  .billing-booth-header__title {
    font-size: .95rem;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem 2rem; }
    @media only screen and (max-width: 37.5em) {
      .billing-booth-header__title {
        font-size: .75rem; } }

.billing-booth-btn {
  background: transparent;
  font-weight: 400;
  font-family: "Dosis";
  font-size: .6rem;
  border: 1px solid #ccc;
  margin-top: 1.5rem; }
  .billing-booth-btn_save {
    padding: 0.1rem 1rem;
    background-color: #285872 !important;
    color: #fff; }
    .billing-booth-btn_save:hover, .billing-booth-btn_save:active {
      color: #fff; }
  .billing-booth-btn_xero {
    padding: 0.1rem 1rem;
    background-color: #F54654 !important;
    color: #fff; }
    .billing-booth-btn_xero:hover, .billing-booth-btn_xero:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .billing-booth-btn_xero {
        font-size: .70em; } }
  .billing-booth-btn_bbps {
    padding: 0.1rem 1rem;
    background-image: linear-gradient(to right, #08588b, #1277a9) !important;
    color: #fff; }
    .billing-booth-btn_bbps:hover, .billing-booth-btn_bbps:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .billing-booth-btn_bbps {
        font-size: .70em; } }
  .billing-booth-btn_bbsi {
    padding: 0.1rem 1rem;
    background-color: #1D2935 !important;
    color: #fff; }
    .billing-booth-btn_bbsi:hover, .billing-booth-btn_bbsi:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .billing-booth-btn_bbsi {
        font-size: .70em; } }

.add_user {
  font-family: "Dosis"; }
  .add_user-shadow {
    box-shadow: 5px 5px 10px #ccc;
    padding: .5rem; }
  .add_user-header {
    background-color: #12447C;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Dosis";
    font-weight: 500; }
    .add_user-header__title {
      font-size: .95rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
      @media only screen and (max-width: 37.5em) {
        .add_user-header__title {
          font-size: .75rem; } }
  .add_user-content {
    font-family: "Dosis";
    font-weight: 400;
    padding: 1rem; }
  .add_user-profile_pic {
    width: 120px;
    border-radius: 50% !important;
    align-content: center; }
  .add_user-upload {
    font-size: 0.6rem;
    font-family: "Dosis";
    font-weight: 400;
    color: black; }
    .add_user-upload_hide {
      display: none; }
    .add_user-upload:hover {
      color: black; }
  .add_user-modules {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem;
    padding: 0.2rem 3.5rem; }
    .add_user-modules_active {
      background-color: #2084CE !important;
      color: white;
      border: 1px solid #2084CE; }
      .add_user-modules_active:hover {
        border: 1px solid #2084CE;
        color: white; }
    .add_user-modules_inactive {
      background-color: #fff;
      color: black;
      border: 1px solid gray; }
      .add_user-modules_inactive:hover, .add_user-modules_inactive:focus {
        border: 1px solid gray !important;
        color: black; }
    @media only screen and (max-width: 56.25em) {
      .add_user-modules {
        padding: 0.1rem 2rem; } }
  .add_user-cn_flag {
    width: 10%; }

.email-header {
  background-color: #12447C;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }
  .email-header_title {
    font-size: .95rem;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem 2rem; }
    @media only screen and (max-width: 37.5em) {
      .email-header_title {
        font-size: .75rem; } }

.email-btn {
  font-family: "Dosis";
  font-weight: 400;
  padding: 0.1rem 1rem;
  font-size: .85rem;
  border: none; }
  .email-btn:hover, .email-btn:focus {
    color: #2C3E50;
    border: none; }
  @media only screen and (max-width: 37.5em) {
    .email-btn {
      font-size: .6rem;
      padding: 0.1rem 0.7rem; } }
  .email-btn_cancel {
    background-color: #566572 !important;
    padding: 0.2rem 0rem;
    width: 7%;
    justify-content: center;
    border: none;
    color: white; }
    .email-btn_cancel:hover, .email-btn_cancel:focus {
      color: white; }
    @media only screen and (max-width: 75em) {
      .email-btn_cancel {
        width: 11%; } }
    @media only screen and (max-width: 56.25em) {
      .email-btn_cancel {
        width: 13%; } }
    @media only screen and (max-width: 37.5em) {
      .email-btn_cancel {
        width: 45%; } }
  .email-btn_save {
    background-color: #0071BC !important;
    padding: 0.2rem 0rem;
    width: 7%;
    justify-content: center;
    border: none;
    color: white; }
    .email-btn_save:hover, .email-btn_save:focus {
      color: white; }
    @media only screen and (max-width: 75em) {
      .email-btn_save {
        width: 11%; } }
    @media only screen and (max-width: 56.25em) {
      .email-btn_save {
        width: 13%; } }
    @media only screen and (max-width: 37.5em) {
      .email-btn_save {
        width: 40%; } }

.email-menu {
  min-width: 150px; }

.email-placeholder {
  font-weight: 800;
  font-family: "Dosis";
  font-size: .9rem;
  color: #2C87E7; }

.email-biglabel {
  color: #2E4251;
  font-family: "Dosis";
  font-weight: 600;
  font-size: 1rem; }

.email-label {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .8rem;
  margin-bottom: .1rem; }

.email-content {
  font-family: "Dosis";
  font-weight: 400;
  padding: 1rem; }

.email-shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.email-link {
  font-family: "Dosis";
  font-weight: 500;
  font-size: 0.9rem;
  color: #2686D7; }

.email-back {
  background: #12447C !important;
  font-weight: 400;
  font-family: "Dosis";
  font-size: .7rem;
  border: none !important;
  color: white; }
  .email-back:hover {
    color: white;
    border: none;
    outline: none; }

.email-btn_placeholder {
  font-weight: 800;
  font-family: "Dosis";
  font-size: .9rem;
  color: #2C87E7;
  border: none;
  outline: none; }
  .email-btn_placeholder:hover {
    color: #2C87E7;
    border: none;
    outline: none; }

@media only screen and (min-width: 112.5em) {
  .email-dropdown_place {
    text-align: right !important; } }

@media only screen and (max-width: 90em) {
  .email-dropdown_place {
    text-align: right !important; } }

@media only screen and (max-width: 85.375em) {
  .email-dropdown_place {
    text-align: right !important; } }

@media only screen and (max-width: 75em) {
  .email-dropdown_place {
    text-align: right !important; } }

@media only screen and (max-width: 56.25em) {
  .email-dropdown_place {
    text-align: left !important; } }

@media only screen and (max-width: 37.5em) {
  .email-dropdown_place {
    text-align: left !important; } }

.email-dropdown {
  font-weight: 500;
  font-family: "Dosis";
  font-size: .9rem;
  color: gray;
  border: none;
  outline: none;
  padding: 0.1rem 0.1rem; }
  .email-dropdown:hover {
    border: none;
    outline: none; }
  @media only screen and (max-width: 56.25em) {
    .email-dropdown {
      margin-bottom: 1rem; } }
  @media only screen and (max-width: 37.5em) {
    .email-dropdown {
      margin-bottom: 0.5rem; } }

.add_user {
  font-family: "Dosis"; }
  .add_user-shadow {
    box-shadow: 5px 5px 10px #ccc;
    padding: .5rem; }
  .add_user-header {
    background-color: #12447C;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Dosis";
    font-weight: 500; }
    .add_user-header__title {
      font-size: .95rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
      @media only screen and (max-width: 37.5em) {
        .add_user-header__title {
          font-size: .75rem; } }
  .add_user-content {
    font-family: "Dosis";
    font-weight: 400;
    padding: 1rem; }
  .add_user-profile_pic {
    width: 120px;
    border-radius: 50% !important;
    align-content: center; }
  .add_user-upload {
    font-size: 0.6rem;
    font-family: "Dosis";
    font-weight: 400;
    color: black; }
    .add_user-upload_hide {
      display: none; }
    .add_user-upload:hover {
      color: black; }
  .add_user-modules {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem;
    padding: 0.2rem 3.5rem; }
    .add_user-modules_active {
      background-color: #2084CE !important;
      color: white;
      border: 1px solid #2084CE; }
      .add_user-modules_active:hover {
        border: 1px solid #2084CE;
        color: white; }
    .add_user-modules_inactive {
      background-color: #fff;
      color: black;
      border: 1px solid gray; }
      .add_user-modules_inactive:hover, .add_user-modules_inactive:focus {
        border: 1px solid gray !important;
        color: black; }
    @media only screen and (max-width: 56.25em) {
      .add_user-modules {
        padding: 0.1rem 2rem; } }
  .add_user-cn_flag {
    width: 10%; }

.um-avatar {
  border-radius: 50%;
  height: 25px;
  width: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #1C2935;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 0.06em;
  flex-shrink: 0;
  position: relative; }

.um-profile_pic {
  font-size: 2rem;
  margin-right: 0.5rem; }
  @media only screen and (max-width: 37.5em) {
    .um-profile_pic {
      font-size: 1rem; } }

.profile {
  font-family: "Dosis"; }
  .profile-shadow {
    box-shadow: 5px 5px 10px #ccc;
    padding: .5rem; }
  .profile-name {
    font-family: "Dosis";
    font-weight: 600;
    margin-left: 0.7rem; }
  .profile-header {
    background: linear-gradient(to right, #08588B, #1277A9);
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Dosis";
    font-weight: 500; }
    .profile-header__title {
      font-size: .90rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
      @media only screen and (max-width: 37.5em) {
        .profile-header__title {
          font-size: .75rem; } }
  .profile-content {
    font-family: "Dosis";
    font-weight: 400;
    padding: 1rem; }
    .profile-content_title {
      text-transform: uppercase;
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .8rem; }
    .profile-content_label {
      text-transform: uppercase;
      color: #494949;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem; }
    .profile-content_value {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem; }
    .profile-content_tablewrap {
      border: 1px solid #1c2935;
      border-radius: 5px; }
    .profile-content_table thead tr {
      background-color: #f2f6f9; }
      .profile-content_table thead tr th {
        font-family: "Dosis";
        font-weight: 600;
        font-size: .75rem;
        text-transform: uppercase;
        padding: 10px 7px;
        color: #333;
        text-align: left; }
    .profile-content_table tbody tr td {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .75rem;
      color: #333;
      text-align: left; }
    @media only screen and (max-width: 75em) {
      .profile-content_table-cards th:first-child {
        padding-left: 1.8rem; } }
    @media only screen and (max-width: 56.25em) {
      .profile-content_table-cards th:first-child {
        padding-left: 1.4rem; } }
    .profile-content_table-cards td:first-child {
      text-align: left;
      padding-right: 4rem; }
      @media only screen and (min-width: 112.5em) {
        .profile-content_table-cards td:first-child {
          padding-right: 10rem; } }
      @media only screen and (max-width: 75em) {
        .profile-content_table-cards td:first-child {
          padding-right: 2rem; } }
      @media only screen and (max-width: 56.25em) {
        .profile-content_table-cards td:first-child {
          padding-right: 1.2rem; } }
      @media only screen and (max-width: 37.5em) {
        .profile-content_table-cards td:first-child {
          padding-right: 1rem; } }
    .profile-content_table-cards th:nth-last-child(1) {
      padding-right: 3.7rem;
      text-align: right; }
    .profile-content_table-cards td:nth-last-child(1) {
      text-align: right; }
    .profile-content_table-type {
      width: 10%; }
    .profile-content_table-name {
      width: 20%; }
    .profile-content_table-card {
      width: 30%; }
    .profile-content_table-expiration {
      width: 20%; }
    .profile-content_table-action {
      width: 20%; }
    .profile-content_table-amount {
      width: 10%; }
    .profile-content_table-status {
      width: 10%; }
    .profile-content_table-img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 1.5rem; }
      @media only screen and (max-width: 85.375em) {
        .profile-content_table-img {
          width: 60%; } }
      @media only screen and (max-width: 75em) {
        .profile-content_table-img {
          width: 60%; } }
      @media only screen and (max-width: 56.25em) {
        .profile-content_table-img {
          width: 80%; } }
      @media only screen and (max-width: 37.5em) {
        .profile-content_table-img {
          width: 100%; } }
    .profile-content_btn {
      font-family: "Dosis";
      font-weight: 400;
      font-size: .75rem;
      color: #fff;
      text-transform: uppercase;
      padding: 0.2375rem .5rem;
      outline: none;
      border: none; }
      .profile-content_btn--deactivate {
        background-color: #f54654 !important; }
        .profile-content_btn--deactivate:hover {
          color: white; }
      .profile-content_btn--activate {
        background: linear-gradient(to right, #08588B, #1277A9); }
        .profile-content_btn--activate:hover {
          color: white;
          outline: none; }
      .profile-content_btn--pause {
        background-color: #4d4d4d !important; }
  .profile-pic {
    width: 80px;
    border-radius: 50% !important;
    align-content: center; }
  .profile-image {
    width: 150px;
    align-content: center;
    padding: 1.5rem 1rem; }
  .profile-upload {
    font-size: 0.6rem;
    font-family: "Dosis";
    font-weight: 400;
    color: black; }
    .profile-upload_hide {
      display: none; }
    .profile-upload:hover {
      color: black; }

.trial_expired-header {
  background-color: #1C2935;
  border-radius: 8px 8px 0px 0px;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400;
  font-size: 0.9rem;
  height: 40px; }
  .trial_expired-header_title {
    font-family: "Dosis";
    font-weight: 500;
    font-size: 1.3rem;
    color: black; }
  .trial_expired-header_p {
    font-family: "Dosis";
    font-weight: 400;
    font-size: 1rem;
    color: black; }
  .trial_expired-header_form {
    height: 60px; }
  .trial_expired-header-logo {
    width: 10rem;
    margin-top: 1rem; }

.trial_expired-content {
  background: #e6e7ee;
  height: 98%;
  margin-bottom: 0.75rem !important;
  margin-right: 0rem !important; }

.trial_expired-headline {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 0.9rem;
  text-align: center; }

.trial_expired-form {
  font-family: "Dosis";
  border-radius: 0px 0px 8px 8px;
  background-color: white;
  padding: 1rem;
  text-align: left;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .trial_expired-form {
      padding: 1rem; } }
  .trial_expired-form_label {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    margin-bottom: .1rem; }
  .trial_expired-form_textfield {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .8rem;
    height: calc(1.725rem + 2px); }
    .trial_expired-form_textfield:focus {
      border-color: none;
      box-shadow: none;
      border-color: #ccc; }
  .trial_expired-form_img {
    width: 2rem; }
  .trial_expired-form_btn {
    color: white;
    font-family: "Dosis";
    font-weight: 400;
    font-size: 0.7rem;
    padding: 0.2rem 2.2rem; }
    .trial_expired-form_btn--submit {
      background-color: #F54654; }
    .trial_expired-form_btn--cancel {
      background-color: #1D2935; }
    .trial_expired-form_btn:hover {
      color: white; }

.trial_expired-form_body {
  background-color: #fff; }

.subscription_details--shadow {
  box-shadow: 5px 5px 10px #ccc;
  padding: .5rem; }

.subscription_details--name {
  font-family: "Dosis";
  font-weight: 600;
  font-size: 0.9rem;
  margin-top: .5rem; }
  @media only screen and (max-width: 37.5em) {
    .subscription_details--name {
      font-size: 0.7rem;
      margin-top: .1rem; } }

.subscription_details--date {
  font-size: .6rem; }

.subscription_details--marg {
  margin-right: 3rem; }
  @media only screen and (max-width: 75em) {
    .subscription_details--marg {
      margin-right: 0.5rem; } }
  @media only screen and (max-width: 56.25em) {
    .subscription_details--marg {
      margin-right: 0.5rem; } }
  @media only screen and (max-width: 37.5em) {
    .subscription_details--marg {
      margin-right: 0.5rem; } }

.subscription_details--header {
  background: linear-gradient(to right, #08588B, #1277A9);
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  font-family: "Dosis";
  font-weight: 500; }
  .subscription_details--header__title {
    font-size: .95rem;
    text-transform: uppercase;
    padding: .5rem .5rem .5rem 2rem; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--header__title {
        font-size: .75rem; } }
  .subscription_details--header__headline {
    color: black;
    font-family: "Dosis";
    font-weight: 700;
    text-transform: uppercase; }
  .subscription_details--header__paragraph {
    font-size: .8rem;
    text-transform: initial;
    padding: .5rem 0rem .5rem 2.5rem;
    font-family: "Dosis";
    font-weight: 400; }
    @media only screen and (max-width: 75em) {
      .subscription_details--header__paragraph {
        padding: .5rem 0rem .5rem .5rem; } }
    @media only screen and (max-width: 56.25em) {
      .subscription_details--header__paragraph {
        padding: .5rem 0rem .5rem .5rem; } }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--header__paragraph {
        font-size: .7rem;
        padding: 0rem 0rem 0rem 2.5rem; } }
  .subscription_details--header__btn {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #ccc;
    font-family: "Dosis";
    font-weight: 400;
    padding: 0.2375rem 1rem;
    margin-top: .3rem;
    margin-right: .5rem;
    text-transform: uppercase;
    font-size: .65rem; }
    .subscription_details--header__btn:hover, .subscription_details--header__btn:active {
      color: #fff; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--header__btn {
        padding: 0.1rem 1rem; } }

.subscription_details--content {
  font-family: "Dosis";
  font-weight: 400;
  padding: 1rem; }
  .subscription_details--content__email {
    padding-right: 0rem; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--content__email {
        padding-right: 0.9rem; } }
  .subscription_details--content__sms {
    padding-left: 0rem; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--content__sms {
        padding-left: 0.9rem; } }
  .subscription_details--content__title {
    text-transform: uppercase;
    color: #1a1a1a;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .8rem; }
  .subscription_details--content__label {
    text-transform: uppercase;
    color: #494949;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .7rem; }
  .subscription_details--content__value {
    color: #1a1a1a;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .85rem; }
  .subscription_details--content__custom-control {
    font-family: "Dosis" !important;
    font-weight: 600;
    font-size: 0.85rem !important; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--content__custom-control {
        font-size: 0.5rem !important; } }
  .subscription_details--content__tablewrap {
    border: 1px solid #1c2935;
    border-radius: 5px; }
  .subscription_details--content__table thead tr {
    background-color: #f2f6f9; }
    .subscription_details--content__table thead tr th {
      font-family: "Dosis";
      font-weight: 600;
      font-size: .75rem;
      text-transform: uppercase;
      padding: 10px 0px;
      color: #333;
      text-align: center; }
  .subscription_details--content__table tbody tr td {
    font-family: "Dosis";
    font-weight: 400;
    font-size: .75rem;
    color: #333;
    text-align: center; }
  .subscription_details--content__table-ssbpadding td:nth-last-child(1) {
    text-align: right; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--content__table-ssbpadding td:nth-last-child(1) {
        padding-right: 1.3rem; } }
  .subscription_details--content__table_sshpadding th:nth-last-child(1) {
    padding-right: 10.3rem; }
    @media only screen and (min-width: 112.5em) {
      .subscription_details--content__table_sshpadding th:nth-last-child(1) {
        padding-right: 6rem; } }
    @media only screen and (max-width: 75em) {
      .subscription_details--content__table_sshpadding th:nth-last-child(1) {
        padding-right: 5.2rem; } }
    @media only screen and (max-width: 56.25em) {
      .subscription_details--content__table_sshpadding th:nth-last-child(1) {
        padding-right: 6.7rem; } }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--content__table_sshpadding th:nth-last-child(1) {
        padding-right: 1.3rem; } }
  .subscription_details--content__table-type {
    width: 10%; }
  .subscription_details--content__table-name {
    width: 20%; }
  .subscription_details--content__table-card {
    width: 30%; }
  .subscription_details--content__table-expiration {
    width: 20%; }
  .subscription_details--content__table-action {
    width: 20%; }
  .subscription_details--content__table-amount {
    width: 10%; }
  .subscription_details--content__table-status {
    width: 10%; }

.subscription_details--subscription__btn {
  width: 100%;
  display: inline-block;
  text-align: center;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem;
  border-radius: 0px;
  border: none; }
  .subscription_details--subscription__btn-active {
    background-color: #39ACE0 !important; }
  .subscription_details--subscription__btn-inactive {
    background: #24404D !important; }
  .subscription_details--subscription__btn-unsubscribe {
    background-color: #F34654 !important;
    color: white;
    border: none;
    font-family: "Dosis";
    font-weight: 400; }
    .subscription_details--subscription__btn-unsubscribe:hover {
      background-color: #F34654 !important;
      color: white;
      border: none;
      font-weight: 400; }
  .subscription_details--subscription__btn-paid {
    background-color: #0071bc !important;
    color: white;
    border: none;
    font-family: "Dosis";
    font-weight: 400; }
    .subscription_details--subscription__btn-paid:hover {
      background-color: #0071bc !important;
      color: white;
      border: none;
      font-weight: 400; }
  .subscription_details--subscription__btn-unpaid {
    background-color: #949494 !important;
    color: white;
    border: none;
    font-family: "Dosis";
    font-weight: 400; }
    .subscription_details--subscription__btn-unpaid:hover {
      background-color: #949494 !important;
      color: white;
      border: none;
      font-weight: 400; }
  .subscription_details--subscription__btn-invite {
    background-color: #216792 !important;
    color: white;
    border: none;
    font-family: "Dosis";
    font-weight: 400; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--subscription__btn-invite--invite_customer {
        font-size: .6rem;
        padding: 0.2rem; } }
    .subscription_details--subscription__btn-invite:hover {
      background-color: #216792 !important;
      color: white;
      border: none;
      font-weight: 400; }
  @media only screen and (max-width: 37.5em) {
    .subscription_details--subscription__btn-insert {
      text-align: left !important; } }
  .subscription_details--subscription__btn:hover {
    border: none;
    color: white;
    border-radius: 0px; }

.subscription_details--subscription__table {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }
  .subscription_details--subscription__table thead tr th {
    padding: 12px 2rem;
    font-family: "Dosis";
    font-weight: 600;
    font-size: .85rem;
    text-transform: uppercase;
    color: #333; }
  .subscription_details--subscription__table tbody tr td {
    padding: 12px 2rem;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    color: #333; }
  .subscription_details--subscription__table th:nth-last-child(1) {
    text-align: right;
    padding-right: 10rem; }
    @media only screen and (max-width: 90em) {
      .subscription_details--subscription__table th:nth-last-child(1) {
        padding-right: 1rem; } }
    @media only screen and (max-width: 75em) {
      .subscription_details--subscription__table th:nth-last-child(1) {
        padding-right: 1rem; } }
    @media only screen and (max-width: 56.25em) {
      .subscription_details--subscription__table th:nth-last-child(1) {
        padding-right: 1rem; } }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--subscription__table th:nth-last-child(1) {
        padding-right: 0.5rem; } }
  .subscription_details--subscription__table th:nth-last-child(2) {
    text-align: center; }
  .subscription_details--subscription__table td:nth-last-child(1) {
    text-align: right;
    padding-right: 1rem; }
    @media only screen and (max-width: 37.5em) {
      .subscription_details--subscription__table td:nth-last-child(1) {
        padding-right: 1rem; } }
  .subscription_details--subscription__table td:nth-last-child(2) {
    text-align: center; }
  .subscription_details--subscription__table--td_active {
    color: green;
    text-align: right;
    font-weight: 600; }

.subscription_details--subscription__footer {
  width: 100%;
  display: inline-block;
  padding: .35rem;
  text-align: center;
  color: #fff;
  font-family: "Dosis";
  font-weight: 400; }
  .subscription_details--subscription__footer--display {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-right: 1rem;
    margin-bottom: 1rem; }

.form-control-selection {
  background-color: #216792;
  color: white; }

.settlement-bg {
  background-color: #515A65;
  height: 600px;
  border-radius: 4px; }

.settlement-bg2 {
  background-color: #515A65;
  background-size: cover;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative; }

.settlement-cover_caption {
  width: 100%;
  position: relative;
  z-index: 1; }

.settlement-padmenu {
  padding: 0.35rem 0.1rem !important; }

.settlement-form {
  font-family: "Dosis";
  border-radius: 0px 0px 8px 8px;
  background-color: white;
  padding: 3rem;
  text-align: left;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .settlement-form {
      padding: 1rem; } }

.settlement-form_header {
  font-family: "Dosis";
  font-weight: 500;
  background-color: #12447C;
  border-radius: 8px 8px 0px 0px; }

.settlement-form_title {
  color: white;
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Dosis";
  font-weight: 400;
  text-align: center; }
  @media only screen and (max-width: 37.5em) {
    .settlement-form_title {
      font-size: .8rem; } }

.settlement_details {
  font-family: "Dosis";
  font-weight: 400; }
  .settlement_details--shadow {
    box-shadow: 5px 5px 10px #ccc;
    padding: .5rem; }
  .settlement_details--name {
    font-family: "Dosis";
    font-weight: 600;
    margin-top: .5rem; }
    @media only screen and (max-width: 37.5em) {
      .settlement_details--name {
        font-size: 0.75rem; } }
  .settlement_details--date {
    font-size: .6rem; }
  .settlement_details--marg {
    margin-right: 3rem; }
    @media only screen and (max-width: 75em) {
      .settlement_details--marg {
        margin-right: 0.5rem; } }
    @media only screen and (max-width: 56.25em) {
      .settlement_details--marg {
        margin-right: 0.5rem; } }
    @media only screen and (max-width: 37.5em) {
      .settlement_details--marg {
        margin-right: 0.5rem; } }
  .settlement_details--header {
    background: linear-gradient(to right, #08588B, #1277A9);
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-family: "Dosis";
    font-weight: 500; }
    .settlement_details--header__title {
      font-size: .95rem;
      text-transform: uppercase;
      padding: .5rem .5rem .5rem 2rem; }
      @media only screen and (max-width: 37.5em) {
        .settlement_details--header__title {
          font-size: .75rem; } }
  .settlement_details--content {
    font-family: "Dosis";
    font-weight: 400;
    padding: 1rem; }
    .settlement_details--content__title {
      text-transform: uppercase;
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .8rem; }
    .settlement_details--content__img {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 1.5rem; }
      @media only screen and (max-width: 85.375em) {
        .settlement_details--content__img {
          width: 60%; } }
      @media only screen and (max-width: 75em) {
        .settlement_details--content__img {
          width: 60%; } }
      @media only screen and (max-width: 56.25em) {
        .settlement_details--content__img {
          width: 80%; } }
      @media only screen and (max-width: 37.5em) {
        .settlement_details--content__img {
          width: 100%; } }
    .settlement_details--content__img2 {
      margin-left: auto;
      margin-right: auto;
      display: block;
      width: 1.5rem;
      border: 0.5px solid black; }
      @media only screen and (max-width: 85.375em) {
        .settlement_details--content__img2 {
          width: 60%; } }
      @media only screen and (max-width: 75em) {
        .settlement_details--content__img2 {
          width: 60%; } }
      @media only screen and (max-width: 56.25em) {
        .settlement_details--content__img2 {
          width: 80%; } }
      @media only screen and (max-width: 37.5em) {
        .settlement_details--content__img2 {
          width: 100%; } }
    .settlement_details--content__tooltip {
      width: 0.8rem;
      margin-bottom: 5px; }
    .settlement_details--content__label {
      text-transform: uppercase;
      color: #494949;
      font-family: "Dosis";
      font-weight: 400;
      font-size: .7rem; }
    .settlement_details--content__value {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: .85rem; }
    .settlement_details--content__balance {
      color: #1a1a1a;
      font-family: "Dosis";
      font-weight: 600;
      font-size: 1.8rem; }
    .settlement_details--content__tablewrap {
      border: 1px solid #1c2935;
      border-radius: 5px; }
    .settlement_details--content__table thead tr {
      background-color: #f2f6f9; }
      .settlement_details--content__table thead tr th {
        font-family: "Dosis";
        font-weight: 600;
        font-size: 1rem;
        text-transform: uppercase;
        padding: 10px 0px;
        color: #333;
        text-align: center; }
    .settlement_details--content__table tbody tr td {
      font-family: "Dosis";
      font-weight: 400;
      font-size: 1rem;
      color: #333;
      text-align: center; }
    .settlement_details--content__table-type {
      width: 10%; }
    .settlement_details--content__table-name {
      width: 20%; }
    .settlement_details--content__table-card {
      width: 30%; }
    .settlement_details--content__table-expiration {
      width: 20%; }
    .settlement_details--content__table-action {
      width: 20%; }
    .settlement_details--content__table-amount {
      width: 10%; }
    .settlement_details--content__table-status {
      width: 10%; }
    .settlement_details--content__table-td_active {
      color: green;
      text-align: right;
      font-weight: 600; }
  .settlement_details--settlement_summary {
    width: 98%;
    margin: -0.4rem 0rem -0.8rem 0rem;
    display: inline-block;
    text-align: center;
    font-family: "Dosis";
    min-height: 100px;
    background-color: #12447c;
    overflow: auto; }
    @media only screen and (max-width: 56.25em) {
      .settlement_details--settlement_summary {
        width: 92%;
        min-height: 80px; } }
    @media only screen and (max-width: 37.5em) {
      .settlement_details--settlement_summary {
        width: 82%; } }
    .settlement_details--settlement_summary__content {
      border-right: 1px solid white !important;
      text-align: center; }
      .settlement_details--settlement_summary__content--surcharge {
        text-align: center; }
      .settlement_details--settlement_summary__content--title {
        text-transform: uppercase;
        color: #FFF;
        font-weight: 400;
        font-size: 0.7rem; }
        @media only screen and (max-width: 56.25em) {
          .settlement_details--settlement_summary__content--title {
            font-size: 0.6rem; } }
        @media only screen and (max-width: 37.5em) {
          .settlement_details--settlement_summary__content--title {
            font-size: 0.5rem; } }
      .settlement_details--settlement_summary__content--sub {
        text-transform: uppercase;
        color: #FFF;
        font-size: 1.5rem;
        font-weight: 600; }
        @media only screen and (max-width: 56.25em) {
          .settlement_details--settlement_summary__content--sub {
            font-size: 1rem; } }
        @media only screen and (max-width: 37.5em) {
          .settlement_details--settlement_summary__content--sub {
            font-size: 0.8rem; } }
  .settlement_details--settlement__btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-family: "Dosis";
    font-weight: 400;
    font-size: .85rem;
    border-radius: 0px;
    border: none; }
    .settlement_details--settlement__btn-active {
      background-color: #39ACE0 !important; }
    .settlement_details--settlement__btn-inactive {
      background: #24404D !important; }
    .settlement_details--settlement__btn-sr {
      background-color: #0d5bae !important;
      color: white;
      border: none;
      font-family: "Dosis";
      font-weight: 400; }
      @media only screen and (max-width: 37.5em) {
        .settlement_details--settlement__btn-sr--send_receipt {
          font-size: .6rem;
          padding: 0.3 1rem; } }
      .settlement_details--settlement__btn-sr:hover {
        background-color: #0d5bae !important;
        color: white;
        border: none;
        font-weight: 400; }
    .settlement_details--settlement__btn-rf {
      background-color: #F34654 !important;
      color: white;
      border: none;
      font-family: "Dosis";
      font-weight: 400; }
      @media only screen and (max-width: 37.5em) {
        .settlement_details--settlement__btn-rf--refund_customer {
          font-size: .6rem;
          padding: 0.3rem 0.25rem; } }
      .settlement_details--settlement__btn-rf:hover {
        background-color: #F34654 !important;
        color: white;
        border: none;
        font-weight: 400; }
    .settlement_details--settlement__btn:hover {
      border: none;
      color: white;
      border-radius: 0px; }
  .settlement_details--settlement__footer {
    width: 100%;
    display: inline-block;
    padding: .35rem;
    text-align: center;
    color: #fff;
    font-family: "Dosis";
    font-weight: 400; }
    .settlement_details--settlement__footer--display {
      margin-top: 1rem;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-bottom: 1rem; }

.form-control-selection {
  background-color: #216792;
  color: white; }

.documentation-leftside {
  background-color: #273A46;
  min-height: 8rem;
  border-radius: .2rem;
  padding-bottom: 1rem; }
  .documentation-leftside__introduction {
    margin-top: 1rem;
    font-size: .9rem;
    font-weight: 300;
    color: #A3A3A3 !important; }
  .documentation-leftside__menu {
    cursor: pointer; }
    .documentation-leftside__menu--link {
      color: #A3A3A3 !important; }
      .documentation-leftside__menu--link_text {
        font-size: .9rem !important; }
    .documentation-leftside__menu--link_active {
      color: #CFE0EA !important; }
      .documentation-leftside__menu--link_active_text {
        font-size: .9rem !important; }
    .documentation-leftside__menu--display_sub {
      display: block; }

.documentation-content {
  min-height: 8rem;
  background-color: #fff;
  border-radius: .2rem;
  padding-bottom: 1.5rem; }
  .documentation-content__title {
    font-size: 1.2rem;
    color: #008CB9;
    font-weight: 500;
    margin-top: 1.5rem; }
  .documentation-content__description {
    font-size: .8rem;
    color: #000;
    font-weight: 300; }
  .documentation-content__title2 {
    font-weight: 600;
    font-size: 1rem;
    color: #000; }
  .documentation-content__apititle {
    font-weight: 300;
    font-size: 1rem;
    color: #000;
    margin-top: 1.5rem; }
  .documentation-content__apiurl {
    background-color: #F7F7F7;
    border: 1px solid #D1D1D1;
    padding: .5rem;
    border-radius: 2px;
    font-size: .7rem;
    color: #000; }
  .documentation-content__apiheaders {
    color: #000; }
    .documentation-content__apiheaders--title {
      font-size: 1rem;
      font-weight: 500;
      text-transform: uppercase;
      margin-top: 2rem;
      border-bottom: 1px solid #D1D1D1; }
    .documentation-content__apiheaders--title2 {
      font-size: .8rem;
      font-weight: 500; }
    .documentation-content__apiheaders--content {
      font-size: .8rem;
      font-weight: 300; }
  .documentation-content__apireq {
    margin-top: 1rem; }
    .documentation-content__apireq--header {
      background-color: #19252E;
      color: #fff;
      padding: 0.5rem 1.25rem;
      font-weight: 300; }
    .documentation-content__apireq--content {
      background-color: #273A46;
      font-size: .8rem;
      font-weight: 300; }
      .documentation-content__apireq--content_language {
        color: #f8f8f2; }
      .documentation-content__apireq--content_string {
        color: #a6e22e; }
      .documentation-content__apireq--content_punctuation {
        color: #FF4934; }

.customer_invite {
  background-color: #e2e3eb; }
  .customer_invite-header {
    background-color: #19252e !important;
    color: #fff;
    min-height: 18rem;
    width: 100%;
    padding: 4rem 6rem 1rem 6rem; }
    @media only screen and (max-width: 75em) {
      .customer_invite-header {
        padding: 5rem 2rem 1rem 2rem; } }
    .customer_invite-header--main_secureimg {
      width: 8rem; }
      @media only screen and (max-width: 37.5em) {
        .customer_invite-header--main_secureimg {
          width: 5rem; } }
    .customer_invite-header--main_logo {
      width: 13rem; }
      @media only screen and (max-width: 37.5em) {
        .customer_invite-header--main_logo {
          width: 10rem; } }
    .customer_invite-header--main_title {
      text-transform: uppercase;
      font-size: 1.5em;
      font-family: "Dosis";
      font-weight: 600;
      margin-bottom: 0;
      margin-top: 1rem; }
    .customer_invite-header--main_subtitle {
      font-size: 1em;
      font-family: "Dosis";
      font-weight: 400; }
  .customer_invite-content {
    padding: 0rem 6rem 1rem 6rem !important;
    color: #000;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    margin-top: -5rem; }
    @media only screen and (max-width: 75em) {
      .customer_invite-content {
        padding: 0rem 2rem 1rem 2rem !important; } }
    .customer_invite-content--card {
      border-radius: .75rem;
      padding: 2rem 2rem 1rem 2rem; }
      .customer_invite-content--card_thankyou {
        width: 30rem !important; }
        .customer_invite-content--card_thankyou__logo {
          width: 60%; }
        .customer_invite-content--card_thankyou__img {
          margin-top: 2rem;
          width: 20%; }
        .customer_invite-content--card_thankyou__title {
          font-family: "Dosis";
          font-size: 2rem;
          font-weight: 600;
          text-transform: uppercase;
          margin-top: 2rem;
          margin-bottom: 1rem; }
        .customer_invite-content--card_thankyou__description {
          font-family: "Dosis";
          font-size: .9rem;
          font-weight: 300;
          margin-bottom: 0; }
        .customer_invite-content--card_thankyou__footer {
          background-color: #fff !important;
          font-family: "Dosis";
          font-weight: 300; }
          .customer_invite-content--card_thankyou__footer-assistance {
            font-size: 1rem; }
          .customer_invite-content--card_thankyou__footer-assistance_email {
            font-size: .9rem;
            color: #ff0000;
            margin-top: -1rem; }
      .customer_invite-content--card__header {
        background-color: #fff;
        border-bottom: #ccc 1px solid; }
        .customer_invite-content--card__header-tabs {
          border-bottom: none  !important; }
          .customer_invite-content--card__header-tabs__item {
            font-family: "Dosis";
            font-size: .95rem !important; }
            .customer_invite-content--card__header-tabs__item-inactive {
              color: #CCC !important; }
      .customer_invite-content--card__title {
        text-transform: uppercase;
        font-size: 1.5em;
        font-family: "Dosis";
        font-weight: 600;
        margin-bottom: 0; }
      .customer_invite-content--card__text {
        font-size: .95em;
        font-family: "Dosis";
        font-weight: 400;
        color: #000; }
      .customer_invite-content--card__labeltitle {
        font-size: 1em;
        font-family: "Dosis";
        font-weight: 600; }
      .customer_invite-content--card__label {
        font-size: .95em;
        font-family: "Dosis";
        font-weight: 400; }
      .customer_invite-content--card__submit {
        font-size: 1em;
        font-family: "Dosis";
        font-weight: 400;
        background-color: #005180;
        color: #fff; }
        .customer_invite-content--card__submit:hover {
          color: #fff;
          background-color: #006a9b; }
      .customer_invite-content--card__cancel {
        font-size: 1em;
        font-family: "Dosis";
        font-weight: 400;
        background-color: #777;
        color: #fff; }
        .customer_invite-content--card__cancel:hover {
          color: #fff;
          background-color: #777; }
  .customer_invite-invalid_link {
    background-color: #19252e !important;
    font-family: "Dosis"; }
    .customer_invite-invalid_link-head {
      font-size: 3em;
      font-weight: 600;
      color: #fff; }
    .customer_invite-invalid_link-headcustomer {
      font-size: 3em;
      font-weight: 600;
      color: #000; }
    .customer_invite-invalid_link-text {
      font-size: 1em;
      font-weight: 400;
      color: #fff; }
    .customer_invite-invalid_link-textcustomer {
      font-size: 1em;
      font-weight: 400;
      color: #000; }

.mp-modal-blue_bg {
  background-color: rgba(12, 79, 112, 0.7); }

.mp-modal-header {
  background-color: #1d2935;
  padding: 1rem; }
  .mp-modal-header-title {
    font-size: 1.1rem;
    font-family: "Dosis";
    color: white;
    font-weight: 500; }
    .mp-modal-header-title-1 {
      position: relative;
      top: 4px;
      left: 15px; }
  .mp-modal-header-tab-menu {
    width: 32.9%;
    padding: 0.5rem 1rem;
    display: inline-block;
    font-family: "Dosis";
    font-size: 0.7rem;
    font-weight: 500;
    color: white;
    text-align: center; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-header-tab-menu {
        width: 100%;
        margin-bottom: 0.2rem;
        border-radius: 6px !important; } }
    .mp-modal-header-tab-menu.active {
      background: #1277a9; }
    .mp-modal-header-tab-menu.inactive {
      background: linear-gradient(#12447c, #083557); }
    .mp-modal-header-tab-menu:first-child {
      border-top-left-radius: 4px;
      border-bottom-left-radius: 4px; }
    .mp-modal-header-tab-menu:last-child {
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px; }
  .mp-modal-header-btn {
    padding: 0.3rem 0.5rem;
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 400;
    color: white;
    background: #29ABE2;
    justify-content: center;
    width: 120px;
    position: relative;
    left: 13px; }
    .mp-modal-header-btn:hover {
      color: white; }

.mp-modal-body {
  padding: 1rem 2rem; }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-body {
      padding: 1rem 1.5rem; } }
  .mp-modal-body h6 {
    font-family: "Dosis";
    color: #494949;
    font-weight: 600; }
  .mp-modal-body-switch {
    border-radius: 6px;
    border: 2px solid #BACDD3;
    display: flex;
    justify-content: center;
    align-items: center; }
    .mp-modal-body-switch-1 {
      border-radius: 6px;
      border: 2px solid #BACDD3;
      display: flex;
      justify-content: left;
      align-items: left;
      padding-left: 18px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-body-switch {
        display: flex;
        justify-content: left;
        align-items: left;
        padding-left: 18px; } }
    .mp-modal-body-switch-layout {
      position: relative;
      display: inline-block;
      width: 30px;
      height: 17px; }
    .mp-modal-body-switch-layout input {
      opacity: 0;
      width: 0;
      height: 0; }
    .mp-modal-body-switch-p {
      color: black;
      font-weight: 400;
      font-size: 0.8rem;
      font-family: "Dosis";
      padding-top: 3px;
      position: relative;
      top: 1px; }
    .mp-modal-body-switch-slider {
      position: absolute;
      cursor: pointer;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #afafaf;
      -webkit-transition: .4s;
      transition: .4s; }
    .mp-modal-body-switch-slider:before {
      position: absolute;
      content: "";
      height: 15px;
      width: 15px;
      left: 1px;
      bottom: 1px;
      background-color: white;
      -webkit-transition: .4s;
      transition: .4s; }
    input:checked + .mp-modal-body-switch-slider {
      background-color: #0F6C9F; }
    input:focus + .mp-modal-body-switch-slider {
      box-shadow: 0 0 1px #0F6C9F; }
    input:checked + .mp-modal-body-switch-slider:before {
      -webkit-transform: translateX(14px);
      -ms-transform: translateX(14px);
      transform: translateX(14px);
      background-color: #29A9E0; }
    .mp-modal-body-switch-slider.round {
      border-radius: 34px; }
    .mp-modal-body-switch-slider.round:before {
      border-radius: 50%; }
    .mp-modal-body-switch-tooltip {
      position: relative;
      bottom: 1px;
      left: 1px; }
  .mp-modal-body-invoice {
    padding-right: 0; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-body-invoice {
        padding-right: 5px; } }
  .mp-modal-body-expenses {
    padding-left: 5px;
    padding-right: 5px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-body-expenses {
        padding-left: 0;
        padding-right: 15px; } }
  .mp-modal-body-procurement {
    padding-right: 0;
    padding-left: 0; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-body-procurement {
        padding-left: 15px;
        padding-right: 5px; } }
  .mp-modal-body-payments {
    padding-left: 5px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-body-payments {
        padding-left: 0;
        padding-right: 15px; } }
  .mp-modal-body-btn {
    font-family: "Dosis";
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.2rem 1rem;
    width: 110px;
    justify-content: center;
    border-radius: 4px; }
    .mp-modal-body-btn-back {
      background-color: white;
      border: 1px solid #696969;
      color: #696969; }
      .mp-modal-body-btn-back:hover {
        color: #696969; }
    .mp-modal-body-btn-save {
      background: linear-gradient(to right, #08588b, #1277a9);
      border: 1px solid linear-gradient(to right, #08588b, #1277a9);
      color: white; }
      .mp-modal-body-btn-save:hover {
        color: white; }

.mp-modal-details-img {
  width: 90%; }
  .mp-modal-details-img-active {
    width: 70%; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-img-active {
        width: 50%;
        margin-bottom: 1rem;
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-img {
      width: 50%;
      margin-bottom: 1rem; } }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-img-align {
      text-align: center; } }

.mp-modal-details-p {
  font-family: "Dosis";
  font-size: 0.8rem;
  font-weight: 500;
  color: black; }

.mp-modal-details-active {
  font-family: "Dosis";
  font-size: 0.9rem;
  font-weight: 600;
  color: #1D87D6;
  text-transform: uppercase;
  margin-top: 10px; }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-active {
      text-align: center; } }

.mp-modal-details-btn {
  font-family: "Dosis";
  font-size: 0.8rem;
  font-weight: 400;
  color: white;
  background: linear-gradient(to right, #08588b, #1277a9);
  padding: 0.2rem 1rem;
  width: 110px;
  justify-content: center; }
  .mp-modal-details-btn-edit {
    background: #29ABE2;
    border-radius: 6px;
    padding: 5px 10px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-btn-edit {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  .mp-modal-details-btn-subscribe {
    background: linear-gradient(to right, #08588b, #1277a9);
    border-radius: 6px;
    padding: 4px 20px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-btn-subscribe {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  .mp-modal-details-btn-setup {
    font-family: "Dosis";
    border-radius: 6px;
    background-color: white;
    border-color: #696969;
    color: #696969;
    padding: 5px 10px;
    justify-content: center;
    font-weight: 500; }
  .mp-modal-details-btn-configure {
    font-family: "Dosis";
    border-radius: 6px;
    background: linear-gradient(to right, #08588b, #1277a9);
    color: white;
    padding: 5px 10px;
    justify-content: center;
    font-weight: 500; }
    .mp-modal-details-btn-configure:hover {
      color: white; }
  .mp-modal-details-btn:hover {
    color: white; }

.mp-modal-details-title {
  font-family: "Dosis";
  font-size: 1rem;
  font-weight: 500;
  color: black; }
  .mp-modal-details-title-active {
    font-weight: 600;
    color: #2E4469; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-title-active {
        text-align: center; } }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-title {
      text-align: center; } }
  .mp-modal-details-title-xero {
    font-weight: 600;
    color: #2E4251; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-title-xero {
        text-align: center; } }

.mp-modal-details-version {
  font-family: "Dosis";
  font-weight: 400;
  font-size: 0.6rem;
  color: black; }
  .mp-modal-details-version-active {
    font-weight: 600;
    color: #333333; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-version-active {
        text-align: center;
        padding-bottom: 10px; } }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-version {
      text-align: center; } }

.mp-modal-details-trial {
  font-family: "Dosis";
  font-size: 0.8rem;
  font-weight: 400;
  color: black; }
  @media only screen and (max-width: 37.5em) {
    .mp-modal-details-trial {
      text-align: center;
      padding-bottom: 10px; } }

.mp-modal-details-section {
  font-family: "Dosis";
  font-size: 1rem;
  font-weight: 600;
  color: #0D5BAE;
  border-bottom: 3px solid #0D5BAE; }

.mp-modal-details-hr {
  position: relative;
  bottom: 17px; }

.mp-modal-details-media {
  width: 100%;
  position: relative;
  bottom: 10px; }
  .mp-modal-details-media-active {
    width: 90%;
    position: relative;
    bottom: 10px; }
    @media only screen and (max-width: 37.5em) {
      .mp-modal-details-media-active {
        width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto; } }

.mp-modal-pm-title {
  font-family: "Dosis";
  font-weight: 700;
  color: #333;
  font-size: .85rem;
  margin-bottom: 2px; }

.mp-modal-pm-btn {
  font-size: .75rem;
  font-family: "Dosis";
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  border-radius: 6px; }
  .mp-modal-pm-btn-cancel {
    background-color: #1d2935;
    text-transform: initial;
    padding: 2px 40px; }
  .mp-modal-pm-btn-submit {
    background-color: #f54654;
    text-transform: initial;
    padding: 2px 40px; }
  .mp-modal-pm-btn:hover {
    color: white; }

.mp-modal-pm-row {
  padding: 0px 9px; }

.mp-modal-password-modal_bg {
  background: #F2F6F9; }

.mp-modal-password-header {
  height: 70px;
  border-bottom: none;
  border-radius: 4px 4px 0px 0px;
  background: transparent;
  padding: 10px 10px; }
  .mp-modal-password-header-logo {
    width: 15rem;
    margin-top: .8rem; }

.mp-modal-password-body-label {
  font-family: "Dosis";
  font-weight: 500;
  font-size: .8rem;
  margin-bottom: .1rem; }

.mp-modal-password-body-placeholder::placeholder {
  text-align: center; }

.mp-modal-password-body-textfield {
  font-family: "Dosis";
  font-weight: 400;
  font-size: .8rem;
  height: calc(1.725rem + 10px);
  border: 1px solid #BACDD3; }
  .mp-modal-password-body-textfield:focus {
    border-color: none;
    box-shadow: none;
    border: 1px solid #BACDD3; }

.mp-modal-password-btn {
  color: white;
  font-family: "Dosis";
  font-weight: 400;
  font-size: .85rem; }
  .mp-modal-password-btn-cancel {
    background-color: #666666;
    float: right;
    padding: 0.22rem 1.125rem;
    margin-right: .9rem; }
    .mp-modal-password-btn-cancel-center {
      float: initial; }
    .mp-modal-password-btn-cancel:hover {
      color: white; }
  .mp-modal-password-btn-save {
    background-image: linear-gradient(to top, #08588b, #1277a9);
    float: right;
    padding: 0.22rem 1.125rem; }
    .mp-modal-password-btn-save-center {
      float: initial; }
    .mp-modal-password-btn-save:hover {
      color: white; }

.mp_subs-logo {
  top: 12px;
  position: relative;
  width: 20%; }
  @media only screen and (max-width: 90em) {
    .mp_subs-logo {
      width: 25%; } }
  @media only screen and (max-width: 75em) {
    .mp_subs-logo {
      width: 35%; } }
  @media only screen and (max-width: 56.25em) {
    .mp_subs-logo {
      top: 13px;
      width: 50%; } }
  @media only screen and (max-width: 37.5em) {
    .mp_subs-logo {
      top: 15px;
      width: 85%; } }

.mp_subs-container {
  width: 65%; }
  @media only screen and (max-width: 37.5em) {
    .mp_subs-container {
      width: 90%; } }

.mp_subs-headline {
  font-family: "Dosis";
  font-size: 1rem;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  margin-top: 1rem; }

.mp_subs-title {
  font-family: "Dosis";
  font-size: 1.5rem;
  font-weight: 500;
  color: black; }

.mp_subs-paragraph {
  font-family: "Dosis";
  font-size: 0.9rem;
  font-weight: 400;
  color: black; }

.mp_subs-card {
  border-radius: 8px 8px 0px 0px; }
  .mp_subs-card-header {
    background-color: #1C2935;
    padding: 1rem; }
    .mp_subs-card-header-box {
      background-color: #1c2935;
      border-radius: 8px;
      padding: 0.7rem 0.5rem; }
    .mp_subs-card-header:first-child {
      border-radius: 8px 8px 0px 0px !important; }
    .mp_subs-card-header-text_box {
      display: block;
      justify-content: center;
      align-items: center;
      height: 100%;
      position: relative;
      right: 25px; }
      @media only screen and (max-width: 37.5em) {
        .mp_subs-card-header-text_box {
          right: 0px; } }
    .mp_subs-card-header-title {
      font-family: "Dosis";
      font-size: 1rem;
      font-weight: 500;
      color: white; }
      .mp_subs-card-header-title-1 {
        position: relative;
        top: 5px;
        font-size: 0.8rem; }
    .mp_subs-card-header-img_box {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%; }
    .mp_subs-card-header-img {
      width: 20%; }
      .mp_subs-card-header-img-1 {
        width: 70%; }
        @media only screen and (max-width: 37.5em) {
          .mp_subs-card-header-img-1 {
            width: 20%; } }
    .mp_subs-card-header-pricing {
      font-family: "Dosis";
      font-size: 1.8rem;
      font-weight: 500;
      color: white; }
      .mp_subs-card-header-pricing-1 {
        font-size: 1rem;
        margin-bottom: 1rem; }
    .mp_subs-card-header-days {
      font-family: "Dosis";
      font-size: 0.8rem;
      font-weight: 400;
      color: white;
      position: relative;
      bottom: 6px; }
      .mp_subs-card-header-days-1 {
        font-size: 0.6rem;
        position: relative;
        top: 0.2px; }
    .mp_subs-card-header-button {
      font-family: "Dosis";
      font-size: 0.7rem;
      font-weight: 400;
      padding: 0.2rem 1rem;
      width: 120px;
      justify-content: center;
      text-transform: uppercase; }
      .mp_subs-card-header-button-subscribe {
        color: white;
        background-color: #1277a9; }
      .mp_subs-card-header-button-unsubscribe {
        color: black;
        background-color: #CECECE; }
        .mp_subs-card-header-button-unsubscribe:hover {
          color: black !important; }
      .mp_subs-card-header-button:hover {
        color: white; }
    .mp_subs-card-header-list {
      display: flex;
      text-align: left; }
      .mp_subs-card-header-list-check {
        color: #2196F3; }
      .mp_subs-card-header-list-text {
        margin-left: 0.4rem;
        font-family: "Dosis";
        font-size: 0.8rem;
        font-weight: 600;
        color: black; }
    .mp_subs-card-header-footnotes {
      font-family: "Dosis";
      font-size: 0.7rem;
      color: black; }

.mp_subs-tabs {
  padding: 0.3rem 0.5rem;
  font-family: "Dosis";
  font-weight: 600;
  font-size: 0.8rem;
  width: 100%;
  height: 35px;
  justify-content: center; }
  .mp_subs-tabs-active {
    background-color: #1277a9;
    border: 1px solid #1277a9;
    color: white; }
    .mp_subs-tabs-active-icon {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: white; }
      .mp_subs-tabs-active-icon-text {
        color: #1277a9;
        position: relative;
        bottom: 0.5px; }
    .mp_subs-tabs-active:hover {
      color: white; }
  .mp_subs-tabs-inactive {
    background-color: #EBF2F7;
    border: 1px solid #898989;
    color: #898989; }
    .mp_subs-tabs-inactive-icon {
      width: 18px;
      height: 18px;
      border-radius: 50%;
      background-color: #898989; }
      .mp_subs-tabs-inactive-icon-text {
        color: white;
        position: relative;
        bottom: 0.5px; }
    .mp_subs-tabs-inactive:hover {
      color: #898989; }
  .mp_subs-tabs-completed {
    background-color: #2196F3;
    border: 1px solid #2196F3;
    color: white; }
    .mp_subs-tabs-completed-icon {
      margin-right: 1rem; }
    .mp_subs-tabs-completed:hover {
      color: white; }

.mp_subs-question {
  font-family: "Dosis";
  font-size: 0.8rem;
  font-weight: 600;
  color: black; }

.mp_subs-choices-card {
  border-radius: 8px;
  border: 1px solid white;
  cursor: pointer; }
  .mp_subs-choices-card:hover {
    border: 1px solid #1277a9; }
  .mp_subs-choices-card.active {
    border: 1px solid #1277a9; }
  .mp_subs-choices-card-1 {
    background-color: #1277A9;
    border-radius: 8px; }
  .mp_subs-choices-card-inner {
    padding: 1rem; }

.mp_subs-choices-svg {
  width: 20%; }
  .mp_subs-choices-svg-1 {
    width: 10%;
    filter: grayscale(100%) sepia(100%) brightness(200%) hue-rotate(33deg) saturate(0%) contrast(246%);
    -webkit-filter: grayscale(100%) sepia(100%) brightness(200%) hue-rotate(33deg) saturate(0%) contrast(246%);
    -moz-filter: grayscale(100%) sepia(100%) brightness(200%) hue-rotate(33deg) saturate(0%) contrast(246%); }
    @media only screen and (max-width: 37.5em) {
      .mp_subs-choices-svg-1 {
        width: 25%; } }

.mp_subs-choices-title {
  font-family: "Dosis";
  font-size: 0.8rem;
  font-weight: 500;
  color: #1277A9;
  text-transform: uppercase; }
  .mp_subs-choices-title-1 {
    font-size: 0.9rem;
    font-weight: 600;
    color: white; }

.mp_subs-choices-p {
  font-family: "Dosis";
  font-size: 0.6rem;
  font-weight: 500;
  color: black;
  text-transform: none; }
  .mp_subs-choices-p-1 {
    font-size: 0.7rem;
    font-weight: 600;
    color: white; }

.mp_subs-choices-icon {
  position: relative;
  top: 30%; }

.mp_subs-choices-container {
  display: flex;
  text-align: left; }
  .mp_subs-choices-container-1 {
    display: flex;
    text-align: left;
    position: relative;
    top: 10px; }
    @media only screen and (max-width: 37.5em) {
      .mp_subs-choices-container-1 {
        top: 5px; } }

.mp_subs-choices-button {
  font-family: "Dosis";
  font-size: 0.7rem;
  font-weight: 400;
  color: white;
  background-color: #2196F3;
  padding: 0.2rem 1rem;
  width: 120px;
  text-transform: uppercase;
  position: relative;
  left: 40%;
  bottom: 35px;
  margin-right: 1rem; }
  .mp_subs-choices-button:hover {
    color: white; }
  @media only screen and (max-width: 37.5em) {
    .mp_subs-choices-button {
      margin-top: 0.5rem;
      left: 25%;
      bottom: 0px; } }

.mp_subs-choices-action {
  padding: 0.3rem 1rem;
  font-family: "Dosis";
  font-size: 0.7rem;
  font-weight: 400;
  width: 150px;
  justify-content: center; }
  @media only screen and (max-width: 37.5em) {
    .mp_subs-choices-action {
      width: 100%; } }
  .mp_subs-choices-action-agree {
    display: inline;
    background-color: #F54654;
    border: 1px solid #F54654;
    color: white; }
    .mp_subs-choices-action-agree:hover {
      color: white; }
  .mp_subs-choices-action-cancel {
    background-color: transparent;
    border: 1px solid #888888;
    color: #888888; }
    .mp_subs-choices-action-cancel:hover {
      color: #888888; }

.tooltip_market {
  pointer-events: none; }
  .tooltip_market-help {
    height: 13px;
    width: 13px;
    background-color: #b3b3b3;
    border-radius: 50%;
    display: inline-block;
    font-size: 9px;
    color: white; }
    .tooltip_market-help_text {
      margin-left: 35%;
      font-weight: bold; }
    .tooltip_market-help:hover {
      background-color: #1c2935; }