.e-grid {
  font-family: 'Noto Sans Thai', 'Montserrat' !important;
}

.e-grid .e-headercell {
  background-color: #f3f2f7;
}

.e-grid .e-headercontent {
  background-color: #f3f2f7;
}

.e-grid input.e-input {
  font-family: 'Noto Sans Thai', 'Montserrat' !important;
}

.e-grid .e-flat {
  font-family: 'Noto Sans Thai', 'Montserrat' !important;
}

.circle {
  position: relative;
  top: 50%;
  left: 30%;
  background: #00b01d;
  border-radius: 100%;
  height: 24px;
  width: 24px;
}

.checkMark {
  position: absolute;
  transform: rotate(50deg) translate(-50%, -50%);
  left: 27%;
  top: 43%;
  height: 12px;
  width: 5px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
}

.container {
  position: relative;
  width: 100%;
  height: 0px;
  padding-bottom: 55%;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}