/*-----------栽培の共通 Start-----------*/
#production-body
{
    margin:3px 0 0 0;
    width:100%;
    height:100%;
    background-color:#ffffff;
    overflow:hidden;
    padding:0;
}
/*Tien Van 2018/05/07 FFVN  Them↓*/
.tooltip
  {
      position:relative;
  }
.tooltiptext {
    visibility: hidden;
    width: 102px;
    height:20px;
    color: black;
    text-align: center;
    font-size:15px;
    padding: 5px 0;
    box-shadow: 0px 0px 4px #222;  
    background-image:url(../Content/images/tooltip.png);
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    margin-left:5px;
    right:0px;
    margin-top:25px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*Tien Van 2018/05/07 FFVN  Them ↑*/
.production-title
{
  margin: 0 0 0 2px;
  padding: 0 0 0 6px;
  color:#ffffff;
  font-weight:bolder;
  background-color:#74c046;  
  display:block;
}
.tabs
{
    width:100%;
    height: 100%;
    float:left;
    background-color:#ffffff;
    font-size:1em;
    width:100%;
}

ul.tabnavigation
{
    padding:0; 
    margin: 2px 0 1px 0px; 
    list-style:none;
}
    
ul.tabnavigation li 
{
    float:left; 
    margin:none;
}

ul.tabnavigation li a 
{
    display:block; 
    height:25px; 
    line-height:25px; 
    float:left; 
    background:#F4F4F4; 
    color:#555555; 
    text-decoration:none;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓*/
    width:90px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑*/
    text-align:center;
    margin:none;
    font-size:0.8em;
    outline:none;    
    border-bottom :  double 2px #AAAAAA;
    border-top :  solid 3px #FFFFFF;
    border-left:  solid 1px #FFFFFF;
    border-right :  solid 1px #FFFFFF;
}

ul.tabnavigation li span 
{
    display:block; 
    height:25px; 
    line-height:25px; 
    float:left; 
    background:#F4F4F4; 
    color:#555555;
    text-decoration:none;
    width:72px;
    text-align:center;
    margin:none;
    font-size:0.8em;
    outline:none;
    cursor:default;
    border-bottom :  double 2px #AAAAAA;
    border-top :  solid 3px #FFFFFF;
    border-left:  solid 1px #FFFFFF;
    border-right :  solid 1px #FFFFFF;
}

ul.tabnavigation li a:hover 
{
    background:#fcfcfc;
    text-align:center;
    color:#4d5658;
    outline:none;   
    border-bottom : double 2px #AAAAAA;
    border-top :  solid 3px #AAAAAA;
    border-left:  solid 1px #AAAAAA;
    border-right :  solid 1px #AAAAAA;
}

ul.tabnavigation li a.selected 
{
    background:#fcfcfc;
    text-align:center;
    color:#4d5658;
    outline:none; 
    border-bottom :  solid 2px #FFFFFF;
    border-top :  solid 3px #F79646;
    border-left:  solid 1px #AAAAAA;
    border-right :  solid 1px #AAAAAA;
}

ul.tabnavigation li span.selected 
{
    background:#fcfcfc;
    text-align:center;
    color:#4d5658;
    outline:none;
    cursor:default;
    border-bottom :  solid 2px #FFFFFF;
    border-top :  solid 3px #F79646;
    border-left:  solid 1px #AAAAAA;
    border-right :  solid 1px #AAAAAA;
}

.tab-contents
{
    float:left;
    width:100%;
    height:100%;
    display:block;
    overflow:hidden;
}

.text-area-height
{
    min-height:75px;
}



.production-infos-area
{
  float:left;
  position:relative;
  width:920px;
  background-color:#f2f2f2;
  font-size:0.75em;
  border:1px solid #aaaaaa;
   -webkit-border-radius:5px;
   -moz-border-radius: 5px;
    border-radius: 5px;  
}

.production-infos-line1
{
    min-height:25px;
    line-height:25px;
    width:800px;
}

.production-infos-line2
{
    min-height:18px;
    line-height:18px;
    width:910px;
}

.production-infos-line3
{
    min-height:18px;
    line-height:18px;
    width:910px;
}

.production-infos-label-block
{
    position:relative;
    float:left;
    line-height:18px;
    width:auto;
    margin: 0 10px 0 0;
}

.production-infos-label
{
    position:relative;
    float:left;
    height:18px;
    line-height:18px;
    width:auto;
    margin: 0 1px 0 5px;
    font-weight:bold;
}

.production-infos-label-value
{
    position:relative;
    float:left;
    line-height:18px;
    width:auto;
    margin: 0 5px 0 5px;
}

.production-infos-pro-sheet-autocomplete
{
    position:relative;
    float:left;
    line-height:18px;
    width:auto;
    margin: 0 5px 0 5px;
}

.production-infos-pro-sheet-autocomplete .ui-autocomplete-input  
{
    width: 150px;
}

.display-condition-area
{
   float:left;
   position:relative;
   /*Hung 2016/10/13  FFPR-00105(FFPR SAR明細非表示対応) 対応　修正 ↓*/
   /*width:940px;*/
   /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Edit↓*/
   /*width:1018px;*/
   /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 修正↓*/
   /*width:1170px;*/
   width:1245px;
   /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 修正↑*/
   /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Edit↑*/
   /*Hung 2016/10/13  FFPR-00105(FFPR SAR明細非表示対応) 対応　修正 ↑*/
   font-size:0.8em;
}

.add-button-area
{
   float:left;
   position:relative;
   width:100px;
   height:72px;
}

.add-button-area input
{
   position:relative;
   float:left;
   left:1px;
   top:38px;
   color:#658eb3;
   margin:0 10px 0 0;
}

.display-condition-area-infos
{
  
   width:740px;
   font-size: 12px;
   float:left;
   height:60px;
   border:1px solid #b3b3b3;
   margin:6px 0 0 0;
}

.display-condition-area-title
{
  height:16px;
  line-height:16px;
  color:#ffffff;
  font-weight:bolder;
  background: #b3b3b3;
  font-size:14px;
}

.input-block
{
   position:relative;
   float:left;
   /*ManNguyen 2017/12/01 FFVN Production Sua ↓*/
   margin:0 2px 0 0;
   /*ManNguyen 2017/12/01 FFVN Production Sua ↑*/
}

.input-block-checkbox
{
   position:relative;
   float:left;
   margin:0 2px 0 8px;
}

/*ChromeとSarafi*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    body:nth-of-type(1) .ui-th-column-operator, body:nth-of-type(1) .input-block-checkbox
    {
        position:relative;
        float:left;
        margin:0 2px 0 4px;
    }
}
.input-editor-label
{
    float:left;
    height:20px;
    /*ManNguyen 2017/12/01 FFVN Sua ↓*/
    margin: 3px 6px 0 0;
    /*ManNguyen 2017/12/01 FFVN Sua ↑*/
}


.input-editor-field
{
    float:left;
    height:20px;
    
    margin:0px 2px 0 0;
}

/*QuocTrung 10/04/2019 FFVN No.202 Add ↓*/
.label-work-time
{
    margin-top: 1px;
    font-size: 14px;
}
/*QuocTrung 10/04/2019 FFVN No.202 Add ↑*/

.input-field-autocomplete
{
    float:left;
    height:20px;
    margin:4px 2px 0 0;
    
}

.workcondition-autocomplete-field
{
    float:left;
    height:20px;
    margin:3px 2px 0 0;
    
}

.workcondition-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

/*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　削除 ↓*/
/*.agroworks-autocomplete-field*/
/*{*/
    /*float:left;*/
    /*height:20px;*/
    /*margin:3px 2px 0 0;*/
    
/*}*/

/*.agroworks-autocomplete-field .ui-autocomplete-input*/  
/*{*/
    /*float: left;*/
    /*clear: left;*/
    /*width: 200px;*/
/*}*/
/*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　削除 ↑*/

.fertilizer-autocomplete-field
{
    float:left;
    height:20px;
    margin:3px 2px 0 0;
}

.fertilizer-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

.machine-autocomplete-field 
{
    float:left;
    height:20px;
    margin:3px 2px 0 0;
}

.machine-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

.option-autocomplete-field
{
    float:left;
    margin:3px 0 0 0;
}

.option-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

.remark-textarea-field
{
    float:left;
    margin:3px 2px 0 0;
}

.remark-textarea-field textArea
{
    width:218px;
    resize:none;
    ime-mode:active;
}


.input-checkbox-field 
{
    float:left;
    height:20px;
    margin:5px 5px 0 0;
    
}

/*QuocTrung 2017/02/02 FFVN Add ↓*/
.input-checkbox-field-edit{
    float:left;
    height:20px;
    margin:3px 0 -17px -18px; 
}
/*QuocTrung 2017/02/02 FFVN Add ↑*/

/*Opera*/
@media all and (min-width:0px) 
{
    head~body .input-checkbox-field 
    {
        float:left;
        height:20px;
        margin:4px 5px 0 0;
    }
}
.input-editor-checkbox-label 
{
    float:left;
    height:20px;
    margin: 3px 1px 0 0;
}

.display-condition-area-input
{  
  height:20px;
  
  /*ManNguyen 2017/12/01 FFVN Sua ↓*/
  margin:8px 5px 5px 5px;
  /*ManNguyen 2017/12/01 FFVN Sua ↑*/
}

.production-detail-display-combo
{
    width:100px;
}

.operation-button-area
{
   position:relative;
   float:left;
   width:72px;
   margin:4px 0 0 8px;
}

.operation-button-area input
{
   float:left;
   color:#658eb3;
   margin:0 0 4px 0;
}

.grid-area
{
    float:left;
    margin:1px 5px 0 2px;
    font-size:0.9em;
    font-size:0.9em\9; /* IE 6,7,8,9 */
}

.detail-grid-area
{
    float:left;
    margin:0 5px 0 2px;
    font-size:0.9em;
    font-size:0.9em\9; /* IE 6,7,8,9 */
    clear:both;
}

.grid-display-area
{
    float:left;
}
.col-show
{
    clear:both;
    position:absolute;
    width: 40px;
    height:45px;    
	cursor: pointer;
	top:0px;
    background-image:url(../Content/images/map_disp_gird.png);
    margin-left:-8px;

}
.col-hide
{
    clear:both;
    position:absolute;
    width: 40px;
    height:45px;
 	cursor: pointer;
	top:0px;
    background-image:url(../Content/images/map_hidden_gird.png);
    margin-left:-8px;
}
/*-----------栽培日報入力 Start-----------*/

 .daily-add-button-area
{
    clear:both;
   float:left;
   position:relative;
   width:100px;
   /*ThuyTrang 24/05/2023 Add multiple Work Condition Edit↓*/
   margin: 0px 0 0px 2px;
   /*ThuyTrang 24/05/2023 Add multiple Work Condition Edit↑*/
}
.daily-condition-area-infos
{

   float:left;
   margin-top:0px;
   margin-left:2px;
   margin-bottom:5px;
   border-width:1px;
   border-color:#b3b3b3;
   border-collapse:collapse;
   border-style:solid;
   width:800px;
     font-size: 12px;
}

