.table {
  font-family: 'Lato', sans-serif;
  border-collapse: collapse;
  width: 100%;
}

tr.active td:not(.hide-border) {
  background-color: var(--main-selected-cell) !important;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px 4px 8px 4px;
}

thead {
  background-color: #BEBEC8;
}

.hide-border {
  border: none;
}

.operation-icon {
  cursor: pointer;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}

.edit-button {
  background-image: url(../../common/img/commonIcon/edit-button.svg);
  background-size: 20px 20px;
}

.discard-button {
  background-image: url(../../common/img/commonIcon/discard-button.svg);
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}

.confirm-button {
  background-image: url(../../common/img/commonIcon/confirm-button.svg);
  background-size: 20px 20px;
}

.icon-group {
  display: flex;
}

.focus-mode {
  background-color: white;
  border: 1px solid #bebec8;
  border-radius: 3px;
  padding: 4px;
}

.time-display-container-focus .focus-mode {
  border: none;
  padding: 0px;
}

.bottombar-detail > :first-child {
  width: 100%;
}

.bottombar-detail .empty-state {
  text-transform: none;
}

[data-module=table] .date-picker-container {
  padding: 10px;
}

[data-module=table] .ant-popover-inner-content {
  padding: 10px!important;
  min-width: 250px;
}

#record-placeholder {
  color: var(--main-placeholder-color);
  font: normal normal normal 12px/18px Lato;
  letter-spacing: 0px;
}

.record-value,
.popover-record-value {
  color: var(--main-text-color);
  font: normal normal normal 12px/18px Lato;
  letter-spacing: 0px;
  margin-bottom: 4px;
}

.popover-record-value {
  min-height: 26px;
  line-height: 26px;
  margin-bottom: 0px;
}

.record-value:last-child {
  margin-bottom: 0px;
}

.all-user-container { 
  padding: 15px 10px 15px 10px;
  min-width: 200px;
  max-height: 240px;
  overflow: auto;
}

#section-separator {
  margin: 13px 0px 13px 0px;
}

.see-more-text-btn {
  text-align: left;
  font: normal normal normal 12px/18px Lato;
  letter-spacing: 0px;
  color: var(--theme-active-text);
  opacity: 1;
  cursor: pointer;
}

.popover-button-container{
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
}

.popover-cancel-button, .popover-apply-button {
  background-color: var(--normal-button-background);
  border-radius: 5px;
  border: 1px solid var(--main-border-color);
  color: var(--normal-button-color);
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  margin: 0px 2px 0px 2px;
  padding: 0px 10px 0px 10px;
}

.repeat-time-icon {
  background-image: url(../../common/img/timeIcon/repeat-icon.svg);
}

.start-time-icon {
  background-image: url(../../common/img/timeIcon/start-date-icon.svg);
}

.end-time-icon {
  background-image: url(../../common/img/timeIcon/end-date-icon.svg);
}

[class$=-time-icon] {
  background-repeat: no-repeat;
  background-position: right;
  background-size: 20px;
  width: 20px;
  height: 20px;
  margin: 0;
}

[class$=-time-container] {
  display: flex;
  flex-wrap: wrap;
}

.time-display-container-focus {
  position: relative;
  border-radius: 3px;
  border-width: 2px;
  background-color: white;
  padding: 2px;
  border-style: solid;
  border-color: #1890ff;
}

.select-user-container {
  height: 400px;
  overflow: auto;
}

#popover-ref {
  position: relative;
}

.policy-table-header-wrapper {
  display: flex;
  flex-direction: column;
}