/* vietnamese */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/LDI1apSQOAYtSuYWp8ZhfYe8UcLLubg58xGL.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/LDI1apSQOAYtSuYWp8ZhfYe8UMLLubg58xGL.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/LDI1apSQOAYtSuYWp8ZhfYe8XsLLubg58w.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
    U+2215, U+FEFF, U+FFFD;
}

body {
  -youbkit-touch-callout: none; /* iOS Safari */
  -youbkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE 10+ and Edge */
  user-select: none; /* Non-prefixed version,
                                currently supported by Chrome and Opera */
}

.full_width_model .modal-content {
  border-radius: 0px !important;
}
.full_width_model .modal.show .full_width_model .modal-dialog {
  margin: 0px;
  border-radius: 0px !important;
  width: 100%;
}
.full_width_model .modal-xl {
  max-width: 100%;
}
.full_width_model .modal-dialog {
  margin: 0px;
}
.full_width_model .modal-body {
  height: 100vh;
  overflow: auto;
}
.text-blue {
  color: rgb(168, 236, 185);
}
.text_overlay {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 44px;
  background: #e4dcdc;
  left: 0px;
  padding: 5px;
  font-weight: bold;
  text-align: center;
  font-size: larger;
}
form ul {
  list-style: none;
  padding: 0px;
}

#yourId {
  width: 200px;
  height: 150px;
  position: relative; /* or fixed or absolute */
}

#croppic{
    width: 200px;
    height: 400px;
}