.v17cusorPointer {
  cursor: pointer;
}

.v17noVisible {
  visibility: hidden;
}

.v17textCenter {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: center;
}

.v17textLeft {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  text-align: left;
}

/* --------------DOM element-------------- */
.v17textInput {
  font-family: "Montserrat", sans-serif;
  text-indent: 10px;
}

.v17buttonClick {
  font-family: "Montserrat", sans-serif;
}

/* -------------setting flex-------------- */
.v17flexBoxRow {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

.v17flexBoxColumn {
  display: flex;
  flex-direction: column;
}

/* -------------setting block-------------- */
.v17noDisplay {
  display: none;
}

.v17inDisplay {
  display: inline-block;
}

/* -------------setting border-------------- */
.v17border0-0 {
  border: 0px;
}
.v17borderRadius5-0 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.v17borderRadius5-0 {
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

.v17borderRadius5-0Top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.v17borderRadius5-0Bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.v17borderRadius6-0 {
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.v17borderRadius6-0Top {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.v17borderRadius6-0Bottom {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.v17borderRadiuslr6-0 {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.v17borderRadius20-0 {
  border-radius: 20px;
}

.v17borderRadius4-0Top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

/* --------------setting width-------------- */
.v17widthp10-0 {
  width: 10%;
}

.v17widthp25-0 {
  width: 25%;
}

.v17widthp30-0 {
  width: 30%;
}

.v17widthp50-0 {
  width: 50%;
}

.v17widthp60-0 {
  width: 60%;
}

.v17widthp70-0 {
  width: 70%;
}

.v17widthp80-0 {
  width: 80%;
}

.v17widthp90-0 {
  width: 90%;
}

.v17widthp100-0 {
  width: 100%;
}

.v17widthp445-0 {
  width: 27.8125rem;
}

.v17widthp270-0 {
  width: 16.875rem;
}

/* -------------setting height-------------- */
.v17heightpx10-0 {
  height: 10px;
}

.v17heightpx13-0 {
  height: 13px;
}

.v17heightpx15-0 {
  height: 15px;
}

.v17heightpx20-0 {
  height: 20px;
}

.v17heightpx25-0 {
  height: 25px;
}

.v17heightpx30-0 {
  height: 30px;
}

.v17heightpx35-0 {
  height: 35px;
}

.v17heightpx40-0 {
  height: 40px;
}

.v17heightpx48-0 {
  height: 48px;
}

.v17heightpx50-0 {
  height: 50px;
}

.v17heightpx60-0 {
  height: 60px;
}

.v17heightpx78-0 {
  height: 78px;
}

.v17heightpx80-0 {
  height: 80px;
}

.v17heightpx90-0 {
  height: 90px;
}

.v17heightpx93-0 {
  height: 93px;
}

.v17heightpx106-0 {
  height: 106px;
}

.v17heightpx150-0 {
  height: 150px;
}

.v17heightpx200-0 {
  height: 200px;
}

.v17heightpx254-0 {
  height: 254px;
}

.v17heightpx258-0 {
  height: 258px;
}

.v17heightpx300-0 {
  height: 300px;
}

.v17heightpx350-0 {
  height: 350px;
}

/* ----------------font size---------------- */
.v17fontSize8 {
  font-size: 0.5rem;
}

.v17fontSize10 {
  font-size: 0.625rem;;
}

.v17fontSize11 {
  font-size: 0.6875rem;
}

.v17fontSize12 {
  font-size: 0.75rem;
}

.v17fontSize13 {
  font-size: 0.8125rem;
}

.v17fontSize14 {
  font-size: 0.875rem;
}

.v17fontSize15 {
  font-size: 0.9375rem;
}

.v17fontSize16 {
  font-size: 1rem;
}

.v17fontSize17 {
  font-size: 1.0625rem;
}

.v17fontSize18 {
  font-size: 1.125rem;
}

.v17fontSize19 {
  font-size: 1.1875rem;
}

.v17fontSize20 {
  font-size: 1.25rem;
}

.v17fontSize12Scal {
  font-size: 0.75rem;
}

.v17fontSize14Scal {
  font-size: 0.875rem;
}

.v17fontSize16Scal {
  font-size: 1rem;
}

.v17fontSize18Scal {
  font-size: 1.125rem;
}

.v17fontSize20Scal {
  font-size: 1.25rem;
}

.v17fontSize24Scal {
  font-size: 1.5rem;
}

.v17fontSize32Scal {
  font-size: 2rem;
}

/* ----------------font bold---------------- */
.v17fontWeight4 {
  font-weight: 400;
}

.v17fontWeight5 {
  font-weight: 500;
}

.v17fontWeight6 {
  font-weight: 600;
}

.v17fontWeight7 {
  font-weight: 700;
}

/* ----------default setting image---------- */
.v17userImage {
  width: 7rem;
  height: 7rem;
  object-fit: cover;
  border-radius: 50%;
  border: solid 2px #cccccc;
}

/* -------------default setting------------- */
body {
  margin: 0px;
  padding: 0px;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="number"],
input[type="reset"],
input[type="password"],
input[type="time"],
input[type="date"],
input[type="checkbox"] {
  margin: 0px;
  padding: 0px;
  -webkit-appearance: none;
  border-width: 0px;
  border-radius: 5px;
}

input[type="radio"]{
  margin: 0px;
  padding: 0px;
  border-width: 0px;
}

select {
  -webkit-appearance: block;
  -moz-appearance: block;
  appearance: block;
}

.justify {
  text-align: justify;
  text-justify: inter-word;
}

.outlineText {
  text-shadow: -0.5px -0.5px 0 #fefefe, 0 -0.5px 0 #fefefe,
    0.5px -0.5px 0 #fefefe, 0.5px 0 0 #fefefe, 0.5px 0.5px 0 #fefefe,
    0 0.5px 0 #fefefe, -0.5px 0.5px 0 #fefefe, -0.5px 0 0 #fefefe;
  font-family: "Montserrat", sans-serif;
}

.alignMiddle {
  vertical-align: middle;
}

.alignTop {
  vertical-align: top;
}

/* ----------------- Reward Page ----------------- */
.charLimit20 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.charLimit10 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.charLimit70 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.textoverflow {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* ------------------- Table ---------------------- */
.v17Table {
  display:block; 
}

.v17tableRow {
  display:block; 
}

.v17tableCell {
  display: inline-block; 
}

.preserve_whitespace{
  white-space: pre-wrap;
}

.width100 {
  width: 100%;
}

.height25 {
  height: 25px;
}

.paddingtb10{
  padding-top: 10px;
  padding-bottom: 10px;
}

.height100{
  height: 100%;
}