:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.image {
  width: 129px;
  margin-top: 12px;
}

.judgingapp-hero-heading {
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
}

.home-hero-section {
  background-color: #f0f0f0;
  background-image: linear-gradient(3deg, #ffb5d7bd, #c3e2ff00), url('../images/Judging-App-Imagebw.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  padding: 102px 167px;
}

.navbar {
  z-index: 1000;
  float: none;
  background-color: #000;
  height: 60px;
  position: relative;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px -2px #0003;
}

.event-list {
  text-align: center;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 172px;
  padding: 5px 17px;
  display: flex;
}

.event-list:hover {
  background-color: #ffffffe8;
}

.event-list.inactive {
  background-color: #00000036;
}

.section-2 {
  padding-top: 27px;
  padding-bottom: 27px;
  display: block;
}

.section-2.referenceguide-space {
  margin-top: 38px;
}

.dropdown-list {
  background-color: #644e4e;
}

.dropdown-list.w--open {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 5px #0003;
}

.text-block {
  font-family: Open Sans, sans-serif;
  font-weight: 700;
}

.view-all-drop-down {
  padding-top: 11px;
  padding-bottom: 11px;
}

.quick-stack {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0;
}

.container-main-content {
  max-width: 1000px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
}

.event-locations {
  letter-spacing: 0;
  margin-top: 2px;
  margin-bottom: 6px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 24px;
}

.paragraph-2 {
  color: #353535;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.div-header-title-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1000px;
  margin-top: 0;
  margin-bottom: 14px;
  padding-top: 26px;
  padding-bottom: 14px;
  display: flex;
  position: relative;
}

.judgingapp-heading2 {
  color: #000;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 38px auto 5px;
  font-family: Open Sans, sans-serif;
  font-size: 25px;
  line-height: 36px;
}

.image-2 {
  width: 40px;
}

.event-dates {
  text-align: center;
  background-color: #fff;
  border-radius: 17px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 111px;
  padding: 10px 17px;
  display: flex;
}

.event-dates.inactive {
  background-color: #00000036;
}

.event-dates-h2 {
  letter-spacing: 0;
  margin-top: 2px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 17px;
}

.back-text-link {
  color: #000;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 4px auto;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 23px;
}

.link-block {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0% auto auto 0%;
}

.headersection2 {
  background-image: linear-gradient(#f1d1e2, #d6ebff);
  padding-top: 19px;
  padding-bottom: 16px;
  display: block;
}

.division-list {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  text-align: center;
  background-color: #f5f5f5;
  border-radius: 43px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 17px 17px 17px 24px;
  display: flex;
}

.division-list.inactive {
  background-image: linear-gradient(#0000002e, #0000002e);
}

.division-list.yellow {
  background-color: #f7f2e8;
}

.division-list.yellow.inactive {
  background-image: linear-gradient(#0000002e, #0000002e);
}

.division-list-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 18px;
}

.body {
  /*background-color: #000;
  background-image: linear-gradient(#f1ccdf 36%, #c1e7ff);
  padding-bottom: 93px;*/
  
  background-color: #C9E6FC;
  background-image: linear-gradient(#f1ccdf 36%, #c1e7ff);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.twd-form {
  border-radius: 9px;
  margin-top: 27px;
  padding-top: 0;
  padding-bottom: 0;
}

.button {
  color: #000;
  text-align: center;
  background-color: #fff;
  border: 1px solid #a1a1a1;
  border-radius: 6px;
  width: 100%;
  padding: 21px 0;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
}

.button:hover {
  background-color: #e7f5ff;
}

.quick-stack-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  width: 100%;
  padding: 9px 0;
}

.div-score-section {
  background-color: #fff;
  border-bottom-width: .5px;
  border-bottom-color: #000;
  border-radius: 14px;
  height: 134px;
  margin-bottom: 5px;
  padding: 17px 30px 9px;
}

.judging-section-title {
  color: #0006;
  text-align: left;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 2px;
  margin-bottom: 7px;
  font-family: Open Sans, sans-serif;
  font-size: 18px;
  line-height: 25px;
}

.div-block-3 {
  justify-content: space-between;
  align-items: center;
  width: 70%;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.form-block {
  width: 23%;
  margin-bottom: 0;
  position: fixed;
}

.dropdown-button:hover {
  background-color: #f5f5f5;
}

.small-text {
  text-align: center;
  margin: 6px auto 1px;
  font-family: Varela, sans-serif;
  font-size: 11px;
  line-height: 12px;
}

.div-block-5 {
  background-color: #ff5f5f;
  border-radius: 0;
  margin-top: 150px;
  padding: 10px;
  position: absolute;
  inset: 0% auto auto 0%;
}

.image-3 {
  width: 30px;
}

.score-cheatsheet {
  z-index: 100;
  clear: left;
  background-color: #fff;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  height: 200px;
  margin-top: -162px;
  padding-top: 14px;
  padding-bottom: 9px;
  display: flex;
  position: absolute;
}

.image-4 {
  text-align: center;
  margin-top: 14px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.paragraph-4 {
  color: #353535;
  text-align: center;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.quick-stack-4 {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  text-align: left;
  border: 1px solid #00000021;
  width: 900px;
  max-width: 900px;
  margin-top: 7px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
  padding-bottom: 5px;
}

.cell {
  justify-content: center;
  align-items: center;
}

.score-div {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

.score-number {
  color: #000;
  text-align: center;
  background-color: #fff0;
  border: 1px solid #00000057;
  border-radius: 6px;
  width: 100%;
  padding: 8px 0;
  font-family: Open Sans, sans-serif;
  font-size: 19px;
  font-weight: 600;
}

.downarrow-div {
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin-top: 11px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.paragraph-5 {
  color: #353535;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 3px;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 12px;
  font-weight: 700;
  line-height: 19px;
}

.image-5 {
  width: 13px;
  margin-top: 5px;
  margin-left: 7px;
}

.div-block-6 {
  width: 70%;
  padding-top: 0;
  padding-bottom: 0;
}

.div-block-7 {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.div-block-8 {
  width: 30%;
  padding: 0 0 0 15px;
}

.textarea {
  border-radius: 12px;
  padding-bottom: 217px;
}

.textarea2 {
  border-radius: 12px;
  padding-bottom: 85px;
}

.section-3 {
  margin-top: 39px;
  padding-top: 27px;
  padding-bottom: 8px;
  display: block;
}

.div-block-9 {
  margin-top: 59px;
}

.quick-stack-5 {
  border: 1px solid #000;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 14px;
  padding-bottom: 14px;
}

.paragraph-6 {
  color: #353535;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.paragraph-8 {
  color: #353535;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.button-2 {
  z-index: 2;
  text-align: center;
  background-color: #000;
  border-radius: 100px;
  padding: 21px 84px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 18px;
  position: relative;
}

.cell-2 {
  justify-content: flex-start;
  align-items: flex-end;
}

.cell-3 {
  justify-content: center;
  align-items: flex-start;
}

.quick-stack-6 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.nav-link {
  color: #fff;
}

.textarea3 {
  border-radius: 12px;
  padding-bottom: 222px;
}

.body2 {
  background-color: #e9e9e9;
}

.paragraph-3 {
  color: #353535;
  margin-bottom: 0;
  font-family: Open Sans, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.list {
  cursor: pointer;
  border-bottom: 1px solid #d3d3d3;
  justify-content: flex-start;
  align-items: center;
  padding: 9px 7px;
  display: flex;
}

.list.highlight {
  background-color: #f3008626;
}

.performance-list-text {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.performance-list-text.strikethrough {
  text-decoration: line-through;
}

.performance-list-text.linktext {
  color: #3969f8;
}

.div-block-11 {
  width: 130px;
  padding: 11px;
}

.div-block-11-copy {
  width: 300px;
  padding: 11px;
}

.program-or-performer {
  width: 231px;
  padding: 6px 11px;
}

.entry-number {
  text-align: center;
  width: 60px;
  padding: 6px;
}

.total-score {
  width: 73px;
  padding: 6px 7px;
}

.div-block-15 {
  width: 140px;
}

.routine-name {
  width: 237px;
  padding: 6px 11px;
}

.list-header {
  background-color: #f5f5f5;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 5px 7px;
  display: flex;
}

.final-placement {
  width: 150px;
  padding: 6px 11px;
}

.div-block-13 {
  border-bottom: 1px solid #d3d3d3;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  display: flex;
}

.judge-result-list {
  width: 101px;
  padding: 6px 11px;
}

.div-block-13-copy {
  border-bottom: 1px solid #d3d3d3;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  display: flex;
}

.approve-button {
  text-align: center;
  background-color: #559772;
  border-radius: 100px;
  padding: 14px 15px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
}

.judge-result {
  border-bottom: 1px solid #d3d3d3;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  display: flex;
}

.drop-down-list {
  background-color: #f3f3f3;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 0 23px;
  display: none;
}

.section-4 {
  padding-top: 13px;
  padding-bottom: 42px;
}

.publish-button {
  text-align: center;
  background-color: #f10004;
  border-radius: 100px;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 24px 61px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 2px;
}

.icon {
  font-size: 18px;
}

.image-6 {
  width: 15px;
}

.dropdown-arrow {
  margin-right: 17px;
  padding: 6px;
}

.carousel {
  width: 100%;
  margin-left: 1px;
}

.technique, .execution, .difficulty, .overall {
  width: 100px;
  padding: 6px 11px;
}

.final-result {
  color: #000;
  text-align: center;
  border: 1px #000;
  border-bottom: 3px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin: 4px auto 9px;
  padding: 2px 8px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 25px;
  display: block;
}

.final-result-div {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 300px;
  display: flex;
}

.awaiting-result {
  max-width: 300px;
  margin-top: 31px;
}

.publish-button-2 {
  text-align: center;
  background-color: #aaa;
  border-radius: 100px;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 24px 61px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 2px;
}

.disapprove-button {
  text-align: center;
  background-color: #cc2629;
  border-radius: 100px;
  padding: 15px 24px;
  font-family: Open Sans, sans-serif;
  font-size: 13px;
  font-weight: 600;
  line-height: 2px;
}

.announce-button {
  text-align: center;
  background-color: #000;
  border-radius: 100px;
  margin-top: 14px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 24px 61px;
  font-family: Open Sans, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 2px;
}

.div-block-17 {
  margin-top: 25px;
}

.final-place {
  width: 59px;
  padding: 6px 7px;
}

.judge-final-result {
  width: 111px;
  padding: 6px 11px;
}

.tiebreaker {
  color: #fff;
  text-align: center;
  background-color: #ff0004;
  width: 100%;
  margin-top: 9px;
  padding: 13px 20px;
  font-size: 15px;
  text-decoration: underline;
}

.button-3 {
  color: red;
  background-color: #fff0;
  font-size: 11px;
  position: relative;
  inset: 55% 0% auto auto;
}

.judge-result-tie-break {
  color: red;
  border-bottom: 1px solid #d3d3d3;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 7px;
  display: flex;
}

.judges-name {
  width: 101px;
  padding: 6px 11px;
}

.image-7 {
  width: 20px;
  margin-left: 7px;
}

.header-name {
  float: left;
  clear: none;
  color: #fff;
  justify-content: center;
  align-items: center;
  /*margin-top: 22px;*/
  margin-left: 86px;
  margin-right: auto;
  font-family: Open Sans, sans-serif;
  font-size: 22px;
  display: block;
}

@media screen and (max-width: 991px) {
  .image {
    display: block;
  }

  .event-list {
    height: 149px;
  }

  .container-main-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .event-dates {
    height: 77px;
  }

  .headersection2 {
    padding-bottom: 11px;
  }

  .button {
    padding-top: 17px;
    padding-bottom: 17px;
  }

  .quick-stack-2 {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
  }

  .div-score-section {
    padding-left: 17px;
    padding-right: 17px;
  }

  .form-block {
    width: 25%;
  }

  .small-text {
    font-size: 9px;
    line-height: 11px;
  }

  .score-cheatsheet {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding-top: 31px;
    padding-left: 6px;
    padding-right: 6px;
    display: flex;
  }

  .paragraph-4 {
    font-size: 13px;
    line-height: 14px;
  }

  .quick-stack-4 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 700px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .score-number {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 16px;
  }

  .downarrow-div {
    margin-top: 20px;
  }

  .paragraph-5 {
    font-size: 11px;
    line-height: 16px;
  }

  .div-block-7 {
    justify-content: center;
    align-items: flex-start;
  }

  .textarea2 {
    padding-bottom: 88px;
  }

  .quick-stack-5 {
    margin-top: 0;
  }

  .program-or-performer {
    width: 139px;
  }

  .entry-number {
    width: 43px;
  }

  .total-score {
    width: 59px;
  }

  .routine-name {
    width: 185px;
  }

  .list-header {
    justify-content: flex-start;
    align-items: center;
    width: 690px;
  }

  .final-placement {
    width: 70px;
  }

  .judge-result-list {
    width: 74px;
  }

  .drop-down-list {
    padding: 9px;
    display: none;
  }

  .dropdown-arrow {
    margin-right: 11px;
  }

  .carousel {
    width: 690px;
    margin-left: 0;
  }

  .final-result-div {
    justify-content: flex-start;
    align-items: center;
    min-height: 345px;
    padding-left: 0;
    padding-right: 0;
  }

  .final-place {
    width: 51px;
  }

  .judge-final-result {
    width: 95px;
    padding-left: 0;
    padding-right: 0;
  }

  .button-3 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .judges-name {
    width: 100px;
  }
}

@media screen and (max-width: 767px) {
  .image {
    width: 97px;
    margin-top: 18px;
  }

  .home-hero-section {
    padding: 75px 41px;
  }

  .event-list {
    height: 141px;
  }

  .section-2 {
    padding-top: 14px;
  }

  .quick-stack {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .container-main-content {
    padding-left: 9px;
    padding-right: 9px;
  }

  .event-locations {
    margin-bottom: 2px;
  }

  .paragraph-2 {
    font-size: 15px;
    line-height: 18px;
  }

  .div-header-title-section {
    margin-bottom: 9px;
    padding-bottom: 10px;
  }

  .judgingapp-heading2 {
    margin-top: 21px;
  }

  .event-dates {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    border-radius: 40px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 63px;
    padding-left: 34px;
  }

  .event-dates-h2 {
    margin-bottom: 2px;
    font-size: 16px;
  }

  .back-text-link {
    margin-top: 5px;
  }

  .headersection2 {
    padding-top: 14px;
    padding-bottom: 0;
  }

  .division-list {
    grid-column-gap: 27px;
    grid-row-gap: 27px;
    border-radius: 40px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 57px;
    padding-left: 34px;
  }

  .division-list-text {
    margin-bottom: 2px;
  }

  .body {
    padding-bottom: 131px;
  }

  .twd-form {
    padding-left: 31px;
    padding-right: 31px;
  }

  .button {
    padding-top: 13px;
    padding-bottom: 13px;
  }

  .quick-stack-2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    width: 100%;
    margin-top: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .div-score-section {
    height: auto;
    padding-top: 9px;
    padding-bottom: 9px;
  }

  .judging-section-title {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 15px;
  }

  .div-block-4 {
    display: block;
  }

  .form-block {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    inset: auto 0% 0%;
  }

  .score-cheatsheet {
    margin-top: -162px;
    padding-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .paragraph-4 {
    font-size: 11px;
    line-height: 13px;
  }

  .quick-stack-4 {
    width: 518px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 11px;
    padding-right: 11px;
  }

  .score-number {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .paragraph-5 {
    font-size: 10px;
    line-height: 17px;
  }

  .div-block-6 {
    width: 100%;
  }

  .div-block-7 {
    flex-flow: column;
  }

  .div-block-8 {
    width: 100%;
    padding-left: 0;
  }

  .textarea {
    padding-bottom: 49px;
    box-shadow: 0 7px 5px #000000a8;
  }

  .textarea2 {
    padding-bottom: 49px;
  }

  .section-3 {
    padding-top: 14px;
  }

  .quick-stack-5 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-left: 14px;
    margin-right: 14px;
  }

  .paragraph-6 {
    font-size: 13px;
    line-height: 18px;
  }

  .paragraph-8 {
    font-size: 18px;
  }

  .button-2 {
    padding: 18px 55px;
  }

  .quick-stack-6 {
    padding: 5px 52px;
  }

  .textarea3 {
    padding-bottom: 49px;
  }

  .container-2 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-button {
    color: #fff;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .paragraph-3 {
    font-size: 13px;
    line-height: 18px;
  }

  .list {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .performance-list-text {
    font-size: 12px;
    line-height: 17px;
  }

  .program-or-performer {
    width: 115px;
    padding-left: 3px;
    padding-right: 3px;
  }

  .total-score {
    width: 45px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .routine-name {
    width: 159px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .list-header {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  .judge-result-list {
    width: 58px;
    padding-left: 4px;
    padding-right: 4px;
  }

  .approve-button {
    padding: 18px;
  }

  .drop-down-list {
    display: none;
  }

  .publish-button {
    padding: 18px 55px;
  }

  .dropdown-arrow {
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .carousel {
    width: 100%;
  }

  .final-result {
    margin-top: 21px;
  }

  .publish-button-2 {
    padding: 18px 55px;
  }

  .div-block-16 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .disapprove-button, .announce-button {
    padding: 18px 55px;
  }

  .final-place {
    width: 32px;
  }

  .judge-final-result {
    width: 80px;
    font-size: 14px;
  }

  .button-3 {
    padding-left: 3px;
    padding-right: 3px;
  }

  .judges-name {
    width: 111px;
  }

  .header-name {
    flex: 0 auto;
    /*margin-top: 16px;*/
    margin-left: 47px;
    margin-right: 0;
    font-size: 17px;
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .image {
    width: 93px;
    margin-top: 17px;
  }

  .judgingapp-hero-heading {
    font-size: 29px;
    line-height: 35px;
  }

  .home-hero-section {
    padding: 35px 32px;
  }

  .navbar {
    position: relative;
  }

  .event-list {
    height: 89px;
  }

  .section-2 {
    padding-top: 12px;
  }

  .quick-stack {
    grid-column-gap: 9px;
    grid-row-gap: 9px;
  }

  .container-main-content {
    padding-left: 11px;
    padding-right: 11px;
  }

  .event-locations {
    margin-bottom: 0;
    font-size: 17px;
  }

  .paragraph-2 {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 17px;
  }

  .div-header-title-section {
    margin-bottom: 0;
  }

  .judgingapp-heading2 {
    margin-top: 25px;
    margin-bottom: 7px;
    font-size: 18px;
    line-height: 26px;
  }

  .image-2 {
    width: 33px;
    position: static;
  }

  .event-dates {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding: 16px 12px 16px 23px;
  }

  .event-dates-h2 {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 17px;
  }

  .back-text-link {
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    display: inline-block;
    position: static;
    inset: 0% auto auto 15%;
  }

  .link-block {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
  }

  .headersection2 {
    padding-top: 12px;
    padding-bottom: 11px;
  }

  .division-list {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 17px;
  }

  .division-list.yellow {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .division-list-text {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 17px;
  }

  .body {
    padding-bottom: 150px;
  }

  .twd-form {
    margin-top: 9px;
    padding-left: 9px;
    padding-right: 9px;
  }

  .button {
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
    line-height: 15px;
  }

  .button:visited {
    color: #fff;
    background-color: #ff4faa;
    font-weight: 600;
  }

  .quick-stack-2 {
    grid-column-gap: 2px;
    grid-row-gap: 2px;
    padding: 5px 0;
  }

  .div-score-section {
    padding: 13px;
  }

  .judging-section-title {
    margin-top: 6px;
    margin-bottom: 6px;
    font-size: 15px;
  }

  .small-text {
    margin-top: 4px;
    font-family: Ubuntu, Helvetica, sans-serif;
    font-size: 7px;
    font-weight: 400;
    line-height: 7px;
    transform: rotate(0);
  }

  .score-cheatsheet {
    margin-top: -170px;
    padding: 1px 0 4px;
    position: absolute;
  }

  .quick-stack-3 {
    grid-column-gap: 20px;
  }

  .image-4 {
    margin: 7px auto 3px;
    display: block;
    position: relative;
    inset: auto 0% 8%;
  }

  .paragraph-4 {
    margin-bottom: 0;
    font-size: 9px;
    line-height: 12px;
  }

  .quick-stack-4 {
    grid-column-gap: 3px;
    grid-row-gap: 3px;
    width: 100%;
    margin-top: -1px;
    padding: 14px 7px;
  }

  .score-number {
    border-radius: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    line-height: 14px;
  }

  .downarrow-div {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: flex;
  }

  .paragraph-5 {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 10px;
    font-weight: 700;
    line-height: 15px;
  }

  .image-5 {
    width: 13px;
    margin-top: 2px;
    margin-left: 6px;
    margin-right: 6px;
  }

  .section-3 {
    padding-top: 12px;
  }

  .quick-stack-5 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px 6px;
    font-size: 14px;
  }

  .paragraph-6 {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 13px;
  }

  .container {
    position: relative;
  }

  .paragraph-8 {
    margin-bottom: 0;
    font-size: 19px;
    line-height: 24px;
    display: block;
  }

  .button-2 {
    width: 243px;
    padding: 16px 27px;
    font-size: 15px;
  }

  .cell-3 {
    justify-content: center;
    align-items: center;
  }

  .quick-stack-6 {
    grid-column-gap: 11px;
    grid-row-gap: 11px;
    text-align: center;
    padding-left: 13px;
    padding-right: 13px;
  }

  .paragraph-3 {
    margin-bottom: 0;
    font-size: 11px;
    line-height: 13px;
  }

  .list {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .list.highlight {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .performance-list-text {
    font-size: 13px;
    line-height: 15px;
  }

  .performance-list-text.linktext {
    margin-top: 9px;
    margin-left: 15px;
  }

  .program-or-performer {
    width: 123px;
  }

  .entry-number {
    width: 31px;
  }

  .total-score {
    width: 25%;
    margin-left: 43px;
    padding-left: 9px;
    padding-right: 6px;
  }

  .routine-name {
    width: 130px;
  }

  .list-header {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    /*display: none;*/
  }

  .final-placement {
    width: 20px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .div-block-13 {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .judge-result-list {
    width: 82px;
  }

  .div-block-13-copy {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  /*.approve-button {
    width: 243px;
    padding: 16px 27px;
    font-size: 15px;
  }*/

  .judge-result {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    padding-left: 3px;
    padding-right: 3px;
  }

  .drop-down-list {
    padding-left: 6px;
    padding-right: 6px;
    display: none;
  }

  .publish-button {
    width: 243px;
    padding: 15px 12px;
    font-size: 13px;
    line-height: 13px;
  }

  .dropdown-arrow {
    width: 10%;
    margin-right: 6px;
    padding-left: 4px;
    padding-right: 0;
  }

  .technique, .execution, .difficulty, .overall {
    width: 114px;
  }

  .final-result {
    margin-top: 9px;
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 21px;
  }

  .publish-button-2 {
    width: 243px;
    padding: 16px 27px;
    font-size: 15px;
  }

  .div-block-16 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .disapprove-button {
    width: 243px;
    padding: 16px 27px;
    font-size: 15px;
  }

  .announce-button {
    width: 243px;
    padding: 15px 27px;
    font-size: 13px;
    line-height: 13px;
  }

  .final-place {
    width: 25%;
    padding-left: 6px;
    padding-right: 6px;
  }

  .judge-final-result {
    width: 30%;
    padding-left: 4px;
    padding-right: 4px;
  }

  .judge-result-tie-break {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .judges-name {
    width: 88px;
  }

  .image-7 {
    margin-top: 7px;
  }

  .header-name {
    /*margin-top: 16px;*/
    margin-left: 12px;
    margin-right: 0;
    font-size: 13px;
    display: block;
  }
}

#w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-861cefe7, #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-932f15e8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-cf465bda-2989-1db9-6b79-4ad2501d28a8-6473db02 {
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 1fr;
}

#w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-755489e6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
}

#w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-755489e6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-755489e6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-e37c566c-7a7e-a3ec-2f54-12b2c6960c6e-755489e6, #w-node-d7a52bab-b495-4dc7-9cc1-67e63d502ee9-755489e6, #w-node-_65975507-978f-a489-59f5-596f77d905e9-755489e6, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c6f0-755489e6, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c715-755489e6, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c73a-755489e6, #w-node-ca907128-be1c-4af0-3449-ba8850523c79-755489e6, #w-node-ca907128-be1c-4af0-3449-ba8850523c9d-755489e6, #w-node-ca907128-be1c-4af0-3449-ba8850523cc1-755489e6, #w-node-_8751b156-0de3-a42b-1777-2dd356217e68-755489e6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_7d813af3-2217-830d-20cc-853c49f7a4d6-755489e6 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-38e776aa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
}

#w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-38e776aa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-38e776aa {
  grid-template-rows: auto;
  /*grid-template-columns: .75fr .75fr;*/
  grid-template-columns: 2fr 1fr 3fr;
}

#w-node-e37c566c-7a7e-a3ec-2f54-12b2c6960c6e-38e776aa, #w-node-d7a52bab-b495-4dc7-9cc1-67e63d502ee9-38e776aa, #w-node-_65975507-978f-a489-59f5-596f77d905e9-38e776aa, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c6f0-38e776aa, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c715-38e776aa, #w-node-_5a6aac27-fca9-0093-313f-833fc8b8c73a-38e776aa, #w-node-ca907128-be1c-4af0-3449-ba8850523c79-38e776aa, #w-node-ca907128-be1c-4af0-3449-ba8850523c9d-38e776aa, #w-node-_8751b156-0de3-a42b-1777-2dd356217e68-38e776aa, #w-node-_696d5f37-ddb2-1d53-efb5-fdab941d1494-38e776aa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_455de618-dc4b-4b5d-1911-440f2cb526d9-38e776aa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-99beb7e9 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-861cefe7, #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-932f15e8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-cf465bda-2989-1db9-6b79-4ad2501d28a8-6473db02 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.25fr 1.25fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.5fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: 1.25fr 1.25fr;
  }

  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-99beb7e9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-861cefe7 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-932f15e8, #w-node-cf465bda-2989-1db9-6b79-4ad2501d28a8-6473db02 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr;
  }

  #w-node-_7d813af3-2217-830d-20cc-853c49f7a4d6-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr;
  }

  #w-node-_455de618-dc4b-4b5d-1911-440f2cb526d9-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: .5fr 1fr;
  }

  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-99beb7e9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-861cefe7, #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-932f15e8, #w-node-cf465bda-2989-1db9-6b79-4ad2501d28a8-6473db02 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr .5fr .5fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr;
  }

  #w-node-_7d813af3-2217-830d-20cc-853c49f7a4d6-755489e6 {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295bb-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr .5fr .5fr 1fr;
  }

  #w-node-_3b32867a-de79-4d5f-10ab-d0663b4295df-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  #w-node-_9db2a870-6351-e6bf-fd16-c354c3873af0-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: .5fr .75fr;
  }

  #w-node-_455de618-dc4b-4b5d-1911-440f2cb526d9-38e776aa {
    grid-template-rows: auto;
    grid-template-columns: .5fr;
  }

  #w-node-_1f96f684-5950-251a-d9cc-3154462f9db9-99beb7e9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

/*custom CSS*/
.drop-down-list-new {
  display: none;
  background-color: #f3f3f3;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 0 23px;
  display: none;
}
.drop-down-list-new.active {
  display: block;
}
/**CSS FOR POPUP MODEL**/
.pmodal .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.pmodal .modal {
  background-color: white;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  width: 80%;
  max-width: 500px;
  padding: 30px 2%;
}
.pmodal .modal .mbody{
  padding-right: 2%; 
  padding-left: 2%; 
}
.pmodal .closeButton {
  position: absolute;
  top: 10px;
  right: 10px;
  background: transparent;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
.pmodal .p-close-button {
  padding: 5px 39px;
  border-radius: 7px;
  margin: 10px;
}
.pmodal button.p_right{
  float: right;
}
.pmodal button.p_left{
  float: left;
}
.pmodal .align_center{
  text-align: center;
}
.pmodal .comment_sec{
  margin-top: 25px;
  margin-bottom: 35px;
}
.pmodal form textarea{
  width: 100%;
  height: 80px;
}
.performance-list-text a{
  color: #3969f8;
}
.division-card.inactive{
  background-image: linear-gradient(#0000002e, #0000002e);
}
.performance-table-row.locked{
  background-color: #80b599!important;
}
.button-2.not-allowed{
  background-color: #9c9c9c;
  cursor: not-allowed;
}

.performance-table-row {
  padding-left:20px !important;
}

.red-text{
  color: #cc2629;
}

.image-6 {
  /*transition: transform 0.3s ease-in; */ /* Smooth transition for rotation */
  transform-origin: center; /* Rotate around the center of the image */
}

.image-6.flipped {
  transform: rotate(180deg); /* Rotate clockwise by 180 degrees */
}

.performance-table-row-performance {
  display: grid;
  grid-template-columns: 5% 50% 20% 5% 10% 15%;
  /*grid-template-columns: 5% 55% 20% 5% 5%;*/
  column-gap: 10px;
  font-size: 16px;
  line-height: 1.45;
  padding: 10px;
  border-radius: 200px;
}
.performance-table-row-performance.locked{
  background-color: #80b599!important;
}

.judge-result-list {
  padding: 6px 10px !important;
}

.dropdown-list {
  background-color: #fff !important;
  border-radius: 4px;
  box-shadow: 0 2px 5px #0003;
}
.header-name{
  text-transform: capitalize;
}

.form-block {
  height: fit-content !important;
}

.container {
  margin-top: 19px !important;
}

.performance-table-row-performance-admin {
  display: grid;
  grid-template-columns:5% 38% 10% 25% 5% 5% 8%;
  /*
  grid-template-columns: 5% 38% 10% 28% 5% 5% 5%;
  grid-template-columns: 5% 50% 20% 5% 10% 15%;
  grid-template-columns: 5% 55% 20% 5% 5%;
  */
  column-gap: 10px;
  font-size: 16px;
  line-height: 1.45;
  padding: 10px;
  border-radius: 12px !important;
}

.performance-table-row-performance-admin.locked{
  background-color: #80b599!important;
}

@media screen and (max-width: 767px) {
  .form-block {
      top: 0 !important;
  }
  .performance-table-row-performance {
    display: block;
    border-radius: 25px;
  }
  .performance-table-header{
    display: none;
  }
  .performance-table-row-performance .item-1, .performance-table-row-performance .item-5{
    margin-left: 0px !important;
  }

  .list-header > *:not(.action-buttons) {
    display: none;
  }

  .performance-table-row-performance-admin {
    display: grid;
    grid-template-columns: 9% 68% 23% !important; /* First column for Entry, second for everything else */
    grid-template-rows: auto;
    font-size: 14px;
    /*row-gap: 8px;*/
  }

  /* Keep Entry (item-1) in the first column */
  .item-1 {
    grid-column: 1 / span 1  !important;
    grid-row: 1 !important; /* Ensure it stays on the first row */
  }

  /* Move everything else to the second column */
  .item-2, .item-4, .item-5 {
    grid-column: 2 / span 1 !important;
  }

  .item-3, .item-6, .item-7 {
    grid-column: 3 / span 1 !important;
  }
  .item-6 {
    grid-row: 2 !important; /* Ensure it stays on the first row */
  }

  /* Move Routine, Playlist, and Style under item-2 */  /* Add spacing between moved elements */
  .item-4, .item-5, .item-6 {
    margin-top: 5px !important;
  }
  .program-text {
    display: block; /* Forces the program onto a new line */
    margin-top: 5px; /* Optional: adds spacing */
  }
  .separator {
    display: none; /* Hides the | separator in mobile view */
  }

  .approve-button {
    border-radius: 10px !important;
    padding: 9px 15px !important;
    font-size: 13px;
  }
  .list-header{
    justify-content: center !important;
  }

  .disapprove-button {
    border-radius: 10px !important;
    /*padding: 16px 27px;*/
    width: 162px;
    font-size: 13px;
}
}

.view-all-drop-down{
  padding-left: 20px;
  padding-right: 20px;
}
.label-form button{
  margin-top: 20px;
}
#edit-performance form{
  display: block;
}
.adminUsers .table-container table tr td{
	max-width: 190px;
	word-wrap: break-word;
}

/* Add Edit Performance Form */
.add-edit-performance form .top-row{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 10px;
}
.add-edit-performance form input, .add-edit-performance form select{
  width: 89%;
  padding: 10px;
  margin: 5px 0;
  box-sizing: border-box;
  border: 1px solid gray;
  height: 37px;
}
.add-edit-performance form textarea{
  width: 100%;
}
.add-edit-performance button{
  margin-top: 20px;
}


/* Flex container for radio buttons and scoring flow */
.radio-scoring-container {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  flex-direction: row;
}

/* Flex container for the radio buttons */
.radio-buttons-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}

/* Styling for ranking/scoring flow section */
.scoring-flow-container {
  flex: 1;
  padding-left: 20px;
  height: 180px;
}

.scoring-flow-label {
  font-weight: bold;
  margin-bottom: 10px;
  display: block;
}

/* Line height for ranking/scoring flow text */
.scoring-flow-text {
  line-height: 1.8;
}

.radio-label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-left:10px;
  font-weight: normal;
}

/* Media Queries for Mobile View */
@media (max-width: 768px) {
  .radio-scoring-container {
    flex-direction: column; /* Stack radio buttons and scoring flow vertically */
  }

  .scoring-flow-container {
    margin-top: 20px; /* Gap between radio buttons and scoring flow */
    }
}