/* Use this media query exclusively for iPhone5/SE devices */
.msg-dialog .MuiCardHeader-action {
  position: absolute;
  right: 16px; }

.msg-dialog .msg-icon {
  width: 40px; }

.modal-container {
  /* < 768px */
  /* < 360px */ }
  @media (min-width: 320px) and (max-width: 767px) {
    .modal-container {
      min-width: 350px !important; } }
  @media (max-width: 360px) {
    .modal-container {
      min-width: 300px !important; } }

.tnc-doc p {
  margin-bottom: 2px;
  margin-top: 2px; }
  .tnc-doc p.point {
    margin-bottom: 8px; }
  .tnc-doc p.sub-title {
    margin-bottom: 8px;
    margin-top: 8px; }
  .tnc-doc p.title {
    margin-bottom: 12px;
    margin-top: 12px; }
  .tnc-doc p.tnc-box-with-check {
    border: 1px solid #1d1d1b;
    margin-bottom: 8px; }

.tnc-doc .checkbox {
  user-select: none; }

.tnc-doc .checkbox .square {
  border: solid 1px #1d1d1b;
  display: inline-block;
  height: 14px;
  width: 14px; }
  .tnc-doc .checkbox .square.active {
    border: 0;
    border-bottom: 2px solid #1d1d1b;
    border-right: 2px solid #1d1d1b;
    display: inline-block;
    height: 18px;
    margin-top: -6px;
    transform: rotate(45deg);
    width: 10px; }

.tnc-doc .checkbox input[type='checkbox'] {
  display: none; }

.tnc-doc li {
  margin-bottom: 4px; }

.tnc-doc table,
.tnc-doc th,
.tnc-doc td {
  border: 1px solid rgba(0, 0, 0, 0.54);
  border-collapse: collapse;
  font-size: 12px;
  min-width: 60px;
  padding: 4px; }