.daily-grid-area
{
    /*QuocTrung 2019/04/16 FFVN Irai_ExtendHeader_DailyPro Add ↓ */
    clear: both;
    /*QuocTrung 2019/04/16 FFVN Irai_ExtendHeader_DailyPro Add ↑ */
    float:left;
    /*QuocTrung 2017/02/07 FFVN Edit ↓*/
    margin:-2px 5px 0 2px;
    /*QuocTrung 2017/02/07 FFVN Edit ↑*/
    font-size:0.9em;
    font-size:0.9em\9; /* IE 6,7,8,9 */

}
.detail-regis-single-row-left
{
   position:relative;
   float:left;
   width:160px;
   height:20px;
   /*margin: 5px 0 0 0;*/
}
.detail-regis-single-row-right
{
   position:relative;
   float:left;
   width:400px;
   height:20px;
   /*margin: 5px 0 0 0;*/
}
.daily-regis-productionname-combo
{
    width: 140px;
}
.grid-link
{
    color:#81b6d6;
    font-size: larger;
}
.daily-regis-input-area
{
    max-width:938px;
    font-size:0.8em; 
}

.user-editor-field-daily
{
    float:left;
}
.user-editor-label-daily 
{
    float:left;
 }
.user-checkbox-daily 
{
    height:19px;
    float:left;
}
.user-name-lable-daily
{
    clear:both;
    float:left;
    white-space: pre; 
    height:19px;
}
.user-editor-row-daily
{
    clear:both; 
    float:left;
    height:19px;
}

.user-button-daily
{
    float:left;
    margin :3px 0 0 5px;  
}

.user-label-info-area-daily
{
    float:left;
    height:20px;
    margin:-5px 5px 0 0;
    clear:both;
}
.input-row-daily
{
   float:left;
   width:380px;
   height:18px;
   line-height:18px;
   margin-top:1px;
}
.workcondition-autocomplete-field-daily 
{
    float:left;
    height:20px;
    margin:0 2px 0 0;
    
}

.workcondition-autocomplete-field-daily .ui-autocomplete-input  
{
    float: left;
    clear: left;
    width: 215px;
}
/*-----------栽培日報入力 End-----------*/

/*栽培明細入力の登録ダイアログ用のCSS Start*/
.regis-msg-erea
{
   float:left; 
}
.detail-regis-normal-msg
{
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↓*/
    /*width: 780px;*/
    width: 798px;
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↑*/
    height:16px;
    line-height:16px;
    color:#4d4d4d;
}

.detail-regis-err-msg
{
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↓*/
    /*width: 780px;*/
    width: 798px;
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↑*/
    height:16px;
    line-height:16px;
    color:#ff0000;
}
.detail-regis-reg-msg
{
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↓*/
    /*width: 780px;*/
    width: 798px;
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↑*/
    height:16px;
    line-height:16px;
    color:#4169e1;
}
.detail-regis-input-area
{
    max-width:938px;
    font-size:0.8em; 
}

.detail-regis-single-row
{
   position:relative;
   float:left;
   /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↓*/
   /*width: 780px;*/
   width: 798px;
   /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↑*/
   height:20px;
   line-height:20px;
   margin: 0 0 0 0; 
}

.detail-regis-single-row-label 
{
    float:left;
    height:20px;
    margin: 3px 6px 0 0;
    width:100px;
}

.red-msg
{
    color: Red;
}

.dtPro-fertilizer-autocomplete-field
{
    float:left;
    height:20px;
    margin:0px 2px 0 0;
}

.dtPro-fertilizer-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

.dtPro-agroworks-autocomplete-field
{
    float:left;
    height:20px;
    margin:0px 2px 0 0;  
}

.dtPro-agroworks-autocomplete-field .ui-autocomplete-input
{
    float: left;
    clear: left;
    width: 200px;
}

.dtPro-input-row
{
   float:left;
   width:380px;
   height:18px;
   line-height:18px;
   margin-top:1px;
}

.dtproRegDlgDivFieldDetail
{
    max-height:250;
}

.detail-regis-workcondition-combo
{
    width:210px;
}

.detail-regis-fieldset-combo
{
    width:200px;
}

.regis-fieldset-amountunit-combo
{
    width:66px;
}

.remark-textbox
{
    resize:none;
    height:10px;
}
.detail-regis-agro-fertilizer-area
{
    position:relative;
    float:left;
    min-width:790px;
    margin: 8px 0 0 0;   
}

.hour-minute-textbox
{
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:16px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0;
    ime-mode:disabled;
}
.hour-start-textbox
{
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:16px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0;

}
.hour-textbox
{
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:16px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0;

}
.hour-end-textbox
{
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:16px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0;

}
.minute-textbox
{
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:16px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0;
}
.detail-regis-agro-area
{
    position:relative;
    float:left;
    width:390px;
    width:394px\9; /* IE 6,7,8,9 */
    margin: 4px 6px 0 0;
    margin: 4px 2px\9 0 0; /* IE 6,7,8,9 */ 
     
}

.detail-regis-agro-area fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height: 105px;
}

.detail-regis-fertilizer-area
{
    position:relative;
    float:left;
    width:390px;
    width:394px\9; /* IE 6,7,8,9 */
    margin: 4px 0 0 0;   
}

.detail-regis-fertilizer-area fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    background:#FFFFFF; 
    height: 105px;
}

.detail-custom-legend 
{
    position:relative;
    float:left;
    top: -12px;
    font-weight: bold;
    width:104px;
    background:#FFFFFF; 
    font-size:14px;
}

.detail-custom-legend input
{
   float:left;
   margin:2px 0 0 6px; 
}

.detail-custom-legend span
{
   float:left;
   margin:0 0 0 7px; 
}

.fieldset-input-area
{
    position:relative;
    float:left;
    margin:-14px 0 3px 8px; 
    clear:both;
}

.input-row
{
   float:left;
   /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
   /*width:380px;*/
   width:390px;
   /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
   height:18px;
   line-height:18px;
}

.input-button-row
{
   float:left;
   width:360px;
   height:16px;
   margin:0 0 0 0; 
}

.input-button-row input
{
   position:relative;
   float:left;
   margin:0 5px 0 5px; 
}

.regis-input-block
{
   position:relative;
   float:left;
   margin:0 2px 0 0;   
}

.regis-detail-bellow-area
{
    position:relative;
    float:left;
    
}

.regis-detail-bellow-left
{
   position:relative;
   float:left;
   width:390px;
   margin: 0 6px 0 0;
}

.regis-detail-bellow-right
{
    position:relative;
    float:left;
    max-width:528px;
}

.field-area
{
   position:relative;
   float:left;
   width:394px;
   height:220px;
   margin: 1px 0 0 0;  
}
.field-area fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:220px;
}

.work-time
{
   position:relative;
   float:left;
   width:394px;
   height:92px;
   margin: 1px 0 0 0;  
}
.work-time fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:92px;
}

.field-input-info
{
   width:386px;
   height:180px;
   margin:3px 0 0 0;
   overflow-Y:auto;
}

.field-input-row
{
   float:left;
   height:18px;
   line-height:18px;
   display: block;
}

.field-input-editor-label 
{
    float:left;
    height:20px;
    margin: 3px 6px 0 0;
    min-width:120px;
}

.input-title-label 
{
    float:left;
    height:16px;
    margin: 0 6px 0 0;
    min-width:60px;
}

.field-input-editor-field 
{
    float:left;
    height:18px;
    line-height:18px;
    margin:3px 4px 0 10px;
}

.field-input-editor-field input
{
    margin:2px 2px 0 5px;
}

.work-time-flag-field 
{
    float:left;
    height:20px;
    margin:3px 1px 0 11px;
}

.work-time-flag-field  input
{
    margin:3px 2px 0 8px;
}

.user-area
{
   float:left;
   margin: 5px 0 0 0; 
   height:210px; 
}

.user-area fieldset 
{
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:210px;
}

.user-label-info-area
{
    float:left;
    height:20px;
    margin:0 5px 0 0;
}
.user-worktime-title
{
    float:left;
    height:20px;
    margin:0 0 0 10px;
}

.user-info-area
{
    position:relative;
    float:left;
    width:110px;
}

.user-worktime-input-area
{
   float:left;
   height:180px;
   overflow-y:auto;
   overflow-x:hidden;
   margin: 3px 0 0 0; 
}

.user-input-row
{
   float:left;
   height:18px;
   line-height:18px;
}

.user-editor-label 
{
    float:left;
    height:20px;
    margin:3px 6px 0 0;
}
.user-editor-field 
{
    float:left;
    height:20px;
    margin:3px 2px 0 4px;
    
}
.user-button
{
   float:left;
}

.user-button input
{
   float:left;
   margin:3px 0 0 0;  
}

.user-editor-label 
{
    float:left;
    height:20px;
    margin: 3px 1px 0 0;
}

.user-infos-area
{
   position:relative;
   float:left;
   margin: 4px 0 0 0;
}

.user-checkbox 
{
    float:left;
    height:20px;
    margin:0 1px 0 0;
}

.user-checkbox input
{
    margin:4px 2px 0 3px;
}

.user-name-label
{
    float:left;
    height:20px;
    width:92px;
    white-space: pre;
    overflow:hidden;
    margin: 3px 1px 0 4px;
}
.user-info-label-row
{
   float:left;
   height:20px;
   margin:0 4px 5px 0;
}


.upload-area
{
   position:relative;
   float:left;
   width:500px;
   margin:6px 0 0 0;
   height:80px;
}
.upload-area2
{
   float:left;
   position:relative;
   border: 2px solid #8a8780;
   padding: 0 1px 0 1px;
   background: #FFFFFF; 
   margin-top: 10px;
   width:320px;   
   height:120px;
}
.upload-area3
{
   position:relative;
   border: 2px solid #8a8780;
   padding: 0 1px 0 1px;
   background: #FFFFFF; 
   margin-top: 10px;
   width:320px;   
   height:120px;
   float:left;
}
.regis-upload-area
{
    position:relative;
    float:left;
    width:280px;
    height:80px;                        
}

.regis-upload-area fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
}

.image-display-area
{
   position:relative;
   float:left;
   width:120px;
   height:80px;   
}
.image-display-area2
{   
   position:relative;  
   width:150px;   
   height:120px;  
}

