.btnContainer {
  width: fit-content;
}

.btnContainer.fixedToBottom {
  position: fixed;
  bottom: var(--main-tab-height);
}

.noMainTab .btnContainer.fixedToBottom {
  position: fixed;
  bottom: 0 !important;
}

.btnContainer > .btn {
  width: 100%;
}

.btnContainer.alignRight {
  margin-left: auto;
  float: right;
}

.btnContainer.fixedHalfRight {
  position: fixed;
  right: 50%;
}

.fullWidth.smlScreen .btnContainer.fixedHalfRight {
  position: fixed;
  right: 0 !important;
}

.primaryBtn {
  border-radius: 10px !important;
  background-color: var(--main-dark) !important;
  cursor: pointer;
}

.primaryBtn.disabled,
.primaryBtn[disabled='disabled'] {
  background-color: var(--gray-dark) !important;
  color: white !important;
}

.secondaryBtn {
  border-radius: 10px !important;
  border: 1px solid var(--main-dark);
  color: var(--main-dark);
  background-color: white !important;
  box-shadow: unset !important;
  cursor: pointer;
}

.secondaryBtn.disabled,
.secondaryBtn[disabled='disabled'] {
  background-color: var(--gray-dark) !important;
  color: white !important;
  border-color: var(--gray-dark) !important;
}

.tertiaryBtn {
  background-color: transparent !important;
  color: var(--main-dark);
  box-shadow: unset !important;
  cursor: pointer;
}

.tertiaryBtn.disabled,
.tertiaryBtn[disabled='disabled'] {
  background-color: transparent !important;
  color: var(--gray-dark) !important;
}

.drillBtn {
  border-radius: 10px !important;
  border: 1px solid var(--blue-dark);
  color: var(--blue-dark);
  background-color: white !important;
  box-shadow: unset !important;
  cursor: pointer;
}

.drillBtn.disabled,
.drillBtn[disabled='disabled'] {
  background-color: var(--gray-dark) !important;
  color: white !important;
  border-color: var(--gray-dark);
}

.holdBtn {
  border-radius: 20px !important;
  background-color: green;
  cursor: pointer;
  color: white !important;
}

.holdBtn.available {
  background-color: green;
  color: white !important;
}

.holdBtn.holding {
  background-color: red;
  color: white !important;
}

.holdBtn.sending {
  background-color: var(--gray-dark);
  color: white !important;
  pointer-events: none;
}

.holdBtn.disabled,
.holdBtn[disabled='disabled'] {
  background-color: var(--gray-dark) !important;
  color: white !important;
}

/* follow materialize .btn-small */
.btn.smlBtn {
  height: 32.4px;
  line-height: 32.4px;
}

/* in between .btn-small and .btn-large */
.btn.medBtn {
  height: 43.2px;
  line-height: 43.2px;
}

/* follow materialize .btn-large */
.btn.lrgBtn {
  height: 54px;
  line-height: 54px;
}

.btn.xlBtn {
  height: 50vh;
  line-height: 50vh;
}

.btn.callBtn {
  width: 30vw;
  height: 60px;
  line-height: 60px;
}

.btn.iconBtn {
  display: grid;
}

.btn.iconBtn:hover {
  color: white;
  background-color: var(--main-dark);
}

.btn.enableWrap {
  height: unset;
}

.btnContainer > * {
  display: inline-block;
  vertical-align: middle;
}

.btnContainer > .file-field {
  width: 100%;
}

.btnContainer > .file-field > .file-path-wrapper {
  padding-left: 0;
}

.btnContainer > .file-field > .file-path-wrapper > .btn {
  width: 100%;
}

.fileInput.disabled {
  pointer-events: none;
  cursor: unset;
}