.application-status {
  padding-top: 70px;
  margin-bottom: 0;
}

:is(.application-status.admissions-checklist,.application-status.upload-materials,.application-status.recent-activities,.application-status.forms) h3 {
      background-color: var(--color-red);
      color: var(--color-white);
      padding: 15px 30px;
      position: relative;
      font-weight: 300;
      font-size: 1.375rem;
      margin-bottom: 30px;
    }

:is(:is(.application-status.admissions-checklist,.application-status.upload-materials,.application-status.recent-activities,.application-status.forms) h3)::after {
        content: "";
        width: 100%;
        height: 5px;
        background-color: var(--color-red);
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
      }

.application-status.middle-section {
    padding-top: 0;
    margin-top: 0;
  }

.application-status .heading {
    display: flex;
    gap: 43px;
  }

:is(.application-status .heading) h2 {
      margin-top: 14px;
    }

.application-status .progress-bar {
    width: 368px;
  }

:is(.application-status .progress-bar) p {
      text-align: right;
      font-size: 0.9375rem;
      font-weight: bold;
    }

:is(.application-status .progress-bar) .bar {
      position: relative;
      height: 31px;
      background-color: var(--color-light-tan);
    }

:is(.application-status .progress-bar) .progress {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      background-color: var(--color-tan);
      background: repeating-linear-gradient(
        45deg,
        var(--color-tan),
        var(--color-tan) 10px,
        var(--color-tan-50) 10px,
        var(--color-tan-50) 20px
      );
    }

.application-status .data-list {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    margin-bottom: 20px;
  }

:is(.application-status .data-list) li {
      display: flex;
      gap: 0.5rem;
      font-size: 1.375rem;
      line-height: 1.55;
    }

:is(.application-status .data-list) .bold {
      font-weight: bold;
    }

.application-status .overview {
    margin: 43px 0;
  }

.application-status.admissions-checklist {
    padding-top: 20px;
    margin-top: 0;
  }

.application-status.admissions-checklist img[src$="cancel.png"] {
      width: 13px;
      height: 13px;
      content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Group_16%22%20data-name%3D%22Group%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212.5%22%20height%3D%2212.5%22%20viewBox%3D%220%200%2012.5%2012.5%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle_8%22%20data-name%3D%22Rectangle%208%22%20width%3D%2212.5%22%20height%3D%2212.5%22%20fill%3D%22%23ba0c2f%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Group_3%22%20data-name%3D%22Group%203%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22Path_29%22%20data-name%3D%22Path%2029%22%20d%3D%22M6.246%2C8.44%2C2.658%2C12.028A1.546%2C1.546%2C0%2C0%2C1%2C.464%2C9.85l3.6-3.6L.464%2C2.658A1.551%2C1.551%2C0%2C0%2C1%2C2.658.464l3.588%2C3.6%2C3.6-3.6a1.546%2C1.546%2C0%2C0%2C1%2C2.178%2C2.194L8.44%2C6.246l3.588%2C3.6A1.54%2C1.54%2C0%2C0%2C1%2C9.85%2C12.028Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23ba0c2f%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
    }

.application-status.admissions-checklist img[src$="ok.png"] {
      content: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2212.5%22%20height%3D%2213.071%22%20viewBox%3D%220%200%2012.5%2013.071%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22Rectangle_9%22%20data-name%3D%22Rectangle%209%22%20width%3D%2212.5%22%20height%3D%2213.071%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23375060%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22Group_8%22%20data-name%3D%22Group%208%22%20transform%3D%22translate%280%200%29%22%3E%0A%20%20%20%20%3Cg%20id%3D%22Group_5%22%20data-name%3D%22Group%205%22%20transform%3D%22translate%280%200%29%22%20clip-path%3D%22url%28%23clip-path%29%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Path_30%22%20data-name%3D%22Path%2030%22%20d%3D%22M11.942.174A1.172%2C1.172%2C0%2C0%2C0%2C10.33.558L4.775%2C9.585%2C1.9%2C7.288A1.172%2C1.172%2C0%2C0%2C0%2C.44%2C9.118l4.942%2C3.953L12.326%2C1.786A1.172%2C1.172%2C0%2C0%2C0%2C11.942.174%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23375060%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A');
    }

.application-status.admissions-checklist img[src$="waived.png"] {
      content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"></svg>');
    }

.application-status.admissions-checklist table {
      table-layout: auto;
    }

.application-status.admissions-checklist tr.column > th {
      padding-bottom: 30px;
      text-transform: uppercase;
      font-weight: 700 !important;
      font-size: 1.125rem;
      letter-spacing: 0.07em;
      background-color: var(--color-white);
      border-bottom: 2px solid var(--color-dark) !important;
    }

:is(.application-status.admissions-checklist tr.column > th):first-child {
        padding-left: 45px;
      }