.image-display-area img
{
    margin:4px;
    max-width:100px;
    max-height:100px;
}
.upload-button-area
{
   position:relative;
   float:left;
   width:160px;
   height:33px;
   left:117px;   
}
.upload-button-area2
{   
  position:relative;
   float:left;
   width:160px;
   height:33px;
   left: 150px;   
   margin-top: -38px;
}
.upload-button-area2 .qq-upload-button-file
{
    margin:0 5px 0 0 !important;
}
.upload-button-area input
{
   margin:0 0 0 5px; 
}
.upload-button-area .qq-upload-button
{
    width: 90px;
    height:30px;
    float:left;
    outline:none;
    margin: 0;
    background-image:url(../Content/images/button_large_image_setup.png);
}
.upload-button-area .btnclearimg a
{
    clear:both;
    width: 90px;
    height:30px;
    float:left;
    outline:none;
    margin: 10px 0 0 20px;
    background-image:url(../Content/images/button_large_image_clear.png);
}
.upload-button-area ul.qq-upload-list
{
    list-style: none;
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
.upload-button-area ul.qq-upload-list li
{
    text-indent:-99999px;
    display:block;

}
.upload-button-area .qq-upload-cancel
{
   text-indent:-99999px;
    display:block;
}
.upload-button-area .qq-upload-failed-text
{
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
.upload-button-area .qq-upload-file
{
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
.upload-button-area .qq-upload-size
{
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
.upload-button-area .qq-upload-spinner
{
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
.upload-button-area .px-form-input {
	float: left;
}
.upload-button-area .px-buttons {
	float: left;
}

.upload-button-area .px-input-button {
	overflow: hidden;
}

.upload-button-area .px-input-button input {
	position:absolute;
	top: 0;
	right: 0;
	-moz-opacity:0;
	filter:alpha(opacity: 0);
	opacity: 0;
	cursor: pointer;
	border-right: 100px solid #FFF;
	border-bottom: 100px solid #FFF;
	direction: ltr;
	margin: 0;
	padding: 0;
	-o-transform: translate(250px, -50px) scale(1);
	-moz-transform: translate(-300px, 0) scale(4);
	
}
.upload-button-area .upload-data {
	padding: 5px;
	width: 420px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
.upload-button-area .upload-data.pending {
	border: 1px solid #fbd850;
}
.upload-button-area .upload-data.uploading {
	border: 1px solid #EDBE05;
}
.upload-button-area .upload-data.success {
	border: 1px solid #CCCCCC;
}
.upload-button-area .upload-data.error, .upload-data.cancel {
	border: 1px solid #FF0000;
	display:block;
}
.upload-button-area .px-widget ul.actions {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
    padding: 0;
}
.upload-button-area .px-widget ul.actions li {
	cursor: pointer;
	float: left;
	list-style: none outside none;
	margin: 2px;
	padding: 4px;
	position: relative;
	font-size: 60px;	
}
.upload-button-area .upload-data .filename {
	padding-right: 10px;
	width: 120px;
}
.upload-button-area .upload-data .status {
	clear: both;
}

.upload-content-img
{
    max-width: 70px;
    max-height: 70px;
    width: expression(this.width > 70 ? "70px" : true);
    height: expression(this.height > 70 ? "70px" : true);
}
.upload-content-img2
{
    width: 115px;
    height:85px;   
    padding:18px 0px 0px 18px;
    padding:18px\9;/* IE 6,7,8,9*/
    
    position:relative;    
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    
    max-width: 150px;
    max-height: 100px;
}
.upload-content-img2 img
{
    max-width:115px; 
    max-height:85px;
    margin:auto;
    display: block;
}
.display-picture-name
{
    width:70px;
    word-wrap: break-word;
}

.detail-regis-common-area
{
   position:relative;
   float:left;
   margin: 4px 0 0 0; 
   width:auto;  
   height:auto;
}

.detail-regis-common-label
{
    float:left;
    height:20px;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
    /*width:114px;*/
    width: 128px;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
    margin: 3px 1px 0 8px;
    font-weight:bold;
}
.common-input-editor-field 
{
    float:left;
    height:20px;
    margin:3px 2px 2px 0;
}
.detail-regis-common-combo
{
    width:220px;
}
/*T.Mong 2017/08/30　FF受入不具合台帳_089 ほ場上限開放対応のNo58　対応　追加 ↓*/
.detail-regis-common-combo-field
{ 
    width:580px;
} 
/*T.Mong 2017/08/30　FF受入不具合台帳_089 ほ場上限開放対応のNo58　対応　追加 ↑*/
.detail-regis-button-area
{
   position:relative;
   float:left;
   margin: 4px 0 0 0; 
   width:auto;  
}

.detail-regis-button-area input
{
   position:relative;
   float:left;
   margin: 0 8px 0 0; 
}

.common-input-row
{
   float:left;
   /*Quoc Trung FFVN Edit [Trang kế hoạch] 2018/09/07 ↓ */
   width:490px;
   /*Quoc Trung FFVN Edit [Trang kế hoạch] 2018/09/07 ↑ */
   height:20px;
   line-height:20px;
}

.input-row-remark
{
   float:left;
   width:390px;
}

.input-row
{
   float:left;
   /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
   /*width:380px;*/
   width:390px;
   /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
   height:18px;
   line-height:18px;
}
.regis-textbox
{
    text-align:right;
    padding: 0 1px 0 0; 
}
.regis-textbox_5_2
{
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0; 
}

.regis-textbox_6_3
{
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0; 
}

.regis-textbox_9_3
{
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0; 
}

.regis-textbox_12_3
{
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0; 
}
.regis-textbox_10_3
{
    text-align:right;
    ime-mode:disabled;
    padding: 0 1px 0 0; 
}

.dtproRegDlgDivFieldDetailRow
{
    margin:2px 0 1px 0px;
    height:17px !important;
}

.dtProRegDlg-FieldName-Lbl
{
    display: none; font-size: 0.8em;
    height: 20px !important;
}

/* Field Diaglog Start */
.dtproRegDlgDivFieldDetailRow
{
    margin:2px 0 1px 0px;
    height:17px !important;
}

#dtproFieldCol1
{
    display: inline-block;
    margin-right: 5px;   
}

#dtproFieldCol2
{
    display: inline-block;  
}

.dtproRegDlgDivFieldDetail
{
    max-height:250;
}

.dtproRegDlgDivFieldDetailCol1
{
    float:left; 
}

.dtproRegDlgDivFieldDetailCol2
{
  word-break: break-all !important; 
}

.dtproRegDlgDivFieldDetailRow
{
    margin:2px 0 1px 0px;
    height:17px !important;
}

#dtproFieldChkRow
{   
    display:block;
    float:left; 
    margin-left:2px;
}

#dtproFieldLblName
{  
    white-space:nowrap;
    max-width: 120px;
    margin-left:5px;    
}
/* Field Diaglog End */

#dtproUserCol1
{
    display: inline-block;
    margin-right: 5px;   
    /*Luyen 2017/05/29　FF受入不具合台帳_089 ほ場上限開放対応のNo32　対応　追加 ↓*/   
     overflow: hidden;
    /*Luyen 2017/05/29　FF受入不具合台帳_089 ほ場上限開放対応のNo32　対応　追加 ↑*/
}

#dtproUserCol2
{
    display: inline-block;
}

.dtproRegDlgDivUserDetail
{
    max-height:250;
}

.dtproRegDlgDivUserDetailCol1
{
    float:left; 
}

.dtproRegDlgDivUserDetailCol2
{
  word-break: break-all !important; 
}

.dtproRegDlgDivUserDetailRow
{
    margin:2px 0 2px 0px;
    height:17px !important;
}

#dtproUserChkRow
{   
    display:block;
    float:left; 
    margin-left:5px;
}

#dtproUserLblName
{  
    white-space:nowrap;
    max-width: 120px;
    margin:-2px 2px 0 21px;
}

.dtproUserArea {
    /*    clear: both;
    float: left;
    height: 220px;
    margin: 3px 5px 0 0;
    display: inline-block;
    overflow: hidden;*/
    display: flex;
    margin: .5rem .25rem 0 0;
    max-height: 220px
}

.dtpro-user-editor-label
{
    float:left;
    height:17px;
    margin:1px 0px 0 0;
}
.dtpro-user-editor-field
{
    float:left;
    height:17px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    margin:0px 0px 0 1px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    
}

.dtpro-user-area
{
   float:left;
   margin: 4px 0 0 0; 
}

.dtpro-option-input-row
{
   float:left;
   width:390px;
   line-height:20px;
}

.detail-regis-option-label
{
    float:left;
    width:114px;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
    /*margin: 3px 1px 0 8px;*/
    margin: 3px 15px 0 8px;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
    font-weight:bold;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↓*/
    word-break: break-word;
    word-wrap: break-word;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↑*/
}


/*栽培明細入力の登録ダイアログ用のCSS End*/

/*「エクセル出力」ダイアログのCSS　Start*/
.export-excel-body
{
    width:100%;
    /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
    /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
    height:445px;
    /*ThuyTrang 2022/4/19 Label Update A12 Edit ↑*/
    /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
    position:relative;
    float:left;
    background: #f0ffec;
}

.export-excel-bottom
{
    position:relative;
    float:left;
    width:100%;
    height:60px;
    display:block;
    background: #f0ffec;
    border-top:2px solid #8a8780;
}

.export-excel-bottom input
{
    position:relative;
    float:left;
    margin:16px 8px 0 0;
}

.exportExcelMsg
{
   float:left; 
}

.exportNormalMsg
{
    max-width:650px;
    height:20px;
    line-height:20px;
}

.exportErrMsg
{
   max-width:650px;
   height:20px;
   line-height:20px;
   color:Red; 
}

.export-condition-area
{
   position:relative;
   float:left;
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
   height:135px;
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↑*/
   /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
   width:870px;
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↑*/
   /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
   border:2px solid #232323;
   margin:6px 0 0 0;
}

.export-condition-area-title
{
  height:20px;
  line-height:20px;
  color:#ffffff;
  font-weight:bolder;
  background: #b3b3b3;
  font-size:1em;
}

.export-condition-input
{
   position:relative;
   float:left; 
   margin:5px 0 0 0;
}

.export-condition-left
{
   position:relative;
   float:left; 
   /*PhuPhan 15/06/2021 FFPR-00130(FFPR 投下資材の種類追加) Edit ↓*/
   /*width:560px;*/
   width:565px;
   /*PhuPhan 15/06/2021 FFPR-00130(FFPR 投下資材の種類追加) Edit ↑*/
   margin:10px 0 0 8px;
   height:80px;
}
.export-condition-left fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    background:#f0ffec;
}

.export-custom-legend 
{
    position:relative;
    float:left;
    top: -12px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓*/
    width:220px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑*/
    background:#f0ffec;
    font-size:14px;
}

.export-custom-legend input
{
   float:left;
   margin:2px 0 0 6px; 
}

.export-input-row
{
   float:left;
   height:24px;
}

.excel-output-checkbox-label 
{
    float:left;
    height:20px;
    margin: 0 1px 0 0;
}

.excel-output-checkbox-label input
{
   float:left;
   margin:2px 6px 0 6px; 
}

.export-condition-right
{
   position:relative;
   float:left; 
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
   margin:22px 0 0 0;
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↑*/
   /*PhuPhan 15/06/2021 FFPR-00130(FFPR 投下資材の種類追加) Edit ↓*/
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
   width:280px;
   /*ThuyTrang 2022/4/19 Label Update A12 Edit ↑*/
   /*PhuPhan 15/06/2021 FFPR-00130(FFPR 投下資材の種類追加) Edit ↑*/
}

.excel-output-checkbox-right-label 
{
    float:left;
    height:20px;
    /*ThuyTrang 2022/3/22 Hide Workcondition Edit ↓*/
    margin: 3px 1px 0 0;
    /*ThuyTrang 2022/3/22 Hide Workcondition Edit ↑*/
}

.excel-output-checkbox-right-label input
{
   float:left;
   margin:3px 4px 0 6px; 
}

.export-option-area
{
   position:relative;
   float:left;
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
   /* PhuPhan 28/11/2022 FFPR Custom Detailed Production Excel Export 追加↓*/
   width:1260px;
   /* PhuPhan 28/11/2022 FFPR Custom Detailed Production Excel Export 追加↑*/
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
   margin:1px 0 0 0;
}

.export-option-left
{
   position:relative;
   float:left;
   /*width:440px;*/
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
   width:280px;
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
   margin:6px 0 0 0;
   height:250px;
}

.export-option-left img
{
   position:relative;
   float:left;
   /*width:400px;*/
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
   width:270px;
   height:240px;
   margin:20px 0 0 0;
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
}

.export-option-right
{
   position:relative;
   float:left;
   /*width:440px;*/
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
   width:280px;
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
   margin:6px 0 0 0;
   height:250px;
}

.export-option-right img
{
   position:relative;
   float:left;
   /*width:400px;*/
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↓*/
   width:270px;
   height:240px;
   margin:20px 0 0 0;
   /*Thuy Trang 2022/11/3 Export excel unit code Edit ↑*/
}
.export-option-right-detailed
{
   position:relative;
   float:left;
   width:200px;
   margin:6px 0 0 0;
   height:250px;
}
/*「エクセル出力」ダイアログのCSS　End*/

/*-----------栽培シート Start-----------*/
.proSheet-search
{
    margin: 8px 5px 5px 20px;
    height:20px;
}

.proSheet-searchDiv
{
    float:left;
    margin-top:0px;
    margin-left:2px;
    margin-bottom:5px;
    border-width:1px;
    border-color:#b3b3b3;
    border-collapse:collapse;
    border-style:solid;
    /*//ManNguyen 2017/12/01 FFVN Production Sua ↓*/
    /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Edit↓*/
    /*width:740px;*/
    /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
    /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓*/
    /*width: 980px;*/
        width: 840px;
    /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↑*/
    /*ThuyTrang 2022/4/19 Label Update A12 Edit ↓*/
    /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Edit↑*/
    /*//ManNguyen 2017/12/01 FFVN Production Sua ↑*/
     font-size: 12px;
}
.proSheet-searchHeadDiv
{
    background-color:#b3b3b3;
    color:White;
    padding-left:5px;
    font-size:14px;
    font-weight:bold;
    height:16px;
    line-height:16px;
}
.proSheet-a
{
    color:Blue !important;
}
.proSheetRegLeft-row
{
    clear:both;
    float:left;
    margin:1px 0 1px 0;
}
.proSheetReg-bold-underline
{
    font-weight: bold; 
    text-decoration: underline
}
.proSheetRegDlg-FieldName-Lbl
{
    display: none; font-size: 0.8em;
}
.proSheetRegDlgHead-col1
{
    float: left; width: 160px;
    font-weight:bold;
}
.proSheetRegDlgHead-col2
{
    float: left;
    width: 140px;
    font-weight:bold;
}
.proSheetRegLeft-col1
{
    float:left;
    width:140px;
    white-space: normal !important; 
    word-wrap: break-word; /* IE 5.5+ and CSS3 */
    white-space: pre-wrap; /* CSS3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↓*/
    word-break: break-word;
    word-wrap: break-word;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↑*/
}
.proSheetRegLeft-col1-2
{
    float:left;
    width:88px;
}
.proSheetRegLeft-col2
{
    float:left;
}
.proSheetRegDlgDivFieldDetailCol2
{
    float: left;
    max-width:180;
    clear:right;
}
.proSheetRegDlgDivFieldDetailCol3
{
    float: left; width: 190px;
}
.proSheetRegDlgDivFieldDetailText
{
    width: 65px;
    min-width:65px !important;
}
/* custom autocomplete start */
.proSheet-search .ui-autocomplete-input  
{
    float: left;
    clear: left;
    width: 150px;
}
/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓*/
.proSheet-search #cmbProductionYearInput {
    width: 50px;
}
/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↑*/
.proSheetRegDlg-PlanYear .ui-autocomplete-input  
{
    float: left;
    clear: left;
    width: 200px;
}
.proSheetRegLeft-col2 .ui-autocomplete-input  
{
    float: left;
    clear: left;
    width: 150px;
}
/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↓*/
.proSheet-search-chk {
    float: left;
    width: 200px;
    height: 20px;
    margin: -2px 2px 0 5px;
    border-width: 1px;
    border-color: #b3b3b3;
    border-collapse: collapse;
    border-style: solid;
    background: #ffe089;
}
/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↑*/
/* custom autocomplete end */

#proSheetRegDlgDivFieldDetail 
{
    clear:both;
    max-height:310;
    /*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加　↓*/
    width: 500px;
    /*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加　↑*/
}
#detailCol1
{
    display: inline-block;
    max-width:175px;
    height: 330px !important;
    max-height:330px;
    margin-left:-5px;
    min-width:88px;
}
#detailCol2
{
    display: inline-block;  
    width:275px;

    height: 330px !important;
    vertical-align:top;
    max-height:330px;
    overflow-x:auto;
 }
#chkRow
{   
    display:inline-block;
    width: 30px;
    overflow-x:visible;
    overflow-y:hidden;
    vertical-align:top;
    max-height:330px;
}

#lblName
{  
    white-space:nowrap;
    display:inline-block;
    vertical-align:top;
    overflow-x:auto;
    overflow-y:hidden;
    margin-top:-2px;
    margin-left:-3px;
}
.proSheetRegDlgDivFieldDetailRow
{
    float:left;
    margin:1px 0 1px 10px;
    height:20px !important;
    clear:both;
}
.proSheetRegDlgDivFieldDetailCol1
{
    float:left;
    width: 13px;
}
.label-field
{
    margin-left:-10px;
}
/*-----------栽培シート End-----------*/

.frozen-cell-select 
{
    background: #E5FFE2;
}
.summary-row
{
    background: #FFE0A3 !important;
}
.text-center
{
    text-align:center !important;
}

/*-----------マップ入力 Start-----------*/
.map-condition-area-infos
{
   position:relative;
   float:left;
   font-size: 12px;
}
.map-add-button-area
{
    clear:both;
   float:left;
   position:relative;
   width:100px;
   margin: 10px 0 0px 10px;
   height:92px;
}
.map-regis-single-row-left
{
   position:relative;
   float:left;
   width:200px;
   height:20px;
   margin: 5px 0 0 0;
}
.map-regis-single-row-right
{
   position:relative;
   float:left;
   width:400px;
   height:20px;
   margin: 5px 0 0 0;
}
.map-regis-productionname-combo
{
    width: 140px;
}
.map-grid-link
{
    color:#81b6d6;
    font-size: larger;
}
.map-grid-area
{
    float:left;
    margin:1px 5px 0 2px;
    font-size:0.9em;
    font-size:1em\9; /* IE 6,7,8,9 */
}
.map-btn-select
{
    position:relative;
    float: left;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Edit ↓*/
    /*width: 60px;*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Edit ↑*/
    height:28px;
	cursor: pointer;
    background-image:url(../Content/images/button_small_selectall.png);
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
.map-btn-select-mask
{
    position:relative;
    float: left;
    width: 60px;
    height:28px;
	cursor: default;
    background-image:url(../Content/images/button_small_selectall_mask.png);
    margin-left: 10px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
.map-btn-clear
{
    position:relative;
    float: left;
    width: 60px;
    height:28px;
	cursor: pointer;
    background-image:url(../Content/images/button_small_gray_clear.png);
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
.map-btn-clear-mask
{
    position:relative;
    float: left;
    width: 60px;
    height:28px;
	cursor: default;
    background-image:url(../Content/images/button_small_gray_clear_mask.png);
    margin-left: 2px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
.map-btn-detail
{
    position:relative;
    float: right;
    width: 90px;
    height:30px;
	cursor: pointer;
	padding-right : 6px;
}
.map-grid-select-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../Content/images/select_small.png);
    text-indent:-9999px;
    display:block;
}
.map-grid-unselect-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../Content/images/unselect_small.png);
    text-indent:-9999px;
    display:block;
}
.map-product-msg
{
  float:left;
  position:relative;
  height:8px;
  line-height:8px;
  background-color:#ffffff;
  font-size:0.7em;
}
.map-normal-msg
{
    color:Black;
    font-weight:bold;
    line-height:14px;
}
.map-button-area
{
    color:Black;
    font-weight:bold;
    font-size: 14px;
    line-height:28px;
    vertical-align:middle;
}
.map-select-row
{
    background: #FFE0A3 !important;
}
.map-unselect-row
{
    background: #FFFFFF !important;
}
.map-div-nodata
{
    color:Red;
    font-weight:bold;
    font-size: 14px;
}
/*-----------マップ入力 End-----------*/

/*-----------栽培進捗 Start-----------*/

.progress-control-area
{
    width:905px;
    height:auto;
    background: #ffffff;
    margin: 0 0 0 4px;
    border:1px solid #b3b3b3;
    font-size:0.75em;
    font-size:0.75em\9; /* IE 6,7,8,9 */
    display:inline-block;
}

.grid-area-progress
{
    margin:5px 0 0 4px;
}

.progress-control-area-title
{
    height:16px;
    line-height:16px;
    color:#ffffff;
    font-weight:bolder;
    background: #b3b3b3;
    font-size:14px;
    padding:1px;
}

.progress-control-area-search
{
    padding:5px;
}

#isDoDiv, #viewMode, #label, #display 
{
    display:inline-block;
    vertical-align:top;
    margin-top:5px;
    line-height:20px;
}

.cmbAutoComplete 
{
    line-height:20px;
    vertical-align:middle;
    display:inline-block;
}
#rightBtn 
{
    display:inline-block;
    vertical-align:bottom;
    margin-bottom:-7px;
}

#cmbProgressCrop .cmbAutoComplete input.ui-autocomplete-input
{
    width : 150px;
}

#cmbProgressWork .cmbAutoComplete input.ui-autocomplete-input
{
    width : 200px;
}
#StartDate, #EndDate
{
    ime-mode:disabled;
}


/*-----------栽培進捗 End-----------*/

/*----- 栽培進捗マップ表示 Start -----*/
.map-btn-back
{
    position:relative;
    float: right;
    width: 90px;
    height:30px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_back_progress.png);
}
.map-btn-print
{
    position:relative;
    float: right;
    width: 90px;
    height:30px;
    margin-top:2px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_print.png);
}
.map-print-btn-print
{
    position:relative;
    float: left;
    width: 90px;
    height:30px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_print.png);
}
.map-print-btn-close
{
    position:relative;
    float: left;
    width: 90px;
    height:30px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_close.png);
}
.map-btn-full
{
    position:relative;
    float: none;
    width: 90px;
    height:30px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_map_full_screen.png);
}
.map-btn-div
{
    margin-top:25px;
}
.map-print-btn-div
{
    margin-top:25px;
}
.map-btn-full-div
{
    margin-top:-7px;
}
.map-grid-area-progress
{
    float:left;
    margin:1px 5px 0 2px;
    font-size:0.9em;
    font-size:1em\9; /* IE 6,7,8,9 */
    /*Luyen 2018/12/13 FFPR-00121_1(FFPR 団体利用デザイン変更) 対応　修正　↓*/
    /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↓*/
    /*height:345px;*/
    height:400px;
    /*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↑*/
    /*Luyen 2018/12/13 FFPR-00121_1(FFPR 団体利用デザイン変更) 対応　修正　↑*/
}
.map-grid-header .map-grid-header-name
{
    float:left;
    text-align:center;
    width:310px;
}
.map-grid-header .map-grid-header-area
{
    float:right;
    text-align:center;
    width:100px;
}
.map-search
{
    margin: 8px 5px 5px 20px;
    height:20px;
}

