/* For viewport larger than iPhone 5 in terms of height */
/* For viewport smaller than iPhone 5 in terms of height */
/*flowboard custom font size*/
/*line height desktop*/
/*reponsive constants for mobile*/
/*button*/
/*font-size line-height mobile*/
/**
 * We want our units to be based on `em`, so that our SDK can accommodate for
 * the user changing their browser font size.
 * At the same time, `px` is a unit often used in templates etc. from Design.
 * To accommodate for both of these cases, we make our @unit be 1/16 of an `em`.
 * This results in each @unit into being the same as 1px (when the parent
 * font-size is 16px, as it is by default).
 *
 * So each "unit" isn't a pixel, but it is when the parent font size is 16px,
 * and it's proportionate to the difference otherwise.
 */
/*
 * We also need different units for when trying to do `px` "equivalents" when
 * our parent has a different font size.
 */
/*
 * We also have a special unit for the react-phone-number-input library, so
 * we can keep its units in line with whatever units we decide to pick
 */
/* Theme colors */
/* Solid colors */
/* Transparent colors */
.surepass-sdk-ui-ErrorPage-absolute-center {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.surepass-sdk-ui-ErrorPage-thickWrapper {
  display: flex;
  flex-direction: column;
  /*padding-top: 10px;*/
}
.surepass-sdk-ui-ErrorPage-notFoundFlex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.surepass-sdk-ui-ErrorPage-fourZeroFourText {
  font-size: 70px;
  margin: 25px 0px;
  font-weight: bold;
}
.surepass-sdk-ui-ErrorPage-separator {
  width: 4px;
  background: black;
  border-radius: 20px;
  margin: 0px 20px;
  height: 100px;
}
.surepass-sdk-ui-ErrorPage-notFoundText {
  font-size: 40px;
  letter-spacing: -1px;
  margin: 25px 0px;
  font-weight: bold;
}
.surepass-sdk-ui-ErrorPage-errorImage {
  width: 30%;
  margin-bottom: 50px;
}
.surepass-sdk-ui-ErrorPage-errorDesc {
  font-size: 20px;
}
.surepass-sdk-ui-ErrorPage-greyBackground {
  background: #cccccc69;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.surepass-sdk-ui-ErrorPage-errorText {
  /*color:#605d5c;*/
  text-align: center;
  font-size: 30px;
  font-family: sans-serif;
  /*font-weight: 600;*/
}
.surepass-sdk-ui-ErrorPage-errorDiv {
  text-align: center;
}
@media screen and (max-width: 480px) {
  .surepass-sdk-ui-ErrorPage-fourZeroFourText {
    font-size: 50px;
    margin: 25px 0px;
    font-weight: bold;
  }
  .surepass-sdk-ui-ErrorPage-notFoundText {
    font-size: 30px;
    letter-spacing: -1px;
    margin: 25px 0px;
    font-weight: bold;
  }
  .surepass-sdk-ui-ErrorPage-errorText {
    text-align: center;
    font-size: 25px;
    font-family: sans-serif;
    line-height: 30px;
  }
}