:is(.application-status.admissions-checklist tr) th:first-child,:is(.application-status.admissions-checklist tr) td:nth-child(2) {
        padding-right: 40px;
      }

:is(.application-status.admissions-checklist tr) td:nth-child(2) {
        padding-left: 20px;
      }

:is(.application-status.admissions-checklist tr) td:nth-child(4),:is(.application-status.admissions-checklist tr) th:last-child {
        padding-right: 20px;
      }

.application-status.admissions-checklist td {
      font-size: 1.375rem;
      font-weight: 300;
      padding-top: 15px;
      padding-bottom: 15px;
      border-bottom: 0;
    }

:is(:is(.application-status.admissions-checklist tbody) tr:first-child) td {
          padding-top: 30px;
        }

.application-status.admissions-checklist p {
      margin: 40px 0 60px;
    }

.application-status.upload-materials {
    margin-top: 0;
    padding-top: 0;
  }

.application-status.upload-materials ul {
      list-style-type: none;
      margin-top: 35px;
      margin-left: 35px;
      margin-bottom: 50px;
    }

.application-status.upload-materials li {
      margin-left: 0;
      margin-bottom: 15px;
      font-size: 1.25rem;
      font-weight: 300;
    }

.application-status.upload-materials span a {
      color: var(--color-red);
    }

.application-status.upload-materials form {
      display: flex;
      flex-wrap: wrap;
      gap: 15px;
    }

:is(.application-status.upload-materials form) select {
        border-color: var(--color-dark);
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.778%22%20height%3D%226.096%22%20viewBox%3D%220%200%2010.778%206.096%22%3E%20%3Cpath%20id%3D%22Path_67%22%20data-name%3D%22Path%2067%22%20d%3D%22M2999.458%2C1269.762l5.035%2C5.035%2C5.035-5.035%22%20transform%3D%22translate%28-2999.105%20-1269.408%29%22%20fill%3D%22none%22%20stroke%3D%22%2307272D%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fsvg%3E');
        background-repeat: no-repeat;
        background-position: right 10px center;
        background-size: 10px 5px;
        font-size: 0.875rem;
        font-weight: 300;
        padding-left: 10px;
        height: 43px;
        width: 230px;
      }

:is(:is(.application-status.upload-materials form) select):focus-visible {
          outline: none;
          border-color: var(--color-red);
        }

:is(.application-status.upload-materials form) input[type="file"] {
        font-size: 1.125rem;
        font-weight: 300;
        margin-left: 0px !important;
      }

:is(:is(.application-status.upload-materials form) input[type="file"])::file-selector-button {
          background-color: var(--color-red);
          border: 0;
          font-family: var(--font-heading);
          font-weight: bold;
          height: 43px;
          color: var(--color-white);
          padding: 0 40px;
          font-size: 0.9375rem;
          margin-right: 10px;
          border-radius: 0;
        }

:is(:is(:is(.application-status.upload-materials form) input[type="file"])::file-selector-button):hover,:is(:is(:is(.application-status.upload-materials form) input[type="file"])::file-selector-button):active {
            background-color: var(--color-tan) !important;
            color: var(--color-dark) !important;
          }

:is(.application-status.upload-materials form) button {
        background-color: var(--color-red) !important;
        margin-left: 0 !important;
      }

:is(:is(.application-status.upload-materials form) button):hover,:is(:is(.application-status.upload-materials form) button):active {
          background-color: var(--color-tan) !important;
          color: var(--color-dark) !important;
        }

.application-status.forms {
    margin-top: 0;
    padding-top: 30px;
    margin-bottom: 65px;
  }

.application-status.forms td {
      border-bottom: 0 !important;
    }

:is(.application-status.forms td) a,:is(.application-status.forms td) span {
        color: var(--color-red);
        font-size: 1.375rem;
      }

:is(.application-status.forms td) span {
        font-weight: 300;
      }

.application-status.forms td:first-child {
      padding-left: 35px !important;
    }

.application-status.forms td:last-child {
      padding-left: 60px !important;
    }

.application-status.recent-activities {
    margin-top: 0;
    padding-top: 0;
  }

.application-status.recent-activities table {
      table-layout: auto;
    }

.application-status.recent-activities tr {
      display: flex;
    }

.application-status.recent-activities th {
      border-bottom: 2px solid var(--color-dark);
      background-color: white;
      text-transform: uppercase;
      padding-bottom: 20px;
      font-size: 1.125rem;
      letter-spacing: 0.07em;
    }

.application-status.recent-activities td {
      border-bottom: 0;
      padding: 10px 0;
      font-weight: 300;
    }

:is(.application-status.recent-activities td) div {
        color: var(--color-dark) !important;
        margin-top: 5px !important;
      }

.application-status.recent-activities tbody tr:first-child td {
      padding-top: 30px;
    }

.application-status.recent-activities td:first-child,.application-status.recent-activities th:first-child {
      width: 200px;
      padding-left: 35px;
    }

