@include export-module('cc-delivery-planning-overview-popup-layout') {
  .co-delivery-planning-overview-popup {

    .popup-row {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 5px;
      justify-content: start;
      padding-bottom: 10px;



      co-editable-label {
        display: flex;
        flex: 1;
        max-width: 250px;
      }
    }

    .form-details{
      display: flex;
      flex-direction: column;
      gap: 0.5em;
      .h1 {
        font-size: 14px;
        font-weight: 600;
        padding: 5px 0 10px 0;
      }
    }

    .buttons-wrapper{
      display: flex;
      flex-direction: row;
      gap: 0.5em;
      align-items: center;
      justify-content: center;
    }

    .dialog-header-wrapper{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      .icon {
        padding-right: 30px;
      }
    }
    .co-dialog {
      .co-dialog-wrapper {
        max-width: 460px;
      }
      .footer-header-title {
        font-weight: 700;
        font-size: 16px;
      }
      .dialog-header-wrapper {
        .co-icon {
          width: 40px;
          height: 40px;
          path {
            &.fa-secondary {
              fill: #000;
              opacity: .2;
            }
            &.fa-primary {
              fill: #1A73E8;
            }
          }
        }
      }
      .remark-wrapper {
        padding-bottom: 10px;
        span {
          font-size: 14px;
          font-weight: 600;
          padding: 10px 0;
          display: block;
        }
      }
      .co-delivery-planning-tile-status {
        margin: 10px 0;
      }
    }
  }
}