.map-searchDiv
{

    border: solid 1px #b3b3b3;
    width:auto;
    font-size: 12px;
}
.map-searchHeadDiv
{
    background-color:#b3b3b3;
    color:White;
    padding-left:5px;
    font-size:14px;
    font-weight:bold;
}
.map-search-msg
{
    float: left;
}
/*----- 栽培進捗マップ表示 End -----*/

/*----- 栽培進捗マップ印刷 Start -----*/
.map-print-msg-area
{
  float:left;
  position:relative;
  width:800px;
  height:20px;
  line-height:20px;
  background-color:#ffffff;
}
.map-print-searchDiv
{
    margin-top:5px;
    margin-left:2px;
    margin-bottom:5px;
    
    border: solid 1px #b3b3b3;
    font-size: 12px;
    display:inline-block;
    width:70%;
}
.total-area 
{
    display:inline-block;
    vertical-align:bottom;
    padding:0 5px 10px 10px;
    font-size:13px;
}
#breakLine, .space-2-byte, #spaceLine
{
    display:none;
}
.map-print-grid-area-progress
{
    float:left;
    margin:1px 5px 0 2px;
    font-size:0.9em;
    font-size:1em\9; /* IE 6,7,8,9 */
}
.map-print-grid-area-progress .ui-jqgrid tr.jqgrow td {
    border-bottom-color: inherit;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-weight: normal;
    height: auto;
    overflow: hidden;
    padding: 2px;
    white-space: normal !important;
    word-wrap: break-word;
    font-size: small;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↓*/
    word-break: break-word;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↑*/
}
.map-print-grid-area-progress .ui-jqgrid .ui-jqgrid-bdiv {
    overflow-x:hidden;
}
.map-print-searchDiv-full
{
    margin-top:2px;
    margin-left:2px;
    margin-bottom:2px;
    border: solid 1px #b3b3b3;
    font-size: 12px;
    float: left;
	width: 650px;

}
.map-full-area
{
    float:left;
    width:300px;
    padding:5px 5px 5px 10px;
    font-size:13px;
}
.map-btn-div-full
{
    margin-top:22px;
    float: left;
}
.map-btn-print-full
{
    position:relative;
    float: left;
    width: 90px;
    height:30px;
    margin-left:10px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_print.png);
}
.map-btn-close-full
{
    position:relative;
    float: left;
    width: 90px;
    height:30px;
    margin-left:5px;
	cursor: pointer;
    background-image:url(../Content/images/button_large_close.png);
}
.map-grid-div-full
{
	position:absolute;
	clear:left;
	top:56px;
}
.map-map-div-full
{
	position:absolute;
	clear:left;
	width:100%;
	top:56px;
	left:0px;
	z-index: 1;
}
@media print {
    .map-btn-div-full { display: none; }
    .map-grid-div-full { display: none; }
    .map-map-div-full { top:56px; height:92% !important; }
    /*Hung 2016/12/15　FF受入不具合台帳_086 PanControl追加対応のNo3のSafariの修正 対応　追加 ↓*/
    .map-print-btn-print { display: none; }
    .map-print-btn-close { display: none; }
    /*Hung 2016/12/15　FF受入不具合台帳_086 PanControl追加対応のNo3のSafariの修正 対応　追加 ↑*/
}
/*----- 栽培進捗マップ印刷 End -----*/
/*-----------栽培表示 Start-----------*/
#production-display-body
{
    margin:-7px 0 0 0;
    width:100%;
    height:100%;
    background-color:#ffffff;
    padding: 0 0 5px 0;
}
.proDisplay-searchDiv
{
    margin-top:5px;
    margin-left:2px;
    margin-bottom:5px;
    border-width:1px;
    border-color:Black;
    border-collapse:collapse;
    border-style:solid;
    /*Tien Van 2018/06/04 FFVN No.82 Sua↓*/
    width:912px;
    /*Tien Van 2018/06/04 FFVN No.82 Sua↑*/
    font-size: 12px;
    border:1px solid #b3b3b3;
}
.proDisplay-searchHeadDiv
{
    height:16px;
    line-height:16px;
    color:#ffffff;
    font-weight:bolder;
    background: #b3b3b3;
    font-size:14px;
    padding:1px;
}

