html {
  overflow: scroll;
}
::-webkit-scrollbar {
  width: 0px;
  background: transparent; /* make scrollbar transparent */
}
body {
  background-color: #1fc8db;
  background-image: linear-gradient(
    141deg,
    #9fb8ad 0%,
    #1fc8db 51%,
    #2cb5e8 75%
  );
  background-repeat: no-repeat;
  background-size: auto;
}
.main-content {
  /* min-height: 100vh; */
}
.popup {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
}
.popup_inner {
  position: absolute;
  left: 25%;
  right: 25%;
  top: 25%;
  bottom: 25%;
  padding-top: 10%;
  margin: auto;
  background-color: #1fc8db;
  background-image: linear-gradient(
    141deg,
    #9fb8ad 0%,
    #1fc8db 51%,
    #2cb5e8 75%
  );
}
.react-grid-Cell__value {
  white-space: normal !important;
}
/* .react-grid-Grid {
    min-height: 420px !important;
} */
.note-text-area {
  font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
.react-grid-Grid {
  border: 0px solid black !important;
}
.ui.row.service-table-detail {
  margin-bottom: 10px;
}
.ui.row.product-table-detail {
  margin-bottom: 10px;
}
.ui.row.company-table-detail {
  margin-bottom: 10px;
}
.ui.tiny.active.inline.loader.table-loader {
  margin-left: 1%;
}
.ui.container.new-service {
  margin-bottom: 5%;
}
/* all table */
.react-grid-Grid {
  margin-bottom: 4%;
}
.ui.form .field.error label {
  color: red;
}