.page-wrapper {
  .competition-item-edit {
    margin: 0 auto;

    &-fill-info {
      width: 100%;
      height: 70px;
      border: solid 1px var(--Stroke);
      background-color: #fff;
      margin-bottom: 24px;

      &__wrapper {
        height: 100%;

        .competition-item-edit-fill-info__content {
          justify-content: space-between;
          max-width: 1330px;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          margin: 0 auto;
          height: 100%;

          .competition-item-edit-info {
            &__name {
              display: flex;
              flex-direction: column;
              align-items: center;
              justify-content: flex-start;
              font-size: 24px;
              font-weight: bold;

              @media (max-width: 1140px) {
                padding-left: 10px;
              }

              .text-top {
                display: table;
                color: var(--Main2);
              }

              .text-bottom {
                font-size: 12px;
                align-self: start;
              }
            }
          }

          .competition-item-edit-button-group {
            .competition-item-edit-status-info {
              font-size: 20px;
              font-weight: bold;
              color: rgb(192, 158, 119);
            }
          }
        }
      }
    }
  }

  .main-section {
    .side-menu {
      .admin-nav {

        @media(max-width:1060px) {
          display: none;
        }

        @media(max-width:640px) {
          display: none;
          border-top: 1px solid var(--Stroke);
          border-bottom: 1px solid var(--Stroke);
        }

        &__item {
          @media(max-width:1060px) {
            opacity: 1;
          }
        }

        &--hidden {
          display: none;
          position: absolute;
          z-index: 99;

          @media(max-width:1060px) {
            max-width: unset;
            width: calc(~"100% - 22px");
          }

          .admin-nav {
            display: block;

            &__item {
              width: 100%;
              max-width: unset;
              justify-content: center;
            }
          }
        }
      }
    }

    .main-content {
      min-width: 320px;
      width: 100%;

      @media(max-width:1060px) {
        margin: 0 auto;
        width: 100%;
      }


      .admin-sub-header {
        display: flex;
        align-items: center;
        background: #fff;
        border-top: 1px solid var(--Stroke);
        border-left: 1px solid var(--Stroke);
        border-right: 1px solid var(--Stroke);
        border-radius: 4px 4px 0 0;
        height: 62px;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: 24px;
        font-weight: bold;
        padding: 10px 24px;

        @media(max-width:1060px) {
          margin: 0 auto;
        }

        @media(max-width:640px) {
          width: 100%;
          margin: 0;
          text-align: center;
          display: flex;
          padding-left: 10px;
        }

        .header {
          a {
            color: var(--Main1);
          }
        }
      }

      #navMenu {
        display: none;
      }

      .navMenu {
        &_icon {
          display: none;

          svg {
            width: 21px;
            height: 21px;
            display: none;

            @media(max-width:1060px) {
              display: unset;
              position: relative;
              top: 2px;
            }

            @media(max-width:640px) {
              width: 21px;
              height: 21px;
              position: relative;
              top: 5px;
              margin-left: 0;
            }
          }

          @media(max-width:1060px) {
            display: unset;
          }
        }
      }
    }
  }

  .admin-layout {
    background-color: var(--Bg1);
  }
}