.proDisplay-search
{
    margin: 8px 5px 5px 20px;
    height:40px;
}

.proDisplay-search-chk
{
    float:left;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
    width:120px;
    /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
    height:18px;
    margin:-1px 5px 0 5px;
    background:#ffe686;
}
.proDisplay-search-previous
{
    width:auto;
    height:45px;
    height:35px\9;
    float:right;
    margin-top:-5px;
    margin-top:6px\9;
    background-color:#f2f2f2;
    border-width:1px;
    border-color:#b1b1b1;
    border-collapse:collapse;
    border-style:solid;
    /*QuocTrung 2017/02/02 FFVN Edit ↓*/
    margin-left: 10px;
    /*QuocTrung 2017/02/02 FFVN Edit ↑*/
}

/*QuocTrung 2017/02/02 FFVN Add ↓*/
.sheetUnitRadio2
{
    margin-top:5px;
    margin-left:10px;
}
/*QuocTrung 2017/02/02 FFVN Add ↑*/

.proDisplay-search-legend
{
     width:auto;
     background-color:#d9d9d9;
     position:relative;
     top:-13px\9;
     text-align:left;
     padding: 0 10px 0 10px;
}

.diarie-image
{
    margin-top:-0.7px;
    vertical-align:middle;
    height:17px;
    width:20px;
}
    
.weekday-red
{
    color: Red;
    font-weight: bolder;
}
    
.weekday-blue
{
    color: Blue;
    font-weight: bold;
}
.work-have
{
 margin-top:2px;
}

.format-agrochemical
{
    background-color:#B9920F;
    color:White;
    border-top:1px solid #FFFFFF;
}
.format-fertlizer
{
    background-color:#E44774;
    color:White;
    border-top:1px solid #FFFFFF;
}
.format-another-agro-fer
{
    background-color:#5A89B3;
    color:White;
    border-top:1px solid #FFFFFF;
}
.format-see-plant-harvest
{
    margin-right:2px;
    margin-bottom:-4px;
    margin-top:-2px;
}
.backcolor-pro
{
    background-color:#E5FFE2;
}

.backcolor-pro-pre
{
    background-color:#FFE6AD;
}
.backcolor-unit
{
    background-color:#F2F2F2;
}
.backcolor-pro-pre-time-unit
{
    vertical-align:top;
    background-color:#FFF9EB;
}

.table-time-day-right
{
     width:101%;
     border:0px;
     margin-left:-2px;
}
.table-time-day-left
{
     width:100.8%;
     margin-left:-2px;
}

.table-td-left-day
{
     border-bottom:1px solid #d3d3d3;
     text-align:center;
}
.table-td-left-day-pre
{
     border-bottom:1px solid #d3d3d3;
     text-align:center;
}
.table-td-BR
{
     border-bottom:1px solid #d3d3d3;
     border-right:1px solid #d3d3d3;
}
.table-td-B
{ 
    border-bottom:1px solid #d3d3d3;
}
.table-td-sakumotu
{
    border-right:1px solid #d3d3d3;
    width:84px;
}
.table-td-beer
{
    border-right:1px solid #d3d3d3;
    width:84px;
}
.table-td-field1
{
    border-right:1px solid #d3d3d3;
    width:104px;
}
.table-td-field2
{
    border-right:1px solid #d3d3d3;
    width:84px;
}
.table-tr-second
{
    background-color:#F2F2F2;
    text-align:center;
    height:29px;
    cursor:default;
}
.table-tr-second-td-year
{
    border-right:1px solid #d3d3d3;
    width:44px;
}
.table-tr-second-td-pro
{
    border-right:1px solid #d3d3d3;
    width:104px;
}
.table-tr-second-td-area
{
    border-right:1px solid #d3d3d3;
    width:79px;
}
 /*-----------栽培マップ入力 Start-----------*/
.input-row-map
{
   float:left;
   width:380px;
   height:19px;
   line-height:18px;
} 
.field-area-map
{
   position:relative;
   float:left;
   width:394px;
   height:240px;
   margin: 1px 0 0 0;  
}
.field-area-map fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:240px;
}
.field-input-info-map
{
   width:386px;
   height:200px;
   margin:3px 0 0 0;
   overflow-Y:auto;
}
.input-title-label-map
{
    height:16px;
    margin: 0 6px 0 0;
    min-width:60px;    
}
.input-editor-label-map {
    float: left;
    height: 19px;
    /*ManNguyen 27/03/2018 FFVN SP_Prodution Sua ↓*/ 
    margin: 0px 6px 0 0;
    /*ManNguyen 27/03/2018 FFVN SP_Prodution Sua ↑*/
}
.input-editor-field-map 
{
    float:left;
    height:19px;    
    margin:1px 2px 0 0;   
}
.agroworks-autocomplete-field-map
{
    float:left;
    height:20px;
}
.fertilizer-autocomplete-field-map
{
    float:left;
    height:20px;
}
.field-input-editor-label-map 
{
    height:19px;
    margin: 1px 6px 0 0;
    width:120px;
}

.field-input-editor-field-map 
{
    float:left;
    height:19px;
    line-height:18px;
    margin:1px 4px 0 4px;
}
.user-area-map
{
   /*float:left;*/
   margin: 5px 0 0 0; 
   /*height:250px;*/
   height:319px;
   max-width:394px;
}

.user-area-map fieldset
{
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:250px;
    max-width: 394px;
}

.user-label-info-area-map
{
    height:19px;
    margin:0 5px 0 0;
    width:100%;
    display:table;
}
.user-worktime-title-map
{
    float:left;
    height:19px;
}
.user-worktime-input-area-map
{
 
   float:left;
   height:220px;
   overflow:hidden;
   margin: 3px 0 0 0; 
}
#fieldUserWorkCol1
{
    width:auto; 
    float:left;
    max-height:220px;    
}
.user-worktime-colChk
{
    float:left;
    width:20px;
    max-height:200px;
    overflow:hidden;
}
.field-worktime-colChk
{
    float:left;
    width:20px;
}
.user-worktime-colName
{
    float:left;
    vertical-align:middle;  
    white-space: nowrap;
    max-height:200px;
}
.user-worktime-colTime
{
    float:left;
    width:120px;
    max-height:200px;
}
.field-worktime-colName
{
    height: auto;
    width: 120px;
    position:absolute;
    overflow-x: auto;
    overflow-y: hidden;
    float: left;
    vertical-align: middle;
    white-space: nowrap;
    margin-left:25px;
}
.field-worktime-colArea
{
    float:right;
     width:165px;
    overflow:hidden;
    padding-right:5px; 
}
.user-editor-field-map 
{
    float:left;
    height:19px;
    margin:1px 2px 0 4px;    
}
.user-button-map
{
   float:left;
  /* width:100%;*/
  width:140px;
}
.user-editor-label-map 
{
    float:left;
    height:19px;
    margin: 1px 1px 0 0;
}
.user-checkbox-map 
{
    float:left;
    height:19px;  
    margin: 1px 1px 0 4px;
}
.user-name-label-map
{
    height:19px;
    white-space: pre;
    overflow:hidden;
    margin: 1px 1px 0 4px;
}

.detail-regis-common-label-map
{
    float:left;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
    /*width:114px;*/
    width: 128px;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
    margin: 3px 1px 0 8px;
    font-weight:bold;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↓*/
    word-break: break-word;
    word-wrap: break-word;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↑*/
}
.common-input-row-map
{
   float:left;
   width:390px;
} 
 
 
 /*-----------栽培マップ入力 End-----------*/
/* custom autocomplete start */
.proDisplay-search .ui-autocomplete-input  
{
    float: left;
    clear: left;
    width: 80px;
}
 
/* custom autocomplete end */
/*-----------栽培表示 End-----------*/

.autocomplete-disabled
{
    color:Gray;
}

.map-work-time
{
   position:relative;
   float:left;
   width:394px;
   /*height:68px;*/
   height:73px;
   margin: 1px 0 0 0;  
}
.map-work-time fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height:68px;
}

/*栽培GPS入力 開始↓*/
.gps-display-condition-area-infos
{
   /*QuocTrung 2017/02/07 FFVN Edit ↓*/
   width:745px;
   /*QuocTrung 2017/02/07 FFVN Edit ↑*/
   font-size: 12px;
   float:left;
   height:60px;
   border:1px solid #b3b3b3;
   margin:6px 20px 0 2px;
}