.tnc-doc th {
  background-color: #e0e0e0; }

.tnc-container {
  background-color: #e8e8eb;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1; }
  .tnc-container .tnc {
    border-radius: 6px;
    width: 600px; }
    .tnc-container .tnc .image {
      height: 2.25rem;
      width: 2.25rem; }
    .tnc-container .tnc .bpImg {
      height: 1.25rem;
      width: 6rem; }
    .tnc-container .tnc .feature {
      border-radius: 30px; }
    .tnc-container .tnc .check-box-text {
      margin-left: -12px; }
    .tnc-container .tnc .tnc-text {
      cursor: pointer; }
  .tnc-container .tnc-text {
    cursor: pointer; }

.modal-container.tnc-modal {
  align-items: center;
  height: 80%;
  width: 80%; }
  .modal-container.tnc-modal .modal-content {
    display: flex;
    justify-content: center;
    max-height: calc(100% - 72px); }

.tnc-border {
  border-color: #1d1d1b;
  border-style: solid;
  border-width: 1px;
  height: 100%; }

.map-dialog.update-style {
  max-width: 700px;
  width: 50%; }
  .map-dialog.update-style .g-map {
    height: 300px; }
  .map-dialog.update-style .dialog-header {
    display: none; }

.app-container {
  height: calc(100vh - 70px); }

/* Use this media query exclusively for iPhone5/SE devices */
.something-went-wrong {
  overflow: hidden; }
  .something-went-wrong .something-went-wrong-content {
    width: 100%;
    /* Small devices (tablets, 768px and up) */
    /* Medium devices (desktops, 1280px and up) */ }
    @media (min-width: 768px) {
      .something-went-wrong .something-went-wrong-content {
        width: 75%; } }
    @media only screen and (min-width: 1280px) {
      .something-went-wrong .something-went-wrong-content {
        width: 50%; } }

/* Use this media query exclusively for iPhone5/SE devices */
.fs-5 {
  font-size: 0.3125rem; }

.fs-6 {
  font-size: 0.375rem; }

.fs-7 {
  font-size: 0.4375rem; }

.fs-8 {
  font-size: 0.5rem; }

.fs-9 {
  font-size: 0.5625rem; }

.fs-10 {
  font-size: 0.625rem; }

.fs-11 {
  font-size: 0.6875rem; }

.fs-12 {
  font-size: 0.75rem; }

.fs-13 {
  font-size: 0.8125rem; }

.fs-14 {
  font-size: 0.875rem; }

.fs-15 {
  font-size: 0.9375rem; }

.fs-16 {
  font-size: 1rem; }

.fs-17 {
  font-size: 1.0625rem; }

.fs-18 {
  font-size: 1.125rem; }

.fs-19 {
  font-size: 1.1875rem; }

.fs-20 {
  font-size: 1.25rem; }

.fs-21 {
  font-size: 1.3125rem; }

.fs-22 {
  font-size: 1.375rem; }

.fs-23 {
  font-size: 1.4375rem; }

.fs-24 {
  font-size: 1.5rem; }

.fs-25 {
  font-size: 1.5625rem; }

.fs-26 {
  font-size: 1.625rem; }

.fs-27 {
  font-size: 1.6875rem; }

.fs-28 {
  font-size: 1.75rem; }

.fs-29 {
  font-size: 1.8125rem; }

.fs-30 {
  font-size: 1.875rem; }

.fs-31 {
  font-size: 1.9375rem; }

.fs-32 {
  font-size: 2rem; }

.fs-33 {
  font-size: 2.0625rem; }

.fs-34 {
  font-size: 2.125rem; }

.fs-35 {
  font-size: 2.1875rem; }

.fs-36 {
  font-size: 2.25rem; }

.fs-37 {
  font-size: 2.3125rem; }

.fs-38 {
  font-size: 2.375rem; }

.fs-39 {
  font-size: 2.4375rem; }

.fs-40 {
  font-size: 2.5rem; }

/* < 768px */
@media (min-width: 320px) and (max-width: 767px) {
  .sm-fs-5 {
    font-size: 0.3125rem; }
  .sm-fs-6 {
    font-size: 0.375rem; }
  .sm-fs-7 {
    font-size: 0.4375rem; }
  .sm-fs-8 {
    font-size: 0.5rem; }
  .sm-fs-9 {
    font-size: 0.5625rem; }
  .sm-fs-10 {
    font-size: 0.625rem; }
  .sm-fs-11 {
    font-size: 0.6875rem; }
  .sm-fs-12 {
    font-size: 0.75rem; }
  .sm-fs-13 {
    font-size: 0.8125rem; }
  .sm-fs-14 {
    font-size: 0.875rem; }
  .sm-fs-15 {
    font-size: 0.9375rem; }
  .sm-fs-16 {
    font-size: 1rem; }
  .sm-fs-17 {
    font-size: 1.0625rem; }
  .sm-fs-18 {
    font-size: 1.125rem; }
  .sm-fs-19 {
    font-size: 1.1875rem; }
  .sm-fs-20 {
    font-size: 1.25rem; }
  .sm-fs-21 {
    font-size: 1.3125rem; }
  .sm-fs-22 {
    font-size: 1.375rem; }
  .sm-fs-23 {
    font-size: 1.4375rem; }
  .sm-fs-24 {
    font-size: 1.5rem; }
  .sm-fs-25 {
    font-size: 1.5625rem; }
  .sm-fs-26 {
    font-size: 1.625rem; }
  .sm-fs-27 {
    font-size: 1.6875rem; }
  .sm-fs-28 {
    font-size: 1.75rem; }
  .sm-fs-29 {
    font-size: 1.8125rem; }
  .sm-fs-30 {
    font-size: 1.875rem; }
  .sm-fs-31 {
    font-size: 1.9375rem; }
  .sm-fs-32 {
    font-size: 2rem; }
  .sm-fs-33 {
    font-size: 2.0625rem; }
  .sm-fs-34 {
    font-size: 2.125rem; }
  .sm-fs-35 {
    font-size: 2.1875rem; }
  .sm-fs-36 {
    font-size: 2.25rem; }
  .sm-fs-37 {
    font-size: 2.3125rem; }
  .sm-fs-38 {
    font-size: 2.375rem; }
  .sm-fs-39 {
    font-size: 2.4375rem; }
  .sm-fs-40 {
    font-size: 2.5rem; } }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .md-fs-5 {
    font-size: 0.3125rem; }
  .md-fs-6 {
    font-size: 0.375rem; }
  .md-fs-7 {
    font-size: 0.4375rem; }
  .md-fs-8 {
    font-size: 0.5rem; }
  .md-fs-9 {
    font-size: 0.5625rem; }
  .md-fs-10 {
    font-size: 0.625rem; }
  .md-fs-11 {
    font-size: 0.6875rem; }
  .md-fs-12 {
    font-size: 0.75rem; }
  .md-fs-13 {
    font-size: 0.8125rem; }
  .md-fs-14 {
    font-size: 0.875rem; }
  .md-fs-15 {
    font-size: 0.9375rem; }
  .md-fs-16 {
    font-size: 1rem; }
  .md-fs-17 {
    font-size: 1.0625rem; }
  .md-fs-18 {
    font-size: 1.125rem; }
  .md-fs-19 {
    font-size: 1.1875rem; }
  .md-fs-20 {
    font-size: 1.25rem; }
  .md-fs-21 {
    font-size: 1.3125rem; }
  .md-fs-22 {
    font-size: 1.375rem; }
  .md-fs-23 {
    font-size: 1.4375rem; }
  .md-fs-24 {
    font-size: 1.5rem; }
  .md-fs-25 {
    font-size: 1.5625rem; }
  .md-fs-26 {
    font-size: 1.625rem; }
  .md-fs-27 {
    font-size: 1.6875rem; }
  .md-fs-28 {
    font-size: 1.75rem; }
  .md-fs-29 {
    font-size: 1.8125rem; }
  .md-fs-30 {
    font-size: 1.875rem; }
  .md-fs-31 {
    font-size: 1.9375rem; }
  .md-fs-32 {
    font-size: 2rem; }
  .md-fs-33 {
    font-size: 2.0625rem; }
  .md-fs-34 {
    font-size: 2.125rem; }
  .md-fs-35 {
    font-size: 2.1875rem; }
  .md-fs-36 {
    font-size: 2.25rem; }
  .md-fs-37 {
    font-size: 2.3125rem; }
  .md-fs-38 {
    font-size: 2.375rem; }
  .md-fs-39 {
    font-size: 2.4375rem; }
  .md-fs-40 {
    font-size: 2.5rem; } }

/* Medium devices (desktops, 1280px and up) */
@media only screen and (min-width: 1280px) {
  .lg-fs-5 {
    font-size: 0.3125rem; }
  .lg-fs-6 {
    font-size: 0.375rem; }
  .lg-fs-7 {
    font-size: 0.4375rem; }
  .lg-fs-8 {
    font-size: 0.5rem; }
  .lg-fs-9 {
    font-size: 0.5625rem; }
  .lg-fs-10 {
    font-size: 0.625rem; }
  .lg-fs-11 {
    font-size: 0.6875rem; }
  .lg-fs-12 {
    font-size: 0.75rem; }
  .lg-fs-13 {
    font-size: 0.8125rem; }
  .lg-fs-14 {
    font-size: 0.875rem; }
  .lg-fs-15 {
    font-size: 0.9375rem; }
  .lg-fs-16 {
    font-size: 1rem; }
  .lg-fs-17 {
    font-size: 1.0625rem; }
  .lg-fs-18 {
    font-size: 1.125rem; }
  .lg-fs-19 {
    font-size: 1.1875rem; }
  .lg-fs-20 {
    font-size: 1.25rem; }
  .lg-fs-21 {
    font-size: 1.3125rem; }
  .lg-fs-22 {
    font-size: 1.375rem; }
  .lg-fs-23 {
    font-size: 1.4375rem; }
  .lg-fs-24 {
    font-size: 1.5rem; }
  .lg-fs-25 {
    font-size: 1.5625rem; }
  .lg-fs-26 {
    font-size: 1.625rem; }
  .lg-fs-27 {
    font-size: 1.6875rem; }
  .lg-fs-28 {
    font-size: 1.75rem; }
  .lg-fs-29 {
    font-size: 1.8125rem; }
  .lg-fs-30 {
    font-size: 1.875rem; }
  .lg-fs-31 {
    font-size: 1.9375rem; }
  .lg-fs-32 {
    font-size: 2rem; }
  .lg-fs-33 {
    font-size: 2.0625rem; }
  .lg-fs-34 {
    font-size: 2.125rem; }
  .lg-fs-35 {
    font-size: 2.1875rem; }
  .lg-fs-36 {
    font-size: 2.25rem; }
  .lg-fs-37 {
    font-size: 2.3125rem; }
  .lg-fs-38 {
    font-size: 2.375rem; }
  .lg-fs-39 {
    font-size: 2.4375rem; }
  .lg-fs-40 {
    font-size: 2.5rem; } }

/* stylelint-disable scss/dollar-variable-pattern */
.c_primary_disabled {
  color: #b5f5ff; }

.bg_primary_disabled {
  background-color: #b5f5ff; }

.c_primary_border {
  color: #b5f5ff; }

.bg_primary_border {
  background-color: #b5f5ff; }

.c_black_54 {
  color: rgba(0, 0, 0, 0.54); }

.bg_black_54 {
  background-color: rgba(0, 0, 0, 0.54); }

.c_white {
  color: #fff; }

.bg_white {
  background-color: #fff; }

.c_background {
  color: #e8e8eb; }

.bg_background {
  background-color: #e8e8eb; }

.c_gray {
  color: #9593a4; }

.bg_gray {
  background-color: #9593a4; }

.c_grey_border {
  color: #dfdfdf; }

.bg_grey_border {
  background-color: #dfdfdf; }

.c_error {
  color: #e96062; }

.bg_error {
  background-color: #e96062; }

.c_dark {
  color: #211b3e; }

.bg_dark {
  background-color: #211b3e; }

.c_black {
  color: #1d1d1b; }

.bg_black {
  background-color: #1d1d1b; }

.c_light_dark {
  color: #383836; }

.bg_light_dark {
  background-color: #383836; }

.c_blue_gray {
  color: #8d8b97; }

.bg_blue_gray {
  background-color: #8d8b97; }

.c_border {
  color: #e0deed; }

.bg_border {
  background-color: #e0deed; }

.c_turquoise {
  color: #00afcb; }

.bg_turquoise {
  background-color: #00afcb; }

.c_turquoise_12 {
  color: rgba(0, 175, 203, 0.12); }

.bg_turquoise_12 {
  background-color: rgba(0, 175, 203, 0.12); }

.c_transparent {
  color: rgba(0, 0, 0, 0); }

.bg_transparent {
  background-color: rgba(0, 0, 0, 0); }

.c_black_7 {
  color: rgba(0, 0, 0, 0.07); }

.bg_black_7 {
  background-color: rgba(0, 0, 0, 0.07); }

.c_black_38 {
  color: rgba(0, 0, 0, 0.38); }

.bg_black_38 {
  background-color: rgba(0, 0, 0, 0.38); }

.c_black_54 {
  color: rgba(0, 0, 0, 0.54); }

.bg_black_54 {
  background-color: rgba(0, 0, 0, 0.54); }

.c_black_87 {
  color: rgba(0, 0, 0, 0.87); }

.bg_black_87 {
  background-color: rgba(0, 0, 0, 0.87); }

.c_Input_border {
  color: #c0becd; }

.bg_Input_border {
  background-color: #c0becd; }

.c_scarlet {
  color: #d0021b; }

.bg_scarlet {
  background-color: #d0021b; }

.c_very_light_pink {
  color: #e0e0e0; }

.bg_very_light_pink {
  background-color: #e0e0e0; }

.c_ice_blue_50 {
  color: rgba(236, 253, 255, 0.5); }

.bg_ice_blue_50 {
  background-color: rgba(236, 253, 255, 0.5); }

.c_ice_blue_20 {
  color: rgba(236, 253, 255, 0.2); }

.bg_ice_blue_20 {
  background-color: rgba(236, 253, 255, 0.2); }

.bg-cloudy-blue {
  background-color: #c0becd; }

.c_emerald {
  color: #02a758; }

.bg_emerald {
  background-color: rgba(2, 167, 88, 0.1); }

.bg_ice_blue_two {
  background-color: #f0fcff; }

body {
  background-color: #e8e8eb;
  color: #211b3e;
  font-family: Regular;
  font-size: 16px;
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box;
  outline: 0; }

.loader-container .loader {
  background: #fff;
  border-radius: 50%; }

h1,
h2,
h3,
h4,
h5,
h6,
ul,
li {
  margin: 0; }

p {
  margin: 0; }

ul,
ol,
li {
  padding: 0; }

a {
  color: #00afcb; }

.italic {
  font-style: italic; }

.opacity-5 {
  opacity: 0.5; }

.verticle-center {
  vertical-align: middle; }

.default-border-radius {
  border-radius: 6px; }

.width-75 {
  width: 75%; }

.width-45 {
  width: 45%; }

.width-30 {
  width: 30%; }

.height-100 {
  height: 100%; }

.height-100vh {
  height: 100vh; }

.decoration-none {
  text-decoration: none; }

.dsp-inb {
  display: inline-block; }

.flex-both-cntr {
  align-items: center;
  display: flex;
  justify-content: center; }

.overflow-x-auto {
  overflow-x: auto; }

.overflow-y-auto {
  overflow-y: auto; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.table-shadow {
  box-shadow: 0 14px 24px 2px rgba(0, 0, 0, 0.07); }

.box-shadow {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07); }

.border-box {
  box-sizing: border-box; }

.border-none {
  border: 0; }

.flt-rgt {
  float: right; }

.flt-lft {
  float: left; }

.sub-header {
  box-shadow: 0 10px 12px 0 rgba(0, 0, 0, 0.07);
  position: sticky;
  top: 0;
  z-index: 999; }

.box-border {
  border: solid 1px #e0e0e0;
  border-radius: 8px; }

.border-outline {
  border: 1px solid #c0becd;
  border-radius: 4px;
  outline: 0; }

.input-border-outline {
  border: 1px solid #c0becd;
  border-radius: 4px;
  outline: 0; }
  .input-border-outline:hover {
    border: 1px solid #1d1d1b; }
  .input-border-outline:focus {
    border: 2px solid #00afcb; }
  .input-border-outline.error {
    border: 1px solid #e96062;
    color: #e96062; }

.width-20 {
  width: 20%; }

.width-30 {
  width: 30%; }

.width-40 {
  width: 40%; }

.width-80 {
  width: 80%; }

.hr-line {
  background-color: #b5f5ff;
  height: 1px;
  width: 100%; }

.flex-1 {
  flex: 1; }

.flex-4 {
  flex: 4; }

/* < 768px */
@media (min-width: 320px) and (max-width: 767px) {
  .sm-flex-auto {
    flex: auto; } }

.success {
  color: #4caf46; }

.warning {
  color: #ff9800; }

.warning-background {
  color: #ff9800; }

.info {
  color: #00afcb; }

.min-width-button {
  min-width: 84px; }

.pointer-cursor {
  cursor: pointer; }

.hide {
  display: none; }

.loader-content {
  height: 100vh;
  width: 100%; }
  .loader-content .loader-text {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

.fs-merchant-tier {
  font-size: 3rem;
  /* < 768px */ }
  @media (min-width: 320px) and (max-width: 767px) {
    .fs-merchant-tier {
      font-size: 2rem; } }

.fs-sorry {
  font-size: 3rem;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 1280px and up) */ }
  @media (min-width: 768px) {
    .fs-sorry {
      font-size: 3rem; } }
  @media only screen and (min-width: 1280px) {
    .fs-sorry {
      font-size: 4rem; } }

.fs-something-went-wrong {
  font-size: 2rem;
  /* Small devices (tablets, 768px and up) */
  /* Medium devices (desktops, 1280px and up) */ }
  @media (min-width: 768px) {
    .fs-something-went-wrong {
      font-size: 3rem; } }
  @media only screen and (min-width: 1280px) {
    .fs-something-went-wrong {
      font-size: 5rem; } }

.MuiBadge-badge {
  font-family: 'Light'; }

.error-button,
.error-button:hover {
  background-color: #e96062; }

.height-100vh {
  height: 100vh; }

.white-space-nowrap {
  white-space: nowrap; }

.logout-button {
  right: 1rem;
  top: 1rem; }

.check-box-text {
  margin-left: -12px; }

.tnc-text {
  cursor: pointer; }

.modal-container.tnc-modal {
  align-items: center;
  height: 80%;
  width: 80%; }
  .modal-container.tnc-modal .modal-content {
    display: flex;
    justify-content: center;
    max-height: calc(100% - 72px); }

.tnc-border {
  border-color: #1d1d1b;
  border-style: solid;
  border-width: 1px;
  height: 100%; }