/* app/javascript/stylesheets/application.scss */
html {
  position: relative;
  min-height: 100%;
  font-family:
    "Roboto",
    "Helvetica",
    sans-serif;
  font-size: 100%;
}
body {
  margin: 0 0 40px;
  --mdc-theme-primary: #274653;
  --mdc-theme-background: #F1F6F8;
  --mdc-theme-surface: #FFF;
  --mdc-theme-error: #b00020;
  background-color: var(--mdc-theme-background);
}
h1 {
  font-weight: 500;
  color: var(--mdc-theme-primary);
}
h2 {
  font-weight: 400;
  color: var(--mdc-theme-primary);
}
h3 {
  font-weight: 400;
  color: var(--mdc-theme-primary);
}
h4 {
  font-weight: 400;
  color: var(--mdc-theme-primary);
}
.center-text {
  text-align: center;
}
.center-self {
  align-self: center;
}
.top-pad {
  padding-top: 25px;
}
.end-text {
  text-align: end;
}
.container {
  position: relative;
  padding: 44px;
  margin-left: 100px;
  margin-left: 100px;
  width: calc(100% - 88px - 100px);
}
.empty-message {
  margin-top: 1rem;
}
.horizontal-scroll-container {
  width: 100%;
  overflow: auto;
}
.horizontal-flex-container {
  display: flex;
  flex-flow: row nowrap;
}
.horizontal-flex-container > * {
  width: 600px;
}
.horizontal-rule {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  margin: 30px 0;
}
.mdc-layout-grid__space-around {
  display: flex !important;
  justify-content: space-between;
}
.mdc-text-field-container {
  width: 100%;
}
.mdc-form-field {
  flex-flow: row wrap;
}
.mdc-form-field,
.mdc-form-field label {
  width: 100%;
  margin: 5px 0;
}
.mdc-form-field .mdc-select {
  background: white;
}
.mdc-select--fullwidth {
  width: 100%;
}
.mdc-form-field > label {
  padding-left: 0;
}
footer {
  position: absolute;
  bottom: 0;
  width: calc(100% - 288px);
  margin: 20px 144px;
}
.material-icons.md-light {
  color: rgb(255, 255, 255);
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}
.inner-padding {
  padding: 0 1.5em 0;
}
.hidden {
  visibility: hidden;
}
.mdc-button.mdc-button--raised {
  --mdc-shape-small: 34px;
}
.mdc-tab .mdc-tab__text-label {
  color: var(--mdc-theme-primary);
  letter-spacing: normal;
  font-size: 18px;
  font-weight: 400;
  text-transform: none;
}
.mdc-tab i {
  color: #A45E35;
  font-size: 24px;
}
.tab-bar {
  border-bottom: 1px solid #A45E35;
}
.mdc-tab-indicator__content.mdc-tab-indicator__content--underline {
  border-color: #A45E35;
  border-width: 5px;
}
input.textfield {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  position: absolute;
  border-style: solid;
  border-width: 1px;
  border-radius: inherit;
  width: 100px;
  height: 50px;
}
select.thing {
  margin: 0;
  padding: 0 8px;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-radius: inherit;
  width: 100px;
  height: 50px;
}
.mdc-text-field__input::-webkit-calendar-picker-indicator {
  display: block !important;
}
.mdc-text-field--outlined .mdc-text-field__input,
.mdc-text-field--outlined.mdc-text-field,
.mdc-text-field.mdc-text-field--outlined.mdc-text-field--label-floating {
  background-color: #FFF;
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme-primary);
}
.mdc-text-field-helper-text {
  color: var(--mdc-theme-primary);
}
.body-container {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  min-width: 900px;
  max-width: 1800px;
}
.siderail {
  width: 100px;
  display: flex;
  flex-flow: column;
  position: fixed;
  background-color: var(--mdc-theme-primary);
  height: 100%;
  z-index: 10;
}
.siderail button {
  height: 100px;
  width: 100px;
}
.siderail a {
  color: var(--mdc-theme-primary);
}
.mdc-top-app-bar__row {
  background: white;
  color: black;
}
.mdc-top-app-bar a {
  color: black;
  text-decoration: none;
}
.mdc-icon-button {
  height: 100%;
  width: 100%;
}
.mdc-icon-button * {
  margin: auto;
}
.siderail .siderail__button--active {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
}
.custom-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 28px;
  height: 28px;
}
.rootable-icon {
  background-image: url("/assets/rootable-icon-ZJ3EH522.digested.svg");
}
.users-icon {
  background-image: url("/assets/users-icon-6L2YH4WI.digested.svg");
}
.sites-icon {
  background-image: url("/assets/sites-icon-Y7GXYGTS.digested.svg");
}
.shifts-icon {
  background-image: url("/assets/shifts-icon-JPVZWO7F.digested.svg");
}
.settings-icon {
  background-image: url("/assets/settings-icon-A6377RWL.digested.svg");
}
.organizations-icon {
  background-image: url("/assets/organizations-icon-2ES5CWOI.digested.svg");
}
.delete-icon {
  background-image: url("/assets/delete-icon-dark-BEXLPK2K.digested.svg");
}
.mdc-data-table__borderless h3 {
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom: 0;
}
.mdc-data-table.mdc-data-table__borderless {
  border-bottom-style: solid;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
}
.mdc-data-table.mdc-data-table__borderless.mdc-data-table__no-bottom-border {
  border-bottom-style: none;
}
.mdc-data-table__cell {
  color: var(--mdc-theme-primary);
  height: 72px;
  border-top: 0.5px solid rgba(88, 100, 116, 0.6);
  border-bottom: 0.5px solid rgba(88, 100, 116, 0.6);
}
.mdc-data-table__cell:nth-child(2) {
  font-weight: 500;
}
.mdc-data-table__cell:first-child {
  border-left: 0.5px solid rgba(88, 100, 116, 0.6);
  border-radius: 4px 0px 0px 4px;
}
.mdc-data-table__cell:last-child {
  border-right: 0.5px solid rgba(88, 100, 116, 0.6);
  border-radius: 0px 4px 4px 0px;
}
.mdc-data-table__row {
  background-color: var(--mdc-theme-surface);
  border: 1px solid red;
}
.mdc-data-table__cell--fill {
  width: 100%;
}
.mdc-data-table__cell--action {
  width: 1px;
}
.mdc-data-table {
  width: 100%;
  background-color: var(--mdc-theme-background);
}
.mdc-data-table__table {
  border-collapse: separate;
  border-spacing: 0 1em;
}
.mdc-data-table__header-cell {
  background-color: var(--mdc-theme-background);
}
.mdc-data-table__row--flagged .mdc-data-table__cell:first-child {
  background:
    linear-gradient(
      to right,
      #F3AE29 5px,
      transparent 5px);
}
.mdc-data-table__row--clickable {
  cursor: pointer;
}
.mdc-data-table__cell--link {
  display: block;
  height: 100%;
  text-decoration: none;
  color: var(--mdc-theme-primary);
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: center;
  padding: 16px;
}
.mdc-data-table__cell--link-container {
  padding: 0;
}
.mdc-data-table__table-container {
  overflow-x: visible;
}
.picker {
  display: flex;
  flex-wrap: wrap;
  max-width: 20em;
  position: relative;
}
.picker__container {
  background-color: #eee;
  border: 2px solid rgb(76, 96, 107);
  cursor: pointer;
  font-size: 1.25em;
  height: 2em;
  position: relative;
  width: 2em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.picker__container:hover input ~ .picker__indicator {
  background-color: #ccc;
}
.picker__container input:checked ~ .picker__indicator {
  background-color: rgb(241, 198, 82);
}
.picker__container input {
  cursor: pointer;
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.picker__indicator {
  display: block;
  height: 2em;
  left: 0;
  line-height: 2em;
  position: absolute;
  text-align: center;
  top: 0;
  width: 2em;
}
/*# sourceMappingURL=/assets/application-420a142f.css.map */