:root {
  --splash-background-color: white;
  --splash-loader-color: #587CC7;
  --splash-logo-url: url('../../splashLogo.png');
}
.centered {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
}
.center {
  text-align: center !important;
}
.sync-view,
.generate-view {
  display: grid;
  justify-items: center;
  align-items: center;
}
.last-sync-title {
  padding-bottom: 10px;
}
.data-form {
  padding: 20px;
}
.generate-item {
  display: grid;
  grid-template-columns: min-content 1fr min-content;
}
.generate-item .generate-button {
  grid-column: 1;
}
.generate-item .open-button {
  grid-column: 3;
}
.employees-data {
  margin-top: calc(-20px - 1rem);
  padding-right: 20px;
  padding-left: 20px;
  padding-bottom: 20px;
}
.employees-data .k-form-field {
  margin-top: 1rem !important;
}
.file-uploader {
  padding: 0px 20px 20px 20px;
  display: flex;
  align-items: start;
}
.file-uploader .uploader {
  flex-grow: 1;
}
.file-uploader .button {
  margin-top: 8px;
}
.azure-usage-form {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: calc(100% - 20px);
}
.azure-usage-grid {
  overflow-y: hidden;
  margin: 0px 20px 20px 20px !important;
}
.group-title {
  color: var(--text-color);
  font-weight: bold;
}
.azure-usage-details {
  margin: 20px 20px 20px 20px;
}