Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/old/vendor/extmag/shiplab/view/adminhtml/web/css/label/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

.page-main-actions {
  .page-actions-buttons {
    > div {
      z-index: 782;
    }
  }
}

.labels-tab-content {
  .show-details, .show-tracking {
    margin-top: 20px;
    margin-right: 20px;
    display: inline-block;

    .details-title, .tracking-title {
      font-size: 110%;
      font-weight: bold;
      margin-bottom: 20px;
      text-decoration: underline;
      cursor: pointer;
    }

    .details-data, .tracking-data {
      display: none;
    }

    &:first-child {
      margin-top: 0;
    }
  }

  .show-tracking-number {
    margin-bottom: 15px;

    .tracking-title {
      text-decoration: underline;
      display: inline;
    }
    .tracking-data {
      display: inline;
    }
  }

  > .items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: -20px -10px -20px -10px;

    > .item {
      max-width: ~"calc(50% - 20px)";
      min-width: 200px;
      margin: 20px 10px 20px 10px;

      .head {
        font-size: 100%;
        margin-bottom: 10px;
        display: flex;
        justify-content: flex-start;
        max-height: 45px;

        .title {
          padding-right: 10px;
          margin-right: 10px;
          border-right: 1px solid grey;
        }

        .print {
          margin-right: 10px;
          padding-right: 10px;
          border-right: 1px solid grey;

          &:last-child {
            border: 0;
          }

          .buttons {
            display: flex;

            > button, > a {
              margin-right: 10px;
            }
          }
        }
      }

      .label-img {
        display: block;

        img {
          width: 100%;
          max-width: 100%;
          outline: 1px solid grey;
        }
      }
    }
  }
}

.labels-show-details-data, .labels-show-tracking-data {
  > div {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0 -10px 20px -10px;

    .items {
      margin: 0 10px 0 10px;

      .content-title {
        font-size: 120%;
        font-weight: bold;
        margin-bottom: 15px;
        flex-basis: 100%;
      }

      .item {
        display: flex;

        .item-label {
          margin-right: 15px;
          font-weight: bold;

          &:after {
            content: ":";
          }
        }

        .item-data {
          .sub-items {
            margin-top: 12px;

            .sub-item {
              margin-right: 15px;
              margin-bottom: 15px;
              font-size: 90%;
            }
          }
        }
      }
    }
  }
}

.labels-show-tracking-data {
  > div {
    display: block;
    border-bottom: 1px solid lightgrey;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
}