
#awn-popup-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  

  .awn-popup-body {
    background: #fff;
    box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    font-size: 14px;
    // max-width: 833px;
    max-width: max-content;
    // min-width: 500px;
    // min-height: 531px;
    // max-height: fit-content;
    // height: 80vh;
    padding: 24px;
    position: relative;
    word-break: break-word;

    &>div{
      height: 100%;

      .awn-form{

        .awn-popup-search{
          height: 100%;
        }
        .table-box{
          padding: 0 10px;
          width: calc(100% - 20px);
        }
      }
    }

    .awn-popup-confirm.custom-popup {
      height: 500px;
      min-width: 500px;
      // overflow-y: auto;
      // overflow-x: hidden;
      overflow: hidden;
      &.free-height{
        height: auto;
      }
      // &.free-width{
      //   width: auto;
      // }

      .awn-popup-title {
        font-size: 20px;
        margin-bottom: 10px;

        i {
          font-size: 20px;
        }
      }

      .awn-popup-search {
        

        .s_exp {
          margin: 0 0 10px 0;
          color: #1F2859;
        }

        .s_fld {
          display: flex;
          justify-content: flex-end;
          gap: 6px;
          align-items: center;
          height: 32px;
          margin-bottom: 10px;

          select, input {
            box-sizing: border-box;
            height: 100%;
            padding: 0 10px;
            border-radius: 3px;
            border: 1px solid #D9D9D9;
          }


        }
      }

      .title-container{
        justify-content: space-between;
      }
      .awn-popup-content {
        max-height: 430px;
        height: 100%;
        padding: 0 10px;
        overflow: auto;

        .tabulator.hy-table{
          height: 85%;;
        }
      }
      .form-contents{
        height: 90% !important;
        overflow: auto;
      
        .form-box{
          height: fit-content;
          overflow: visible;
        }
      }

      form[name=frmPartner]{
        .form-contents{
          height: 87% !important;
        }
      }
    }
  }
}

#awn-popup-wrapper .awn-popup-body.awn-popup-confirm{
  height: auto;
}

.scale-controler{
  div{
    width: 50px;
    height: 50px;

    border-radius: 50px;
    font-size: large;
  }
}

.no-background{
  background: transparent;
  width: 0;
  height: 0;
  left: 50% !important;
  top: 50% !important;

  .awn-popup-body{
    min-width: 600px !important;
  }
}

// 생산오더 복사
#popup_order_copy{
  .custom-popup{
    height: fit-content !important;

    form{
      height: fit-content;

      .form-content{
        height: fit-content;

        .form-box{
          width: 100%;
        }
      }
    }
  }
  .width-50-g10{
    width: calc(50% - 10px);

    input{
      width: 100%;
      height: 30px;
      box-sizing: border-box;
      padding: 7px 14px;
    }
  }
  textarea{
    width: 100%;
    height: 50px;
    resize: none;
    box-sizing: border-box;
  }

  .submit-btn{
    width: 100%;
    box-sizing: border-box;
  }
}