.application-status.recent-activities td:last-child,.application-status.recent-activities th:last-child {
      width: calc(100% - 200px);
    }

.application-status.status-row {
    display: flex;
    gap: 100px;
    margin-bottom: 40px;
  }

.application-status.status-box  > div {
      background-color: var(--color-gray-50) !important;
      padding: 35px;
      display: flex;
      flex-direction: column;
      gap: 0px;
    }

.application-status.status-box h3,.application-status.status-box p {
      font-size: 1.375rem;
      margin-bottom: 10px;
      margin-top: 0;
    }

:is(.application-status.status-box h3,.application-status.status-box p):last-child {
        margin-bottom: 0;
      }

.application-status.status-box p {
      font-weight: 300;
    }

.application-status.status-box a {
      color: var(--color-red);
      font-size: 1.25rem;
    }

@media screen and (max-width: 1000px) {
    .application-status .progress-bar {
      width: 268px;
    }

    .application-status .status-row {
      flex-direction: column;
      gap: 20px;
    }
  }

@media screen and (max-width: 800px) {
    .application-status .progress-bar {
      width: 100%;
    }

    .application-status .heading {
      flex-direction: column;
      gap: 0;
    }

      :is(.application-status .heading) h2 {
        margin-top: 0;
        margin-bottom: 20px;
      }

    .application-status .data-list {
      margin-top: 30px;
    }
  }

@media screen and (max-width: 600px) {
      :is(.application-status .data-list) li {
        font-size: 1rem;
      }
    
    .application-status .application-selector select {
      font-size: 0.7rem;
    }
      .application-status.admissions-checklist table {
        overflow-y: scroll;
      }

      .application-status.admissions-checklist tr.column > th {
        font-size: 1rem;
        padding-bottom: 10px;
      }
        :is(.application-status.admissions-checklist tr) th:first-child,:is(.application-status.admissions-checklist tr) td:nth-child(2) {
          padding-right: 20px;
        }
  
        :is(.application-status.admissions-checklist tr) td:nth-child(2) {
          padding-left: 10px;
        }
  
        :is(.application-status.admissions-checklist tr) td:nth-child(4),:is(.application-status.admissions-checklist tr) th:last-child {
          padding-right: 10px;
        }

      .application-status.admissions-checklist td {
        font-size: 1rem;
      }

      .application-status.admissions-checklist p {
        margin: 20px 0 40px;
      }
      .application-status.forms td:first-child {
        padding-left: 20px !important;
      }
  
      .application-status.forms td:last-child {
        padding-left: 20px !important;
      }
      .application-status.recent-activities th {
        font-size: 1rem;
      }
  
      .application-status.recent-activities td {
        font-size: 1rem;
      }
  
      .application-status.recent-activities td:first-child,.application-status.recent-activities th:first-child {
        width: 150px;
      }
  
      .application-status.recent-activities td:last-child,.application-status.recent-activities th:last-child {
        width: calc(100% - 150px);
      }

    .application-status .overview,.application-status.admissions-checklist p,.application-status.upload-materials p,.application-status.upload-materials li,.application-status.upload-materials form input[type="file"] {
      font-size: 1rem;
    }
  }

@media screen and (max-width: 450px) {
      .application-status.admissions-checklist table {
        overflow-y: scroll;
      }

      .application-status.admissions-checklist tr.column > th {
        font-size: 0.8rem;
        padding-bottom: 10px;
      }
        :is(.application-status.admissions-checklist tr) th:first-child,:is(.application-status.admissions-checklist tr) td:nth-child(2) {
          padding-right: 10px;
        }

      .application-status.admissions-checklist td {
        font-size: 0.8rem;
      }

    .application-status .overview {
      margin: 23px 0;
    }
      .application-status.upload-materials ul {
        margin-left: 15px;
      }

      .application-status.upload-materials li {
        text-wrap: balance;
      }

      .application-status.upload-materials form {
        margin-left: 15px;
      }
  }

.application-selector {
  height: 32px;
  margin: 0 auto;
}

.application-selector select {
    border-radius: 0;
    width: 100%;
    height: 32px;
    border-color: var(--color-dark);
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.778%22%20height%3D%226.096%22%20viewBox%3D%220%200%2010.778%206.096%22%3E%20%3Cpath%20id%3D%22Path_67%22%20data-name%3D%22Path%2067%22%20d%3D%22M2999.458%2C1269.762l5.035%2C5.035%2C5.035-5.035%22%20transform%3D%22translate%28-2999.105%20-1269.408%29%22%20fill%3D%22none%22%20stroke%3D%22%2307272D%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px 5px;
    font-size: 0.875rem;
    font-weight: 300;
    padding-left: 10px;
  }

:is(.application-selector select):focus-visible {
      outline: none;
      border-color: var(--color-red);
    }