.gps-input-field-autocomplete
{
    float:left;
    height:20px;
    margin:1px 2px 0 0;
    
}

.gps-input-field-autocomplete .ui-autocomplete-input  
{
    float: left;
    clear: left;
    /*Hung 2016/10/13  FFPR-00105(FFPR SAR明細非表示対応) 対応　修正 ↓*/
    /*width: 200px;*/
    width: 100px;
    /*Hung 2016/10/13  FFPR-00105(FFPR SAR明細非表示対応) 対応　修正 ↑*/
}
/*栽培GPS入力 終了↑*/



.steam-ckb 
{
    display:inline-block;
    vertical-align:top;
    margin-left:50px;
    font-size:12px;
}

.steam-ckb #steamCkb 
{
    margin:2px 0 0 -15px;
    position:absolute;
}

.steam-label 
{
    float:right;
    /*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　削除 ↓*/
    /*margin-right:25px;*/
    /*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　削除 ↑*/
    font-size:12px;
}
/*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加　↓*/
.tooltip-font
{
  font-size: 13px;
  /*ManNguyen 2017/12/01 FFVN Production Sua ↓ */
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  /*ManNguyen 2017/12/01 FFVN Production Sua ↑ */
}
.text_FieldName
{
    font-weight: bold !important;   
    text-decoration: underline !important;
}
/*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加　↑*/
.hide 
{
    display:none !important;
}

/*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　追加 ↓*/
.hideColWithoutMoisture 
{
    visibility: hidden !important;
    position: absolute;
    margin-left: -230px;
}
/*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　追加 ↑*/

#detailCol3 
{
    display: inline-block;
    width:235px;
    height: 330px !important;
    vertical-align:top;
    max-height:330px;
    overflow-x:auto;
    
}
.rowSteam 
{
    margin-bottom:1px;
    vertical-align:top;
}

.input-percent, .input-rawrice, .cmb-unit-steam
{
    float:left;
}

.btn-steam  
{
    display:inline-block;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↓*/
    visibility: visible !important;
    /*Tien 2015/06/04  FFPR-00088(FFPR 栽培明細入力 収穫量入力) 対応　修正 ↑*/
}

.input-percent 
{
    margin-right:5px;
}

.rowSteam
{
    float:left;
    margin:1px 0 1px 0;
    height:20px !important;
    clear:both;
}

.btn-steam input
{
    vertical-align:top;
}


#detailCol1 #lblName
{  
    white-space:nowrap;
    max-width: 103px;
    display:inline-block;
    vertical-align:top;
    overflow-x:auto;
    overflow-y:hidden;
    margin-top:-2px;
    margin-left:-3px;
}

.label-name-103
{
    max-width: 103px !important;
}
.label-name-128
{
    max-width: 128px !important;
}

.cmb-class 
{
    width:47px;
    width:50px\9;
    /*Tien 2015/09/03 FF受入不具合台帳_081 栽培明細入力 収穫量入力のNo15 対応　追加 ↓*/
    margin-left:2.5px;
    /*Tien 2015/09/03 FF受入不具合台帳_081 栽培明細入力 収穫量入力のNo15 対応　追加 ↑*/
}

.cmb-class-full 
{
    width:67px !important;
    width:70px\9 !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    body:nth-of-type(1) .cmb-class
    {
        width:52px;      
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    body:nth-of-type(1) .cmb-class-full
    {
        width:72px !important;      
    }
}
/* 栽培シート FFPR-00019_02 ↑ */

.qtip 
{
    max-width:145px !important;
}

@media screen and (min-width:0\0) {
    /*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　追加 ↓*/
    .regis-textbox_5_2
    {
        text-align:right;
        ime-mode:disabled;
        padding: 0 1px 0 0; 
        height: 15px; 
    }
    /*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　追加 ↑*/
    .regis-textbox_9_3
    {
        text-align:right;
        ime-mode:disabled;
        padding: 0 1px 0 0; 
        height: 15px;
    }
    .regis-textbox_12_3
    {
        text-align:right;
        ime-mode:disabled;
        padding: 0 1px 0 0; 
        height: 15px;
    }
    .regis-textbox_6_3
    {
        text-align:right;
        ime-mode:disabled;
        padding: 0 1px 0 0; 
        height: 15px;
    }
    .input-editor-field-map input
    {
        height: 15px;
    }
    .detail-regis-agro-area
    {
        position:relative;
        float:left;
        width:394px; 
        margin: 4px 2px 0 0; 
     
    }
}
/*Tien 2015/04/14  FFPR-00087(FFPR 栽培明細 画像複数登録対応) 対応　追加 ↑*/
/*DungNguyen 2015/6/3 FFPR-00086(FFPR 計画栽培シート マップほ場選択) 対応　追加　↓*/
.field-mapselect-col-show
{
    clear:both;
    position:absolute;
    width: 40px;
    height:45px;   
	cursor: pointer;
    background-image:url(../Content/images/map_disp_gird.png);
}
.field-mapselect-col-hide
{
    clear:both;
    position:absolute;
    width: 40px;
    height:45px;   
	cursor: pointer;
    background-image:url(../Content/images/map_hidden_gird.png);
}
/*DungNguyen 2015/6/3 FFPR-00086(FFPR 計画栽培シート マップほ場選択) 対応　追加　↑*/
/*DungNguyen 2015/6/30 (FF受入不具合台帳_080 計画栽培シート マップほ場選択)No.２ 対応　追加　↓*/
.text_regisMap
{
    text-decoration: underline;   
}
/*DungNguyen 2015/6/30 (FF受入不具合台帳_080 計画栽培シート マップほ場選択)No.２ 対応　追加　↑*/

/*Tien 2015/08/18 FF受入不具合台帳_081 栽培明細入力 収穫量入力のNo3 対応　追加 ↓*/
.proSheetRegDlgDivFieldDetailHarvestText
{
    width: 65px;
    min-width:65px !important;
}
/*Tien 2015/08/18 FF受入不具合台帳_081 栽培明細入力 収穫量入力のNo3 対応　追加 ↑*/

/*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加 ↓*/
.qtip { max-width: none !important; }
/*Luyen 2017/02/06 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-栽培シート 対応　追加 ↑*/

/*Quoc Trung FFVN [Trang trồng trọt - Diện tích làm việc] 2018/09/11 追加 ↓*/
amountunit-fieldset{
    width: 100px;
}
/*Quoc Trung FFVN [Trang trồng trọt - Diện tích làm việc] 2018/09/11 追加 ↑*/

/*PhuPhan 23/07/2020 FFPR-00123(FFPR 在庫管理機能)の農薬･肥料台帳、在庫一覧　対応　追加 ↓*/
.tabStock {
    width: 100%;
    float: left;
    background-color: #ffffff;
    font-size: 1em;
    overflow: hidden;
}

.tabButtonStock {
    padding-left: 10px !important;
    padding-right: 10px !important;
    height: 30px !important;
}

ul.tabnavigationStock li {
    width: 87px;
    float: left;
    text-decoration: none;
    list-style: none;
}

ul.tabnavigationStock li button {
    display: block;
    height: 35px;
    line-height: 25px;
    float: left;
    background: #F4F4F4;
    color: #555555;
    text-decoration: none;
    text-align: center;
    font-size: 0.8em;
    outline: none;
    border-bottom: double 2px #AAAAAA;
    border-top: solid 3px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #FFFFFF;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 30px;
    cursor: pointer;
}

ul.tabnavigationStock li button:hover {
    background: #fcfcfc;
    text-align: center;
    color: #4d5658;
    outline: none;
    border-bottom: double 2px #AAAAAA;
    border-top: solid 3px #AAAAAA;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
}

ul.tabnavigationStock li button.active {
    background: #fcfcfc;
    text-align: center;
    color: #4d5658;
    outline: none;
    border-bottom: solid 2px #FFFFFF;
    border-top: solid 3px #F79646;
    border-left: solid 1px #AAAAAA;
    border-right: solid 1px #AAAAAA;
}

.display-material-stock-area {
    float: left;
    position: relative;
    width: 995px;
    margin: 1px 5px 0 2px;
}

.msg-materialstock-err-dialog {
    color: #ff0000;
}
/*PhuPhan 23/07/2020 FFPR-00123(FFPR 在庫管理機能)の農薬･肥料台帳、在庫一覧　対応　追加 ↑*/

/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↓*/
/*QRCODE*/
.QRcode-container {
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Add ↓*/
    width: 310px;
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Add ↑*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*margin: 10px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    text-align: center;
    float: left;
    /* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↓*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    height: 300px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    /* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↑*/
}


    .QRcode-container #content {
        border: dashed 2px #CCC;
        padding: 10px;
    }

    .QRcode-container #QRcode {
        /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↓*/
        width: 270px;
        height: 270px;
        background-color: white;
        /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↑*/
    }

.left-part-infor{
    display:block;
    float: left;
    width:200px;
    margin:3px 0px;
}

.right-part-infor {
    display: block;
    float: left;
    width: 180px;
    margin: 3px 0px;
}

.print-button {
    /* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↓*/
    /*margin-top:10px;*/
    /* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↑*/
    float: left;
}

.print-button-detail {
    /*PhuPhan 28/01/2021 DoiUngNoiBo-TestVN (2021)-Bug4 Add↓*/
    margin: 5px 8px 0 8px;
    /*margin: 0 8px;*/
    /*PhuPhan 28/01/2021 DoiUngNoiBo-TestVN (2021)-Bug4 Add↑*/
    float: left;
    cursor:pointer;
}

    .print-button-detail button {
        padding: 10px;
    }

.template-infor {
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↓*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    width: 470px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↑*/
    height : 280px;
    padding: 10px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*margin: 10px 0 0 10px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    border: 1px solid black;
    float: left;
    /*overflow:auto;*/
}

@-moz-document url-prefix() {
    .template-infor {
        width: 471px;
    }
}

.template-infor-print {
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↓*/
    width: 482px;
    /* ManNguyen 22/11/2022 FFPR Add Barcode Stamp Update ↑*/
    padding: 10px;
    /*margin: 10px 0 0 10px;*/
    margin: 0 0 6px 10px;
    border: 1px solid black;
    float: left;
}

.stamp-contain {
/* ManNguyen 20/10/2022 QRCode Funtion - Update ECC Level Opption Update↓*/
    margin: 0 0 1px 0;
/* ManNguyen 20/10/2022 QRCode Funtion - Update ECC Level Opption Update↑*/
}

.two-stamp {
    display: none;
}

.three-stamp {
    display: none;
}
/* PhuPhan 31/01/2021 QRcodeUpdate Add↓*/
#chkOption {
    position: relative;
    top: 2px;
}

#cboxShowTime {
    position: relative;
    top: 2px;   
}
/* PhuPhan 31/01/2021 QRcodeUpdate Add↑*/
/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↑*/

/* PhuPhan 25/07/2021 ExportExcelProduction 追加↓*/
.excel-button-contain {
    position: relative;
    float: left;
    /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓*/
    /*width: 72px;*/
    width: 290px;
    /* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↑*/
    margin: 20px 0 0 8px;
}
/* PhuPhan 25/07/2021 ExportExcelProduction 追加↑*/

/*PhuPhan 05/01/2022 QRCode作成機能改善 追加↓*/
.check-option{
    cursor:pointer;
}