// 품목 코드 복사
#popup_item_copy{
  
  .awn-popup-confirm.custom-popup{
    height: fit-content !important;

    input{
      height: 30px;
      border: solid 1px #c7c7c7;
      box-sizing: border-box;
    }
    .submit-btn{
      width: 100%;
      box-sizing: border-box;
    }
  }
}



    // form{
    //   .add-btn, .remove-btn{
    //     padding: 7px 12px;
    //     cursor: pointer;
    //   }
    //   .title-container{
    //     align-items: center;
    //     justify-content: space-between;
    //     padding-bottom: 10px;
    //     border-bottom: 1px solid;

    //     .awn-popup-title{
    //       margin: 0;
    //     }
    //     .button-box{
    //       justify-content: flex-end;

    //       button{
    //         margin-right: 20px;
    //       }
    //     }
    //   }
    //   .form-contents{
    //     padding-top: 20px;
        
    //     .form-box{
    //       padding-bottom: 20px;
    //       border-bottom: solid 1px;

    //       .input-container{
    //         width: 100%;

    //         .input-box{
    //           width: 100%;

    //           label, .input-title{
    //             display: inline-block;
    //             width: 100px;
    //             margin: 0;

    //           }
    //           .check-label{
    //             display: inline-flex;
    //             width: 100px;
    //             align-items: center;

    //             label{
    //               width: auto;
    //             }
    //           }
    //           input[type="text"], select{
    //             box-sizing: border-box;
    //             height: 30px;
    //             width: calc(100% - 120px);
    //             padding: 0px 10px;
    //           }
    //         }
    //       }
    //     }
    //   }

    //   .table-box{
    //     width: 98%;
    //   }

    //   .btnFindAddr{
    //     height: 98%;
    //     border-radius: 5px;
    //     border: solid 2px #f38814;
    //     background-color: #f38814;
    //     color: white;
        
    //     &:hover{
    //       background: white;
    //       color: #f38814;
    //     }
    //   }
    // }
//   }
// }


// 현장 팝업
#popup_field{
  form{
    .form-contents{
      .info-container{

        .form-box{
          width: 100%;
          padding: 10px 0px;

          .input-container{
            flex-wrap: nowrap;
            .input-box{
              padding: 0px 10px;
  
              label{
                text-align: start;
                text-wrap: nowrap;
                min-width: 147px;
              }
              input{
                width: 100%;
              }

              &.width-half{
                width: 40%;

                label{
                  width: 100%;
                  padding: 0;
                  min-width: 70px;
                }
                input{
                  min-width: auto;
                }
              }
            }
          }

          .formdata{

          }
          .tabledata{
            #isInsp{
              position: relative;
              margin-top: 10px;
              padding: 0px 20px;
              width: calc(100% - 40px);

              .button-box{
                display: flex;
                justify-content: flex-end;
                width: 100%;
              }
            }
            .tab-menu{
              width: 100%;
              height: 30px;
            }
            .table-box{
              .table-title{
                margin-right: 20px;
              }

              .hy-table{
                &.height-30{
                  height: 30vh;
                }
                &.height-28{
                  height: 28vh;
                }
                &.height-25{
                  height: 25vh;
                }
                &.height-20{
                  height: 20vh;
                }
                &.height-18{
                  height: 18vh;
                }
                &.height-13{
                  height: 13vh;
                }
                &.height-125{
                  height: 125px;
                }
                &.height-260{
                  height: 260px;
                }
                &.width-half{
                  width: 97%;
                }
                &.width-full{
                  width: 100%;
                }
              }

              &.width-half{
                max-width: calc(50% - 10px);
              }
            }
          }

          &>.flex-1{
            max-width: 16%;
          }
          &>.flex-5{
            max-width: 84%;
          }
        }
      }
    }
  }
}

#popup_PW{
  .awn-popup-confirm{
    width: 100%;
    min-width: 0px !important;

    input{
      height: 30px;
      border: solid 1px #c7c7c7;
      box-sizing: border-box;
    }
    p{
      opacity: 0;
      display: block;
      height: 6px;
      margin: 0;
      color: crimson;
    }

    .nope{
      p{
        opacity: 1;
      }
    }
    .correct{
      p{
        opacity: 0;
      }
    }

    .submit-btn{
      width: 100%;
      box-sizing: border-box;
    }
  }
}


// #popup_file_upload{
//   width: 90vw;
//   height: 90vh;
// }
// 모달 닫기 버튼
.bi-x-circle-fill::before {
  font-size: 2em;
}

// 타블레이터 취소 포매터 아이콘
.bi-x-square::before {
  color: red;
}
.bi-x-square-fill::before {
  color: red;
}

.form-box{
  padding: 10px;
  background: #F6F6FC;
  box-sizing: border-box;
}