html {
  height: 100vh; }

.notification-text {
  white-space: pre-line; }

.btn.disabled, .btn:disabled {
  cursor: not-allowed; }

.list-group-item-small {
  padding: 0.25rem 1.25rem; }

body {
  overflow-x: hidden; }

.sidebar-wrapper {
  min-height: 100vh;
  margin-left: -260px;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
  position: fixed;
  height: calc(100vh - 56px);
  z-index: 1000; }

.sidebar-wrapper .sidebar-heading {
  padding: 0.375rem 1.25rem;
  font-size: 1.2rem; }

.sidebar-wrapper .list-group {
  width: 260px; }

.main-wrapper.toggled .sidebar-wrapper {
  margin-left: 0; }

@media (min-width: 992px) {
  .sidebar-wrapper {
    margin-left: 0; }
  .main-wrapper.toggled .sidebar-wrapper {
    margin-left: -0rem; } }

.main-panel {
  width: 100%;
  transition: 0.33s, cubic-bezier(0.685, 0.0473, 0.346, 1);
  display: flex;
  align-items: stretch; }

@media screen and (min-width: 992px) {
  .main-panel {
    padding-left: 260px; } }

.sidebar-list-group-item {
  padding-left: 2.5rem !important;
  border: none; }

.sidebar-box {
  border-top: 1px solid rgba(0, 0, 0, 0.125); }

.base-view {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin: 1rem 1rem;
  grid-column-gap: 1.1rem;
  grid-row-gap: 0.5rem; }

@media screen and (min-width: 992px) {
  .base-view {
    grid-template-columns: repeat(2, 1fr); } }

.new-adjudicator {
  grid-area: new-adjudicator; }

.all-adjudicators {
  grid-area: all-adjudicators; }

.default-disciplines-dances {
  grid-area: default-disciplines-dances; }

.new-discipline {
  grid-area: new-discipline; }

.all-discipline {
  grid-area: all-disciplines; }

.new-dances {
  grid-area: new-dance; }

.all-dances {
  grid-area: all-dances; }

.default-levels {
  grid-area: default-levels; }

.new-level {
  grid-area: new-level; }

.all-levels {
  grid-area: all-levels; }

.new-dancer {
  grid-area: new-dancer; }

.new-multiple-dancers {
  grid-area: new-multiple-dancers; }

.all-dancers {
  grid-area: all-dancers; }

.new-couple {
  grid-area: new-couple; }

.new-multiple-couples {
  grid-area: new-multiple-couples; }

.all-couples {
  grid-area: all-couples; }

.dashboard-view {
  grid-template-areas: "all-adjudicators" "all-levels" "all-disciplines" "all-dances" "all-couples" "all-dancers"; }

.adjudicators-view {
  grid-template-areas: "new-adjudicator" "all-adjudicators"; }

.disciplines-dances-view {
  grid-template-areas: "default-disciplines-dances" "new-discipline" "all-disciplines" "new-dance" "all-dances"; }

.levels-view {
  grid-template-areas: "default-levels" "new-level" "all-levels"; }

.dancers-view {
  grid-template-areas: "new-dancer" "new-multiple-dancers" "all-dancers"; }

.couples-view {
  grid-template-areas: "new-couple" "new-multiple-couples" "all-couples"; }

@media screen and (min-width: 992px) {
  .dashboard-view {
    grid-template-areas: "all-adjudicators all-dancers" "all-levels all-dancers" "all-disciplines all-dancers" "all-dances all-dancers" "all-couples all-dancers"; }
  .adjudicators-view {
    grid-template-areas: "new-adjudicator all-adjudicators"; }
  .disciplines-dances-view {
    grid-template-areas: "default-disciplines-dances new-dance" "new-discipline all-dances" "all-disciplines all-dances"; }
  .levels-view {
    grid-template-areas: "default-levels new-level all-levels";
    grid-template-columns: repeat(3, 1fr); }
  .dancers-view {
    grid-template-areas: "new-dancer all-dancers" "new-multiple-dancers all-dancers" ". all-dancers"; }
  .couples-view {
    grid-template-areas: "new-couple all-couples" "new-multiple-couples all-couples" ". all-couples"; } }

.grid-full-width {
  grid-column-start: 1;
  grid-column-end: 2; }

@media screen and (min-width: 992px) {
  .grid-full-width {
    grid-column-end: 3; } }

.full-width {
  width: 100%; }

.heat-couple-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-row-gap: 1rem;
  grid-column-gap: 1rem; }

.heat-couple-box {
  border: 1px solid #dee2e6;
  border-radius: 3px; }

.final-grades-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-row-gap: 1rem;
  grid-column-gap: 1rem; }

.sortable {
  cursor: grab; }

.slider.slider-horizontal {
  width: 100% !important; }

.tooltip.in {
  opacity: 1;
  z-index: 100; }

.list-group-item:disabled {
  pointer-events: none;
  cursor: not-allowed; }

.mx--1 {
  margin-left: -1rem !important;
  margin-right: -1rem !important; }

.heat-couple-grade-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }

.slider-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 3rem auto;
  align-items: center; }

.slider-icon {
  font-size: 3rem; }

.grading-navbar {
  display: grid;
  grid-template-columns: 33% auto 33%;
  justify-items: center;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.no-wrap {
  white-space: nowrap; }

.grade-checkbox:checked + .btn-outline-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745; }

.button-grade-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 3rem auto;
  align-items: center;
  justify-items: center; }

.button-grade-grid-buttons {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(5, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-auto-flow: column;
  align-items: center; }

.live-grading-table {
  table-layout: fixed;
  width: 100%; }

.flash-transition {
  transition: all 0.5s ease-in-out; }

.modal {
  cursor: default; }

.page-break-after-always {
  page-break-after: always; }

.no-diploma {
  opacity: 0.3; }

.diploma {
  cursor: pointer; }

.vertical-align-middle {
  vertical-align: middle !important; }

.grade-cell {
  font-size: 1.25rem; }