/* Style the button that is used to open and close the collapsible content */
.collapsible {
    background-color: #74c046;
    color: #ffffff;
    cursor: pointer;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*padding: 5px 5px 4px 5px;*/
    /*width: 7%;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓↑*/
    width: 35px;
    height: 30px;
    text-align: center;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓↑*/
}
    /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
    .active, .collapsible:hover {
        background-color: #91cb6f;
    }

.collapsible-input {
    background-color: #74c046;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /* width: 83%;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    float: left;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    width: 365px;
    height: 20px;    
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
}

.deleted {
    background-color: #74c046;
    color: #ffffff;
    cursor: pointer;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*    padding: 5px 8px 4px 5px;
    width: 7%;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    width: 35px;
    height: 30px;
    text-align: center;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
}

    .deleted:hover {
        background-color: #91cb6f;
    }


    .deleted:after {
        content: '\02716'; /* Unicode character for "plus" sign (x) */
        font-size: 13px;
        color: white;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
        /*float: right;*/
        /*margin-left: 5px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    }

/* Style the collapsible content. Note: hidden by default */
.content {
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*padding: 0 10px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    width:445px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
}

.collapsible:after {
    content: '\02795'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: white;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*float: right;*/
    /*margin-left: 5px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
}

.collapsible.active:after {
    content: "\2796"; /* Unicode character for "minus" sign (-) */
}

.end-part-infor {
    display: block;
    float: left;
    width: 10px;
    margin: 5px 0px;
    cursor: pointer;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*height: 30px;*/
    text-align: center;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
}
/* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↓*/
.end-part-infor:after {
    content: '\02716'; /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: #555555;
    float: right;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↓*/
    /*margin-left: 5px;*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 修正↑*/
}

.info-QRcode {
    max-height: 170px;
    overflow-y: auto;
}
/* PhuPhan 24/06/2022 FFPR QRCode作成機能改善-サンプルを保存 追加↑*/
.left-part-infor-detail {
    display: block;
    float: left;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    width: 170px;
    margin: 3px 5px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
}

.right-part-infor-detail {
    display: block;
    float: left;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    width: 235px;
    margin: 3px 5px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
}

.template-infor-history-QRCode {
    width: 320px;
    height: 285px;
    padding: 10px;
    margin: 10px 0 0 10px;
    border: 1px solid black;
    float: right;
    overflow: auto;
}

.button-QRcode-infor-detail-contain {
    padding-bottom: 5px
}

.button-QRcode-infor-detail {
    background-color: rgba(179, 179, 179, 1);
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor:pointer;
}

    .button-QRcode-infor-detail.hover:hover {
        background-color: rgba(179, 179, 179, 0.8);
    }

    .button-QRcode-infor-detail.activation {
        background-color: rgb(116, 192, 70);
    }

#addInforQrCode {
    padding: 10px 0;
}

@media screen and (max-height:768px) {
    .divOption {
        height: 110px !important;
    }

    .divOption1 {
        height: 99px !important;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .both {
        margin-top: 12px !important;
    }
}
/* PhuPhan 05/01/2022 QRCode作成機能改善 追加↑*/

/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓*/
#TemplateProSheetDialog {
    min-height: 0 !important;
}

    #TemplateProSheetDialog #selectOption {
       margin: 1em auto;
    }
/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↑*/

/* 
LOADING OVERLAY 
show: $('loading-overlay').fadeIn(200);
hide: $('loading-overlay').fadeOut(450);
*/
loading-overlay {
    display: none;
    background-color: grey;
    opacity: .4;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}

loading-gif-container {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}

loading-overlay img {
    width: 6rem;
    height: 6rem;
}
/* PhuPhan 28/11/2022 FFPR Custom Detailed Production Excel Export 追加↓*/
.export-custom-excel-bottom {
    margin: 0.5rem auto;
    display: block;
}

/* PhuPhan 13/03/2022 FFPR 生産履歴情報の閲覧制限機能 修正↓*/
#customExcelNormalMsg, #titleExportExcel, #settingReportNormalMsg {
/* PhuPhan 13/03/2022 FFPR 生産履歴情報の閲覧制限機能 修正↑*/
    margin: 0.5rem auto;
}
/* PhuPhan 28/11/2022 FFPR Custom Detailed Production Excel Export 追加↑*/

/* PhuPhan 15/12/2022 FFPR 多くの Qrcode 印刷 追加↓*/
.button-print-QRcode-infor-detail {
    background-color: rgba(179, 179, 179, 1);
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}

    .button-print-QRcode-infor-detail.hover:hover {
        background-color: rgba(179, 179, 179, 0.8);
    }

    .button-print-QRcode-infor-detail.activation {
        background-color: rgb(116, 192, 70);
    }

.template-series-infor {
    width: 482px;
    height: 195px;
    padding: 10px;
    /* PhuPhan 10/05/2023 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    margin-top: 10px;
    /* PhuPhan 10/05/2023 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
    margin-bottom: 10px;
    /* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
    border: 1px solid black;
    float: left;
    /* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 追加↓*/
    padding-top: 0;
    /* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 追加↑*/
}

.qrcode-amount-input {
    text-align: right;
}

.scrollarea-x {
    overflow-x: auto !important;
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: thin; /* Firefox */
}

    .scrollarea-x::-webkit-scrollbar {
        height: 6px;
    }

    /* Track */
    .scrollarea-x::-webkit-scrollbar-track {
        background: #F1F1F1;
        border-radius: 5px;
    }

    /* Handle */
    .scrollarea-x::-webkit-scrollbar-thumb {
        background: #344E41;
        border-radius: 5px;
    }

        /* Handle on hover */
        .scrollarea-x::-webkit-scrollbar-thumb:hover {
            background: #264653;
        }

.barcode-container {
    max-width: 320px;
    height: 40%;
    float: right;
    margin-left: 7px;
}

.barcode-tag-container {
    border: 2px solid #344E41;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    min-width: 320px;
    min-height: 40px;
}

    .barcode-tag-container .barcode-tag span {
        width: max-content;
    }

    .barcode-tag-container .barcode-tag {
        border: 1px solid #ccc;
        padding: 0px 5px;
        margin: 0px 5px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        background: #eeeeee;
        height: 30px;
        cursor: pointer;
    }

        .barcode-tag-container .barcode-tag.select-tag {
            border: 1px solid #344E41;
            color: #FFFFFF;
            background: #344E41;
        }

        .barcode-tag-container .barcode-tag:hover {
            border: 1px solid #588157;
            color: #FFFFFF;
            background: #588157;
        }

        .barcode-tag-container .barcode-tag:active {
            border: 1px solid #344E41;
            color: #FFFFFF;
            background: #344E41;
        }

        .barcode-tag-container .barcode-tag svg {
            margin-left: 5px;
        }

    .barcode-tag-container input {
        flex: 1;
        font-size: 16px;
        padding: 5px;
        outline: none;
        border: 0;
    }

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.barcode-check-all {
    margin: 10px 0;
    width: 20px;
    height: 20px;
}

.fix-text-center {
    position: absolute;
    top: 50%;
    left: 20%;
}

.jqgrid-pointer {
    cursor: pointer;
}
/* PhuPhan 15/12/2022 FFPR 多くの Qrcode 印刷 追加↑*/

/*ThuyTrang 6/1/2023 明細一括削除機能追加対応　Add ↓*/
.btnShowBulkDeleteBookDlg {
    position: relative;
/* PhuPhan 13/03/2022 FFPR 生産履歴情報の閲覧制限機能 消去↓*/
/*    float: left;
    margin: 38px 0 0 97px;*/
/* PhuPhan 13/03/2022 FFPR 生産履歴情報の閲覧制限機能 消去↑*/
}

    #dtProMultiDelete {
        height: 30px;
        display: block;
        outline: none;
        margin-right: 5px;
        background-image: url(../Content/images/button_multidelete.png);
    }

        #dtProMultiDelete.btnShowBulkDeleteBookDlg-selected {
            float: right;
            height: 30px;
            display: block;
            outline: none;
            margin-right: 10px;
            background-image: url(../Content/images/button_multidelete_mask.png);
        }

#bulkDeleteBookGrid td {
    white-space: nowrap !important;
    word-wrap: normal;
}

#bulkDeleteBookGrid_frozen td {
    white-space: nowrap !important;
    word-wrap: normal;
}
/*ThuyTrang 6/1/2023 明細一括削除機能追加対応　Add ↑*/
/* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
#QRCode-history {
    float: left;
    height: 350px;
    width: 650px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.option-QRcode-contain {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 5px;
}
/* PhuPhan 03/02/2022 FFPR 栽培実績のQRバーコード管理機能 追加↑*/
/* PhuPhan 01/03/2022 FFPR Doi Ung 50x70mm QRCode ChucSon 追加↓*/
.info-series-QRcode {
    /* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 修正↓*/
    max-height: 134px;
    /* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 修正↑*/
    overflow-y: auto;
}

.barcode-title {
    font-weight: 700;
    color: #14213d;
}

.barcode-contain{
    cursor: pointer;
}
/* PhuPhan 01/03/2022 FFPR Doi Ung 50x70mm QRCode ChucSon 追加↑*/
/* PhuPhan 15/03/2022 FFPR 生産履歴情報の閲覧制限機能 追加↓*/
.button-excel-row {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.button-excel-col {
    flex: 0 0 auto;
    width: 50%;
}

.button-detailed-production-container {
    width: 340px;
    padding-top: 6px;
    padding-left: 10px;
}

#dtProMainGrid * {
    font-size: 10pt;
}
/* PhuPhan 15/03/2022 FFPR 生産履歴情報の閲覧制限機能 追加↑*/

/* PhuPhan 10/05/2023 FFPR 栽培実績のQRバーコード管理機能 追加↓*/
.QRcode-container-series {
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↓*/
    /*width: 265px;*/
    width: 283px;
    /*TamNguyen 08/01/2024 FFPR Đối ứng Thêm link truy xuất nguồn gốc Update ↑*/
    height: 217px;
    margin-top: 10px;
    margin-left: 10px;
    text-align: center;
    float: left;
}

    .QRcode-container-series #contentSeries {
        border: dashed 2px #CCC;
        padding: 10px;
    }

    .QRcode-container-series #QRcodeSeries {
        width: 190px;
        height: 190px;
        background-color: white;
    }

.info-stamp-series {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 0.5rem;
    margin: .5rem auto;
}
    .info-stamp-series > .info-row {
        width: calc(100%/3);
    }

        .info-stamp-series > .info-row .info {
            font-size: 20pt;
        }

#seriesStampType {
    display: flex;
    justify-content: center;
}

