.EnhancedDecisionList {
  overflow-y: scroll;
  width: auto;
  min-width: -webkit-fill-available;
  -webkit-overflow-scrolling: touch;
  .Title {
    font-size: 16px;
    font-family: "Regular";
    line-height: 19.2px;
    margin: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .DecisionListItems {
    .GroupDescription {
      font-size: 14px;
      font-family: "Medium";
      padding: 16px 16px 16px 16px;  
      word-break: break-word;   
        @media @phone {
            padding: 8px 8px 8px 8px;
          }
    }
    .GroupDescriptionText {
      display: inline;
    }
    .GroupDetailText {
      display: inline;
      font-size: 12px;
      font-family: "Medium";
      padding-left: 8px;
      word-break: break-word;
    }
    .GroupAdditionalInfoText {
      font-size: 11px;
      font-family: "Regular";
      padding-top: 8px;
    }
    .GroupAdditionalInfoText > ul
    {
      padding-left: 16px;
      margin-top: 0px;
      margin-bottom: 0px;
      word-break: break-word;
    }
    .ResultHeader {
      margin-top: 12px;
      font-size: 13px;
      font-family: "Medium";
      margin-right: 16px;
      margin-left: 16px;
      display: flex;
      align-items: center;
      img{
        width: 16px;
        height: 16px;
        margin-right: 8px;
        min-width: 16px;
        min-height: 16px;
      }
      span {
        margin-top: 2px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
      }
    }
    .ResultItems {
      margin-right: 16px;
      margin-left: 16px;
      .ResultItem {
        display: flex;
        align-items: center;
        margin-bottom: 16px;
        .DetailArea {
          display: flex;
          min-width: 75%;
          align-items: center;
          @media @phone {
            min-width: 85%;
          }
          .Description {
            font-size: 13px;
            font-family: "Regular";
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            margin-right: 16px;
            line-height: 36px;
            min-width: 20%;
            @media @phone {
              min-width: 25%;
            }
          }
          .DetailText{
            margin-right: 8px;
            font-size: 12px;
            font-family: "Medium";
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
          }
          img{
            width: 20px;
            height: 20px;
            margin-right: 8px;
            min-width: 20px;
            min-height: 20px;
          }
        }
        .ButtonArea{
          margin-left: auto;
          max-width: 25%;
          min-width: auto;
          .DetailButton{
            display: flex;
            align-items: center;
            border-radius: 30px;
            border: 2px solid;
            max-height: 28px;
            min-height: 28px;
            font-size: 12px;
            font-family: "Regular";
            padding: 0px 10px 0px 10px;
            @media @phone {
              width: 28px;
              padding: 0px;
            }
            img{
              width: 16px;
              height: 16px;
              @media @phone {
                margin: auto;
              }
            }
            .ButtonText {
              text-overflow: ellipsis;
              overflow: hidden;
              white-space: nowrap;
              min-width: 100%;
            }
          }
        }
        &:first-child{
          margin-top: 12px;
        } 
      }
    }
    .DecisionItems {
      .DecisionItem {
        font-size: 15px;
        font-family: "Regular";
        padding: 12px 16px 12px 16px;
        border-bottom: 1px solid;
        white-space: nowrap;
        display: flex;
        align-items: center;
        img{
          width:12px;
          height: 12px;
          margin-right: 8px;
        }
        &:last-child{
          border: none;
        }
        .operationImg {
          width:12px;
          height: 16px;
          margin-right: 8px;
          border: none !important;
        }
        .DescriptionText {          
          min-width: 50%;       
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          vertical-align: middle; 
         }
        .DeviationText {
          min-width: 20%;
          max-width: 50%;
          font-size: 13px;
          padding-left: 16px;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          vertical-align: middle;
          margin-left: auto;
          text-align: right;
         }
         div.DeviationText:empty {
          display:none;
        }
        div.operationImg:empty {
          min-width: 12px;
        }
      }
    }
  }
}