otus-dashboard-sidenav md-sidenav {
  position: fixed !important;
  width: 320px;
  min-width: 320px !important;
}
otus-dashboard-sidenav md-backdrop {
  position: fixed !important;
}
otus-dashboard-sidenav md-backdrop ~ md-content {
  position: fixed;
  overflow: hidden;
}
@media (max-width: 456px) {
  otus-dashboard-sidenav md-sidenav,
otus-dashboard-sidenav md-sidenav.md-locked-open,
otus-dashboard-sidenav md-sidenav.md-closed.md-locked-open-add-active {
    position: fixed !important;
    min-width: 320px !important;
  }
}

otus-participants-list .dynamic-table-container-md-content {
  max-height: 90%;
}
otus-participants-list .dynamic-table-container {
  min-width: 850px;
}
otus-participants-list .dynamic-table-container .dynamic-structure {
  min-width: 800px !important;
}

@media only screen and (max-width: 799px) {
  otus-dashboard-toolbar .not-mobile {
    display: none;
  }
}
@media only screen and (min-width: 800px) {
  otus-dashboard-toolbar .mobile {
    display: none;
  }
}

@media only screen and (max-width: 799px) {
  otus-dashboard otus-dashboard-toolbar .mobile {
    display: none !important;
  }
  otus-dashboard otus-dashboard-toolbar .not-mobile {
    display: block !important;
  }
}

otus-report-dashboard otus-panel .report-list {
  min-width: 250px;
}
otus-report-dashboard otus-panel .report-list .report-item {
  min-width: 250px;
  background-color: #ffffff;
}

@media only screen and (max-width: 450px) {
  otus-activity-manager otus-activity-list .not-mobile {
    display: none;
  }
}
otus-activity-manager otus-activity-list .dynamic-table-container {
  min-width: 800px;
}
otus-activity-manager otus-activity-list .dynamic-table-container .dynamic-structure {
  min-width: 750px !important;
}
otus-activity-manager otus-activity-manager-toolbar md-fab-speed-dial {
  max-height: 50px;
}
@media only screen and (max-width: 450px) {
  otus-activity-manager otus-activity-manager-toolbar md-toolbar {
    display: none !important;
  }
  otus-activity-manager otus-activity-manager-toolbar md-fab-speed-dial {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 20;
  }
  otus-activity-manager otus-activity-manager-toolbar md-fab-speed-dial md-fab-trigger {
    width: 80%;
  }
  otus-activity-manager otus-activity-manager-toolbar md-fab-speed-dial md-fab-trigger button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 451px) {
  otus-activity-manager otus-activity-manager-toolbar md-fab-speed-dial {
    display: none;
  }
}
@media only screen and (max-width: 451px) {
  otus-activity-manager otus-activity-manager-commander md-fab-speed-dial {
    display: none;
  }
}

otus-activity-adder-list .dynamic-table-container {
  min-width: 800px;
}
otus-activity-adder-list .dynamic-table-container .dynamic-structure {
  min-width: 750px !important;
}

