/*fake img url for testing https://picsum.photos/400/400 */
html,
body {
   padding: 0px;
   margin: 0px;
   font-family: "Poppins", sans-serif;
   height: 100%;
   width: 100%;
}
.v-application,
.title {
   font-family: "Poppins", sans-serif !important;
}
.v-btn {
   letter-spacing: normal !important;
}
.theme--light.application {
   background-color: transparent !important;
   color: #636363;
}
.v-dialog {
   transition: none !important;
}
.pointer {
   cursor: pointer;
   user-select: none;
}
.minw-320 {
   min-width: 320px;
}
.maxw-480 {
   max-width: 480px !important;
}
.maxw-600 {
   max-width: 600px !important;
}
.maxw-700 {
   max-width: 700px !important;
}
.maxw-960 {
   max-width: 960px !important;
}
.maxw-1200 {
   max-width: 1200px !important;
}
.w100p {
   width: 100%;
}
.w200 {
   width: 200px !important;
}
.w250 {
   width: 250px !important;
}
.w150 {
   width: 150px !important;
}
.w100 {
   width: 100px;
}
.h50x {
   height: 50px !important;
}
.h60x {
   height: 60px !important;
}
.h65x {
   height: 65px !important;
}
.h40x {
   height: 40px !important;
}
.h70x {
   height: 70px !important;
}
.mt45x {
   margin-top: 45px !important;
}
.mt50x {
   margin-top: 50px !important;
}
.mt60x {
   margin-top: 60px !important;
}
.mt70x {
   margin-top: 70px !important;
}
.mb50x {
   margin-bottom: 50px !important;
}
.mb100x {
   margin-bottom: 100px !important;
}
.mb200x {
   margin-bottom: 200px !important;
}
.pb50x {
   padding-bottom: 50px !important;
}
.h100 {
   height: 100px !important;
}

.h200 {
   height: 200px !important;
}
.pos-r {
   position: relative;
}
.pos-a {
   position: absolute;
}
.pos-f {
   position: fixed;
}
.fwbold {
   font-weight: bold;
}

.fwmed {
   font-weight: medium;
}
.fwn {
   font-weight: normal;
}
.fstb2r {
   font-size: 2rem; /* 32px */
}
.fstb5 {
   font-size: 1.5rem; /* 24px */
}
.fstb3 {
   font-size: 1.3rem; /* 21px */
}
.fstb2 {
   font-size: 1.2rem; /* 19px */
}
.fstb1 {
   font-size: 1.1rem; /* 17px */
}
/* the html font-size, it is 16px by default */
.fst {
   font-size: 1rem;
}
.fstd9 {
   font-size: 0.9rem; /* 14px */
}
.fstd8 {
   font-size: 0.8rem; /* 13px */
}
.fstderr {
   font-size: 12px; /* to match input box error text size */
   line-height: 12px;
}
.fstd7 {
   font-size: 0.7rem; /* 11px */
}
.fstd6 {
   font-size: 0.6rem; /* 9.6px */
}
.fw500 {
   font-weight: 500;
}
.fw600 {
   font-weight: 600;
}
.fw700 {
   font-weight: 700;
}
.opacity0 {
   opacity: 0;
   cursor: auto;
   pointer-events: none;
}
.mp-0 {
   margin: 0px !important;
   padding: 0px !important;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:before {
   border-color: rgba(0, 0, 0, 0.3) !important;
}

.theme--light.v-text-field > .v-input__control > .v-input__slot:hover:before {
   border-color: rgba(0, 0, 0, 0.3) !important;
}

.txtSmallLabel {
   font-size: 13px;
   color: #7d7d7d;
}

.inputTxt {
   border-radius: 0px;
   border: 0px;
   border-bottom: 1px solid #ccc;
   padding: 10px 0px;
   background: #fff;
   margin-top: 5px;
}

.inputTxt .form-control:disabled,
.form-control[readonly] {
   background: #fff;
}

.radioGroup .v-input__control {
   width: 100% !important;
   flex-grow: unset;
}

.h20Svg {
   height: 20px;
   width: auto;
}

.noDataBox {
   text-align: center;
}

.noDataBox div {
   margin-top: 30px;
   margin-bottom: 10px;
   font-weight: 500;
}

.hrlight {
   border: none;
   border-bottom: 1px solid #ddd;
}

.hrlight10x {
   border: none;
   border-bottom: 10px solid #ddd;
}

.btTopGray {
   border: none;
   border-top: 1px solid #e2e2e2;
}

.txtlink {
   text-decoration: underline;
   color: #4660eb !important;
}

.txtpink {
   color: #e52b91;
}

.backIconImg {
   width: 18px;
   height: 18px;
}

.authStepExpandDiv {
   /* fro step 1 2 3 screen from web sign up flow */
   height: calc(100vh - 116px);
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
}

.auth2ExpandDiv {
   /*auth sign up screen middle div/iframe that epand height with scroll inside to put main contents */
   height: calc(100vh - 164px);
   overflow-y: auto;
   overflow-x: hidden;
   width: 100%;
}

@media (max-width: 768px) {
   .auth2ExpandDiv {
      height: calc(100vh - 247px);
      width: 100%;
   }
}