.series-type {
    height: calc(3*9px);
    width: calc(3*16px);
    background: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    margin: 0 2px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

    .series-type > span {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

.tutorial-container {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    border-radius: 10px;
    background: #FFFFFF;
    padding: 0.5rem;
    margin: .5rem auto;
    height: 110px;
    transition: height 100ms linear;
    cursor: pointer;
}

    .tutorial-container.collapsed {
        height: 1rem;
    }

    .tutorial-container .tutorial-message {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .tutorial-container .tutorial-message svg {
            transition: transform 100ms linear;
            color: #74c046;
        }

    .tutorial-container.collapsed .tutorial-message svg {
        transform: rotate(180deg);
    }

#QRcodeProGridDiv .ui-jqgrid-bdiv {
    transition: height 100ms linear;
}

.tutorial-container > .step {
    display: flex;
    flex-direction: column;
    width: 100px;
    transition: visibility 10ms linear;
    justify-content: center;
}

    .tutorial-container.collapsed > .step {
        visibility: hidden;
    }

.step-title {
    font-weight: bold;
    padding: .25rem 0;
}

.step-icon {
    background: #74c046;
    border-radius: 50px;
    padding: 10px;
    color: white;
}

.forward-icon {
    padding-top: 10px;
}
/* PhuPhan 10/05/2023 FFPR 栽培実績のQRバーコード管理機能 追加↑*/

#production {
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}

/*ThuyTrang 24/05/2023 Add multiple Work Condition Add↓*/
.ui-dialog-contain {
    display: flex;
    flex-direction: column;
}

input.gs-select-workcondition {
    width: 250px;
    height: 18px !important;
}

.select-workcondition > input {
    width: 260px;
}

.col-muti-daily {
    cursor: pointer;
}

.input-many-button {
    /*width: 170px;*/
    float: left;
    margin: 3px 0;
}

.checkbox-many {
    height: 16px;
}

.grid-feild-link {
    width: 120px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/button_small_mapselect.png);
    text-indent: -9999px;
    display: block;
}
/*ThuyTrang 24/05/2023 Add multiple Work Condition Add↑*/
/* PhuPhan 05/10/2023 FFPR YeuCauNoiBo No.161 追加↓*/
.QRCode-copy {
    background: #E5E5E5;
    color: #14213D;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0px;
    opacity: .5;
    cursor: pointer;
}

.QRCode-copy:hover {
    opacity: 1;
}
/* PhuPhan 05/10/2023 FFPR YeuCauNoiBo No.161 追加↑*/
/* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 追加↓*/
#changeAllInfor {
    display: flex;
    align-items: center;
    background: #F5E8B7;
    color: #CD5C08;
    padding: 0.25rem;
    border-radius: 15px;
}


    #changeAllInfor.success {
        background: #cfe1b9;
        color: #718355;
    }

    #changeAllInfor, #changeAllInfor * {
        cursor: pointer;
    }

        #changeAllInfor.disabled {
            background: #E5E5E5;
            color: #FFFFFF;
        }

            #changeAllInfor.disabled, #changeAllInfor.disabled * {
                cursor: no-drop;
            }

        #changeAllInfor span {
            margin-right: 0.25rem;
        }

            #changeAllInfor span svg {
                display: flex;
                align-items: center;
            }

    #changeAllInfor:not(.disabled):hover svg:not(.checked) {
        -webkit-animation-name: spin-update;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-name: spin-update;
        -moz-animation-duration: 1s;
        -moz-animation-iteration-count: infinite;
        pin-update: linear;
        -ms-animation-name: spin-update;
        -ms-animation-duration: 1s;
        -ms-animation-iteration-count: infinite;
        -ms-animation-timing-function: linear;
        animation-name: spin-update;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

@-ms-keyframes spin-update {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin-update {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin-update {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin-update {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* PhuPhan 13/10/2023 FFPR YeuCauNoiBo No.221 追加↑*/
/* PhuPhan 07/11/2023 FFPR YeuCauNoiBo No.229 追加↓*/
.table-user {
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
}

    .table-user .header-table-user {
        display: flex;
        flex-direction: row;
        flex: 0 0 25px;
        align-items: center;
    }


        .table-user .header-table-user span,
        .table-user .items-table-user span {
            width: 150px;
            text-align: center;
        }
            .table-user .header-table-user{
                font-weight: 700;
            }

            .table-user .header-table-user span:nth-child(1),
            .table-user .items-table-user span:nth-child(1) {
                width: 30px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            .table-user .items-table-user span:nth-child(2) {
                text-align: left;
            }

    .table-user .items-table-user {
        display: flex;
        flex-direction: column;
        max-height: 250px;
        overflow-y: auto;
    }

        .table-user .items-table-user .detail-items-table-user {
            display: flex;
            flex-direction: row;
            flex: 0 0 25px;
            align-items: center;
        }
            .table-user .items-table-user .detail-items-table-user.checked {
                background: #FFE0A3 !important;
            }

            .table-user .items-table-user .detail-items-table-user input[type=checkbox] {
                cursor: pointer;
            }

            .table-user .items-table-user .detail-items-table-user .work-user-time {
                max-width: 100px;
                text-align: center;
            }

        .table-user .items-table-user::-webkit-scrollbar {
            width: 8px;
        }

        .table-user .items-table-user::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 10px #F1F1F1;
        }

        .table-user .items-table-user::-webkit-scrollbar-thumb {
            background-color: #C1C1C1;
            outline: 1px solid #C1C1C1;
        }

            .table-user .items-table-user::-webkit-scrollbar-thumb:hover,
            .table-user .items-table-user::-webkit-scrollbar-thumb:active
            {
                background-color: #787878;
                outline: 1px solid #787878;
            }



.button-update-spin {
    display: flex;
    align-items: center;
    background: #F5E8B7;
    color: #CD5C08;
    padding: 0.25rem;
    padding-right: 0.5rem;
    margin: 0.25rem 0;
    margin-right: 0.5rem;
    border-radius: 15px;
}

    .button-update-spin.type-1 {
        background: #8ECAE6;
        color: #023047;
    }

    .button-update-spin.type-2 {
        background: #EF6351;
        color: #FFE3E0;
    }

    .button-update-spin.success {
        background: #cfe1b9;
        color: #718355;
    }

    .button-update-spin, .button-update-spin * {
        cursor: pointer;
    }

        .button-update-spin.disabled {
            background: #E5E5E5;
            color: #FFFFFF;
        }

            .button-update-spin.disabled, .button-update-spin.disabled * {
                cursor: no-drop;
            }

        .button-update-spin span {
            margin-right: 0.25rem;
        }

            .button-update-spin span svg {
                display: flex;
                align-items: center;
            }

        .button-update-spin:not(.disabled):hover svg:not(.checked) {
            -webkit-animation-name: spin-update;
            -webkit-animation-duration: 1s;
            -webkit-animation-iteration-count: infinite;
            -webkit-animation-timing-function: linear;
            -moz-animation-name: spin-update;
            -moz-animation-duration: 1s;
            -moz-animation-iteration-count: infinite;
            pin-update: linear;
            -ms-animation-name: spin-update;
            -ms-animation-duration: 1s;
            -ms-animation-iteration-count: infinite;
            -ms-animation-timing-function: linear;
            animation-name: spin-update;
            animation-duration: 1s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

.button-toggle {
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
    font-size: .85rem;
}

    .button-toggle > * {
        cursor: pointer;
    }

    .button-toggle svg {
        display: flex;
        align-items: center;
        width: 25px;
        height: 25px;
    }

    .button-toggle span {
        margin-right: 0.25rem;
        color: #bc6c25;
    }
/* PhuPhan 07/11/2023 FFPR YeuCauNoiBo No.229 追加↑*/

/*TamNguyen 23/05/2024 FFPR Đối ứng thêm chức năng phân tích đất Add ↓*/
button.btn-custom {
    border: solid 1px #b2b4b3;
    cursor: pointer;
    color: #343534;
    font-size: 13px;
    padding: 5px 10px;
    background: linear-gradient(#ffffff, #e8e8e8);
}

button.disabled {
    cursor: default;
    background: none;
    background-color: white;
    color: #A0A0A0;
}

.soil-mapselect-col-show {
    width: 40px;
    height: 45px;
    cursor: pointer;
    background-image: url(../Content/images/map_hidden_gird.png);
}

.soil-mapselect-col-hide {
    width: 40px;
    height: 45px;
    cursor: pointer;
    background-image: url(../Content/images/map_disp_gird.png);
}

.text-no-expand {
    display: block;
    max-width: 98%;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.border-table {
    border: 1px solid black;
    border-collapse: collapse;
    margin-top: 5px;
}

.border-table-th {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    padding: 5px;
    background-color: #F6FFF1;
}

.border-table-td {
    border: 1px solid black;
    border-collapse: collapse;
    text-align: center;
    padding: 5px;
}

#soidProgressBar {
    background-color: #023047;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30%;
    min-width: 200px;
    height: 3rem;
    z-index: 9998;
    text-align: center;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

    #soidProgressBar.done {
        background-color: #04AA6D;
        color: #FFFFFF;
        opacity: 0;
        z-index: -1;
        transition: z-index 1.75s, opacity 1.5s ease-in;
    }
/*TamNguyen 23/05/2024 FFPR Đối ứng thêm chức năng phân tích đất Add ↑*/

/* PhuPhan 03/06/2024 FFPR YeuCauNoiBo No.267 追加↓*/
.grid-qrcode-link {
    position: relative;
}

    .grid-qrcode-link svg {
        position: absolute;
        top: 50%;
        left: 50%;
        color: lime;
        transform: translate(-50%, -50%);
        width: 35px;
        height: 35px;
    }
/* PhuPhan 03/06/2024 FFPR YeuCauNoiBo No.267 追加↑*/

/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Add ↓*/
.liProduction, .liDetailedProduction, .liProductionDaillyReport, .liProductionMap, .liProductionDisplay, .liProductionProgress, .liMaterialStock, .liReport, .liProductionAmount, .liProductionAWD {
    display: none;
}
/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Add ↑*/
/*HoangLiem 14/11/2024 FFPR Doi Ung Noi Bo No.334 Add↓*/
#productionamount .container, 
#productionawd .container {
    float: left;
    display: block;
    width: 100%;
    height: 100%;
    margin-left: 2px;
}

#productionamount .amount-condition-area,
#productionawd .awd-condition-area {
    display: flex;
    margin-bottom: 5px;
}

#productionamount .display-condition-area,
#roductionawd .display-condition-area {
    width: unset;
}

#productionamount .proSheet-search,
#productionawd .proSheet-search {
    display: flex;
    height: auto;
    align-items: center;
    justify-content: space-around;
    margin: 8px 5px 5px 5px;
}

#productionamount .proSheet-searchDiv{
    width: unset;
    min-width: 35vw;
    margin: 0;
}

#productionawd .proSheet-searchDiv {
    width: unset;
    min-width: 25vw;
    margin: 0;
}

#productionamount .proSheet-search #cmbYearAmountInput,
#productionawd .proSheet-search #cmbYearAwdInput {
    width: 50px;
}

#productionamount #btnExportExcelAmount,
#productionawd #btnExportExcelAwd {
    cursor: pointer;
    align-self: end;
    margin-left: 5px;
}
/*HoangLiem 14/11/2024 FFPR Doi Ung Noi Bo No.334 Add↑*/
.icon-free {
    display: flex;
    align-items: center;
    margin: 0 .5rem;
    cursor: pointer;
}

    .icon-free svg {
        width: 1rem;
        height: 1rem;
    }

.text-chart {
    font-size: 1rem;
    font-weight: 700;
    margin: 0 .5rem;
    width: 90%;
}

.td-expand {
    display: flex;
    align-items: center;
    padding: .25rem 0;
}

.show-chart {
    border: 2px solid #555555;
    padding: .25rem .5rem;
    border-radius: .5rem;
    background: #f4f4f4;
    color: #555555;
}
/*PhuPhan 14/02/2025 FFPR-DoiUngNoiBo No.350 修正 ↓*/
.map-btn-select-filter {
    display: flex;
    align-items: center;
    border: solid 1px #b2b4b3;
    height: 18.5px;
    width: 90px;
    margin-top: 4.75px;
    margin-right: 3px;
    background: linear-gradient(#ffffff, #e8e8e8);
    float: left;
}

.map-btn-select-filter button {
    cursor: pointer;
    color: #343534;
    font-size: 13px;
    height: 100%;
    width: 100%;
    background: none;
    border: none;
}
/*PhuPhan 14/02/2025 FFPR-DoiUngNoiBo No.350 修正 ↑*/