@media only screen and (max-width: 550px) {
  lab-control-panel .control-toolbar {
    display: none;
  }
  lab-control-panel .mobile-control-toolbar {
    max-height: 65px;
  }
  lab-control-panel .mobile-control-toolbar md-fab-speed-dial {
    max-height: 50px;
    display: flex;
    align-items: center;
    z-index: 20;
  }
  lab-control-panel .mobile-control-toolbar md-fab-speed-dial md-fab-trigger {
    width: 80%;
  }
  lab-control-panel .mobile-control-toolbar md-fab-speed-dial md-fab-trigger button {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
  lab-control-panel .mobile-control-toolbar md-fab-speed-dial md-fab-actions button {
    min-width: 150px;
  }
}
@media only screen and (min-width: 551px) {
  lab-control-panel .mobile-control-toolbar {
    display: none;
  }
  lab-control-panel .control-toolbar div .mobile-input {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  lab-control-panel .collect-control-toolbar {
    display: none;
  }
  lab-control-panel .mobile-collect-control-toolbar {
    max-height: 65px;
  }
  lab-control-panel .mobile-collect-control-toolbar md-fab-speed-dial {
    position: relative;
    top: -18px;
    max-height: 30px;
    display: flex;
    align-items: center;
    z-index: 20;
  }
  lab-control-panel .mobile-collect-control-toolbar fast-collection {
    position: relative;
    top: -15px;
  }
  lab-control-panel .mobile-collect-control-toolbar fast-collection div {
    min-width: 80px;
  }
  lab-control-panel .mobile-collect-control-toolbar fast-collection div .desktop-input {
    display: none;
  }
  lab-control-panel .aliquots-control-toolbar {
    display: none;
  }
  lab-control-panel .mobile-aliquots-control-toolbar {
    max-height: 65px;
  }
  lab-control-panel .mobile-aliquots-control-toolbar div label {
    position: relative;
    top: 10px;
  }
  lab-control-panel .mobile-aliquots-control-toolbar div md-input-container {
    position: relative;
    top: -15px;
  }
  lab-control-panel .mobile-aliquots-control-toolbar md-fab-speed-dial {
    position: relative;
    top: -18px;
    max-height: 30px;
    display: flex;
    align-items: center;
    z-index: 20;
  }
}
@media only screen and (max-width: 359px) {
  lab-control-panel .mobile-aliquots-control-toolbar div label {
    display: none;
  }
}
@media only screen and (min-width: 651px) {
  lab-control-panel .mobile-collect-control-toolbar {
    display: none;
  }
  lab-control-panel .mobile-aliquots-control-toolbar {
    display: none;
  }
}

aliquots-view .aliquots-container {
  min-width: 900px;
}

otus-sample-transportation-manager-list otus-sample-transportation-lot-info-sidenav md-sidenav {
  min-width: 320px !important;
}
@media screen and (max-width: 726px) {
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component .desktop-filter div .md-subheader {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component .desktop-filter {
    display: none;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component .table-container {
    min-width: 850px;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component .table-container md-list {
    min-width: 800px;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component md-card {
    width: 300px;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component md-card md-card-title md-card-title-text .md-subhead {
    font-size: 10px;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component md-card md-card-title md-card-title-text .md-headline {
    font-size: 14px;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component md-card md-card-title div div otus-sample-transportation-lot-aliquots-chart {
    display: block;
    height: 87px;
    width: 128px;
    position: relative;
    right: 44px;
    top: -24px;
  }
}
@media screen and (min-width: 601px) {
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component .mobile-filter {
    display: none;
  }
  otus-sample-transportation-manager-list .sample-transportation-lot-manager-list-component md-card {
    width: 500px;
  }
}

otus-lot-info-manager-display .subtitle-table-container {
  max-height: 200px;
}
otus-lot-info-manager-display .dynamic-table-container {
  min-width: 850px;
  max-height: 420px;
}
otus-lot-info-manager-display .dynamic-table-container .dynamic-structure {
  min-width: 800px !important;
}
otus-lot-info-manager-display md-input-container md-datepicker {
  position: relative;
  left: -15px;
}

otus-view-sending-exam .dynamic-table-container-md-content {
  min-height: 400px;
}
otus-view-sending-exam .dynamic-table-container-md-content .dynamic-table-container {
  min-width: 850px;
  max-height: 420px;
}
otus-view-sending-exam .dynamic-table-container-md-content .dynamic-table-container .dynamic-structure {
  min-width: 800px !important;
}
@media screen and (max-width: 726px) {
  otus-view-sending-exam .desktop-filter .md-subheader {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  otus-view-sending-exam .desktop-filter {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  otus-view-sending-exam .mobile-filter {
    display: none;
  }
}

otus-exams-lots-manager .table-container {
  min-width: 850px;
}
otus-exams-lots-manager .table-container md-list {
  min-width: 800px;
}
@media screen and (max-width: 726px) {
  otus-exams-lots-manager .desktop-filter .md-subheader {
    display: none !important;
  }
}
@media screen and (max-width: 650px) {
  otus-exams-lots-manager .desktop-filter {
    display: none;
  }
}
@media screen and (min-width: 651px) {
  otus-exams-lots-manager .mobile-filter {
    display: none;
  }
}

otus-exam-lot-info-manager-display .dynamic-table-container {
  min-width: 850px;
}
otus-exam-lot-info-manager-display .dynamic-table-container .dynamic-structure {
  min-width: 800px !important;
}
@media screen and (max-width: 600px) {
  otus-exam-lot-info-manager-display .dynamic-table-container {
    max-height: 395px;
  }
  otus-exam-lot-info-manager-display .moment-type-title {
    display: none !important;
  }
}
otus-exam-lot-info-manager-display .aliquot-form {
  max-height: 70px;
}
otus-exam-lot-info-manager-display .aliquot-form md-input-container {
  margin-bottom: 0;
}

otus-exam-lot-info-sidenav md-sidenav {
  min-width: 320px !important;
}

@media screen and (max-width: 600px) {
  otus-monitoring-dashboard .desktop-filter {
    display: none;
  }
}
@media screen and (min-width: 601px) {
  otus-monitoring-dashboard .mobile-filter {
    display: none;
  }
}

@media screen and (max-width: 650px) {
  otus-flag-report-list-manager otus-flag-report-visualization md-content {
    max-height: 400px;
  }
}
@media screen and (min-width: 651px) {
  otus-flag-report-list-manager otus-flag-report-visualization md-content {
    max-height: 100%;
  }
}

@media screen and (max-width: 650px) {
  otus-laboratory-flag-report-list-manager .exam-heatmap-container {
    min-height: 400px;
  }
}
@media screen and (min-width: 651px) {
  otus-laboratory-flag-report-list-manager .exam-heatmap-container {
    min-height: 100%;
  }
}

otus-laboratory-monitoring-dashboard #orphans-by-exam svg {
  min-width: 600px;
}
otus-question .question-layout {
  padding: 8px;
  gap: 16px;
}
otus-question .question-layout .question-answer {
  overflow: auto;
}
otus-question .question-layout .question-or-divider {
  gap: 4px;
  color: #B3B3B3;
  text-transform: uppercase;
}
otus-question .question-layout .question-or-divider::before, otus-question .question-layout .question-or-divider::after {
  width: 1px;
  height: 1px;
  content: "";
  flex: 1 1 auto;
  border-left: 2px dashed #F1F1F1;
}
otus-grid-single-selection-question table {
  border-spacing: 0 16px;
}
otus-grid-single-selection-question table thead td, otus-grid-single-selection-question table thead th {
  padding: 0 16px;
}
otus-grid-single-selection-question table thead td:first-child {
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  left: 0;
  z-index: 1;
}
otus-grid-single-selection-question table tbody tr {
  transition: background 0.125s cubic-bezier(0, 0.5, 0.5, 0);
}
otus-grid-single-selection-question table tbody tr td {
  padding: 16px;
  transition: border-color 0.125s cubic-bezier(0, 0.5, 0.5, 0);
}
otus-grid-single-selection-question table tbody tr td:not(:first-child) {
  border: 2px solid #F1F1F1;
}
otus-grid-single-selection-question table tbody tr td:not(:nth-child(2)):not(:last-child) {
  border-left: 0;
  border-right: 0;
}
otus-grid-single-selection-question table tbody tr td:nth-child(2) {
  border-radius: 4px 0 0 4px;
  border-right: 0;
}
otus-grid-single-selection-question table tbody tr td:last-child {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
otus-grid-single-selection-question table tbody tr td:first-child {
  border-radius: 4px 0 0 4px;
  position: -webkit-sticky;
  position: sticky;
  background-color: white;
  left: 0;
  z-index: 1;
}
otus-grid-single-selection-question table tbody tr td:last-child {
  border-radius: 0 4px 4px 0;
}
otus-grid-single-selection-question table tbody tr:hover {
  background: #F1F1F1;
}
otus-grid-single-selection-question table tbody tr:hover td:not(first-child) {
  border-color: #B3B3B3;
}
otus-button button {
  display: flex !important;
  padding: 4px !important;
  gap: 4px;
  place-content: center;
  place-items: center;
}
otus-button button:not(.md-fab):not(.squared) {
  height: 32px !important;
  position: relative !important;
  line-height: 24px !important;
  min-height: unset !important;
  margin: 0 !important;
}
otus-button button:not(.md-fab):not(.squared) md-icon {
  margin: 0;
  font-size: 18px !important;
  display: flex !important;
  place-content: center;
  place-items: center;
}
otus-button button.md-attention {
  color: #F1DB4B;
}
otus-button button.md-attention:not([disabled]) md-icon {
  color: #F1DB4B;
}
otus-button button.md-icon-button {
  width: 32px !important;
}
otus-button button.rounded {
  border-radius: 4px;
}
otus-button button.pill {
  border-radius: 16px;
}
otus-button button.outlined {
  border: 1px solid currentColor;
  box-shadow: none !important;
}
otus-button button .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(241, 241, 241, 0.33);
}
otus-dynamic-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
}
otus-dynamic-image img {
  width: auto;
  height: auto;
  max-width: 64px;
  max-height: 64px;
}
.otus-accordion {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 8px;
}
otus-answer-radio-button md-radio-group {
  display: flex;
  align-items: center;
  justify-content: center;
}
otus-answer-radio-button md-radio-group md-radio-button {
  margin: 0 !important;
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
}
otus-answer-radio-button md-radio-group md-radio-button .md-container {
  position: relative;
  top: unset;
  transform: none;
}
otus-answer-radio-button md-radio-group md-radio-button .md-label {
  display: none;
}
otus-answer-radio-button .image-container {
  padding: 4px;
  opacity: 80%;
  display: flex;
  margin: 0 !important;
  min-width: unset;
  align-items: center;
  justify-content: center;
  transition: box-shadow 0.125s cubic-bezier(0, 0.5, 0.5, 0);
}
otus-answer-radio-button .image-container.selected {
  opacity: 100%;
  outline: 2px solid rgb(0, 121, 107);
}
.otus-expansion-panel {
  display: flex;
  flex-direction: column;
  padding: 12px;
  outline: 1px solid gray;
  border-radius: 4px;
  gap: 8px;
}
otus-grid-field {
  display: flex;
  justify-content: center;
  text-align: justify;
  overflow-y: auto;
}
otus-grid-field > div {
  gap: 8px;
  padding: 4px;
  max-height: 120px;
  min-width: 72px;
  max-width: min(48ch, 30vw);
}
.internal-otus-expansion-panel-content {
  display: flex;
  flex-direction: column;
  padding: 8px;
  gap: 8px;
}
.internal-otus-expansion-panel-content .box {
  background-color: #ccc;
  width: 100px;
  height: 100px;
  transition: all 0.3s ease-in-out;
}
.internal-otus-expansion-panel-content .box.ng-enter,
.internal-otus-expansion-panel-content .box.ng-leave.ng-leave-active {
  transform: scale(0.5);
}
.internal-otus-expansion-panel-content .box.ng-enter.ng-enter-active,
.internal-otus-expansion-panel-content .box.ng-leave {
  transform: scale(1);
}
.internal-otus-expansion-panel-content .grid-question {
  display: flex;
  flex-direction: row;
  align-content: center;
  gap: 16px;
}
.internal-otus-expansion-panel-content .grid-question otus-answer-radio-button,
.internal-otus-expansion-panel-content .grid-question md-radio-button,
.internal-otus-expansion-panel-content .grid-question md-radio-group {
  width: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.internal-otus-expansion-panel-content .grid-question md-radio-button,
.internal-otus-expansion-panel-content .grid-question md-radio-group {
  height: fit-content;
}
.internal-otus-expansion-panel-content .grid-question otus-answer-radio-button {
  height: inherit;
}
.internal-otus-expansion-panel-content .grid-question .label {
  display: flex;
  flex-direction: column;
  justify-content: center;
  word-break: break-word;
}
.otus-expansion-panel-title {
  display: flex;
  flex-direction: column;
  gap: 4px;
}