*
{
	margin: 0px;
	padding: 0px;
}

body
{
    font-size: 1em;
    /*HoiNguyen FFVN 30/10/2017 ↓ */
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*HoiNguyen FFVN 30/10/2017 ↑ */
    color: #232323;
    width: 100%;
    background-color :#F6FFF1;
}
 
#main
{
    /*QuocTrung 2019/04/16 Irai_ExtendHeader FFVN Edit ↓*/
    /*width: 1020px;*/
    width: 100%;
    min-width: 1020px;
    overflow-x:auto;
    /*QuocTrung 2019/04/16 Irai_ExtendHeader FFVN Edit ↑*/
	margin-left: auto;
    margin-right: auto;
    /*DungNguyen 2018/06/28 FFPR-00008_03(FFPR 共通)　対応　修正 ↓*/
    /* height:100%; */
    -ms-overflow-x: auto;
   /*DungNguyen 2018/06/28 FFPR-00008_03(FFPR 共通)　対応　修正　↑*/
}
/* 共通CSS 開始*/
#header 
{
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    /*width:1020px;*/
    /*width: 100%;*/
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:100px;   
    /*HoiNguyen 2018/03/21 FFPR-00116(FFPR 団体利用機能追加対応)のお知らせ配信画面 対応 修正 ↓*/
    position: static;
    /*HoiNguyen 2018/03/21 FFPR-00116(FFPR 団体利用機能追加対応)のお知らせ配信画面 対応 修正 ↑*/
    /*top:0;
    float:left;*/
    background-color: #FFFFFF;
    z-index: 9999;
    display: flex;
    flex-wrap: nowrap;
    width: auto !important;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) 
{
    #header 
    {
        width:1020px;
        height:100px;
        /*HoiNguyen 2018/03/21 FFPR-00116(FFPR 団体利用機能追加対応)のお知らせ配信画面 対応 修正 ↓*/
        position: static;
        /*HoiNguyen 2018/03/21 FFPR-00116(FFPR 団体利用機能追加対応)のお知らせ配信画面 対応 修正 ↑*/
        top:0;
        float:left;
        background-color: #FFFFFF;
        z-index: 9999;
        -moz-transform: scale(0.96, 0.96); 
        zoom: 0.96; 
        zoom: 96%;
    }
}

.header 
{
    -moz-transform: scale(0.96, 0.96); 
    zoom: 0.96; 
    zoom: 96%;
}

#header .fflogo
{
    width: 200px;
    max-width: 200px;
    /*height: 90px;*/
    float: left;
    margin-right: 20px;
    background-image: url(../Content/images/FFlogo.png);
    background-repeat: no-repeat;
}

/*QuocTrung 2019/05/20 FFVN Irai_ExtendHeader Add ↓*/
@media (max-width: 1279px){
    #header .fflogo
    {
        width: 200px;
        height: 54px;
        float: left;
        margin-right: 20px;
        background-image: url(../Content/images/FFlogo_semai.png);
        background-repeat: no-repeat;
    }
}

/*Fix header on screen special of IE11 */
#header .fflogo-semai {
    width: 201px;
    height: 54px;
    float: left;
    margin-right: 20px;
    background-image: url(../Content/images/FFlogo_semai.png);
    background-repeat: no-repeat;
}
/*QuocTrung 2019/05/20 FFVN Irai_ExtendHeader Add ↑*/

#header .infos
{
   height: 100px;
}

.farm
{
   /*width: 1540px;
   min-width:646px;*/
    /*DungNguyen 2018/06/28 FFPR-00008_03(FFPR 共通)　対応　修正 ↓*/
    width: 646px;
    /*width: 70.5%;*/
    /*Luyen 2018/12/13 FFPR-00121_1(FFPR 団体利用デザイン変更) 対応　修正　↓*/
    /*min-width:646px;*/
    /*TrungLe 2020/06/29 FFPR-00008_04(FFPR 共通) 対応 修正 ↓*/
    min-width:632px;
    /*TrungLe 2020/06/29 FFPR-00008_04(FFPR 共通) 対応 修正 ↑*/
    /*Luyen 2018/12/13 FFPR-00121_1(FFPR 団体利用デザイン変更) 対応　修正　↑*/
    /*DungNguyen 2018/06/28 FFPR-00008_03(FFPR 共通)　対応　修正　↑*/
   height: 50px;
   position:relative;
   top:5px;
   float:left;
   border:none;
   background-color : #F0F0F0;
   color :#666666;
   -webkit-border-radius:5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
}

/*QuocTrung 2019/05/20 FFVN Irai_ExtendHeader Add ↓*/
@media (max-width: 1680px) {
    .farm {
        width: 1300px;
    }
}
@media (max-width: 1600px) {
    .farm {
        width: 1210px;
    }
}
@media (max-width: 1400px) {
    .farm {
        width: 1020px;
    }
}
@media (max-width: 1366px) {
    .farm {
        width: 986px;
    }
}
@media (max-width: 1280px) {
    .farm {
        width: 900px;
    }
}
@media (max-width: 1152px) {
    .farm {
        width: 772px;
    }
}
@media (max-width: 1024px) {
    .farm {
        width: 646px;
    }
}

.farm-element-update {
    height: 50px;
    position: relative;
    top: 5px;
    float: left;
    border: none;
    background-color: #F0F0F0;
    color: #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
/*QuocTrung 2019/05/20 FFVN Irai_ExtendHeader Add ↑*/

.farm-infos
{
   /*PhuPhan 2019/07/03 FFVN Header Edit ↓*/
   /*width: 380px;*/
   width: auto;
   /*PhuPhan 2019/07/03 FFVN Header Edit ↓*/
   height: 48px;
   float:left;
   margin:2px 2px 0 0;
      
}
    
.user-infos
{
   width: 260px;
   height: 44px;
   float:right;
   border:none;
   background-color : #FFFFFF;
   -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
   border-radius: 5px;
   margin:2px 2px 0 0;
      
}

.button-list
{
   height: 46px;
   float:left;
}

.farm-image
{
   width: 50px;
   height: 48px;
   float:left;
   margin:1px 1px 1px 1px;
   line-height:44px;
   text-align:center;
}

img#FarmImage
{
    max-width: 50px;
    max-height: 44px;
    width: expression(this.width > 50 ? "50px" : true);
    height: expression(this.height > 44 ? "44px" : true);
    vertical-align: middle;
    border:1px solid #AAAAAA;
}

img#UserImage
{
    max-width: 50px;
    max-height: 40px;
    width: expression(this.width > 50 ? "50px" : true);
    height: expression(this.height > 40 ? "40px" : true);
    vertical-align: middle;
    border:1px solid #AAAAAA;
}
.farm-name
{
   /*PhuPhan 2019/07/03 FFVN Header Edit ↓*/
   /*width: 324px;*/
   width: auto;
   word-break: normal;
   padding-top: 0px;
   /*PhuPhan 2019/07/03 FFVN Header Edit ↑*/
   height: 48px;
   line-height: 48px;
   float: left;
   font-size: 30px;
   font-weight: bolder;
   margin: 0 0 0 3px;
}
/*PhuPhan 2019/07/03 FFVN Header Add ↓*/
.farm-name-update 
{
   width: 324px;
   word-break: break-all;
   line-height: normal;
   padding-top: 7px;
   height: 48px;
   float:left;
   font-size:30px;
   font-weight:bolder;
   margin:0 0 0 3px;
}
/*PhuPhan 2019/07/03 FFVN Header Add ↑*/
.manual {
    float: right;
    height: 44px;
    line-height: 25px;
    /*QuocTrung 2019/04/16 FFVN Irai_ExtendHeader Edit ↓*/
    /*margin: 14px 3px 5px 2px;*/
    margin: 14px 8px 5px 2px;
    /*QuocTrung 2019/04/16 FFVN Irai_ExtendHeader Edit ↑*/
}

.custom-legend-2
{
    width:auto;
    padding:2px 10px 1px 10px;
    text-align:left;
    position:relative;
    top:-13px\9;
}

.user-image
{
   width: 50px;
   height: 40px;
   float:left;
   margin:1px 3px 1px 1px;
   line-height:40px;
   text-align:center;
}

.user-name
{
   width: 155px;
   height: 24px;
   line-height:24px;
   float:left;
   font-size:16px;
   margin:0 0 0 3px;
   text-align:left;
   font-weight:bolder;
   color: #4a8452;
 }

.user-link
{
   /*Tien Van 2018/08/17 FFVN No.55 Sua↓*/
   width: 160px;
   /*Tien Van 2018/08/17 FFVN No.55 Sua ↑*/
   height: 20px;
   float:left;
   margin:0 0 0 3px;
   font-size:11px;
}

.user-link a
{
   height: 20px;
   margin:0 3px 0 0;
   text-decoration:underline;
   font-size:11px;
}

.user-link a:link
{
   color:#244061;
   margin:0 3px 0 0;
   text-decoration:underline;
}

.user-link a:visited
{
   color:#5650a3;
   margin:0 3px 0 0;
   text-decoration:underline;
}

.datetime
{
   width: 144px;
   max-width: 144px !important;
   height: 50px;
   position:relative;
   top:5px;
   float:left;
   border:2px solid #AAAAAA;
   background-color:#74C046;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
   margin: 0 0 0 2px;
   color:#ffffff;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
{
    .datetime
    {
       width: 144px;
       height: 50px;
       position:relative;
       top:5px;
       float:left;
       border:2px solid #AAAAAA;
       background-color:#74C046;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
       margin: 0 0 0 3px;
       color:#ffffff;
   
    }
}

.datetimelandscape
{
   width: 144px;
   height: 50px;
   position:relative;
   top:5px;
   float:left;
   border:2px solid #AAAAAA;
   background-color:#74C046;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
   margin: 0 0 0 3px;
   color:#ffffff;
   
}

.datetime-year
{
   position:relative;
   top:3px;
   height: 14px;
   line-height: 14px;
   font-size: 14px;
   font-weight:bolder;
   text-align:center;
}
.datetime-month-date
{
   height: 29px;
   text-align:center;
}

.month-date
{
  height: 29px;
  font-size: 27px;
  font-weight:bolder;
  display:inline;
  margin:0 -2px 0 -2px;
  
}

.month-date-text
{
  display:inline;
  font-size: 16px;
  font-weight:bolder;
  margin-top:11px;
  margin:0 -2px 0 -2px;
}

ul#top-btn-list
{
    
    float:left;
    margin: 0;
	padding: 0;
    margin: 14px 0 0 0;
}

ul#top-btn-list li
{
    float:left;
    list-style: none;
}
 
ul#top-btn-list li.button-top-active input
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_top.png);
}

ul#top-btn-list li.button-top-mask input
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_top_mask.png);
}

ul#top-btn-list li.button-top-off input
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_top_off.png);
}
    
ul#top-btn-list li.button-book-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_book.png);
}

ul#top-btn-list li.button-book-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_book_mask.png);
}

ul#top-btn-list li.button-book-off input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_book_off.png);
}

ul#top-btn-list li.button-plan-active input  
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_plan.png);
}

ul#top-btn-list li.button-plan-mask input  
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_plan_mask.png);
}

ul#top-btn-list li.button-plan-off input  
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_plan_off.png);
}

ul#top-btn-list li.button-production-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_production.png);
}

ul#top-btn-list li.button-production-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/ 
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_production_mask.png);
}

ul#top-btn-list li.button-production-off input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_production_off.png);
}

ul#top-btn-list li.button-diary-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_diary.png);
}

ul#top-btn-list li.button-diary-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_diary_mask.png);
}

ul#top-btn-list li.button-diary-off input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_diary_off.png);
}

ul#top-btn-list li.button-tabulation-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    background-image:url(../Content/images/header_tabulation.png);
}

ul#top-btn-list li.button-tabulation-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    background-image:url(../Content/images/header_tabulation_mask.png);
}

ul#top-btn-list li.button-tabulation-off input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    background-image:url(../Content/images/header_tabulation_off.png);
}

ul#top-btn-list li.button-friend-active input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_friend.png);
}

ul#top-btn-list li.button-friend-mask input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor:default;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_friend_mask.png);
}

ul#top-btn-list li.button-friend-off input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor:pointer;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_friend_off.png);
}

ul#top-btn-list li.button-map-active input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_map.png);
}

ul#top-btn-list li.button-map-mask input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor:default;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_map_mask.png);
}

ul#top-btn-list li.button-farm-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    margin-left:8px;
    background-image:url(../Content/images/header_farm.png);
}

ul#top-btn-list li.button-farm-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    margin-left:8px;
    background-image:url(../Content/images/header_farm_mask.png);
}

ul#top-btn-list li.button-farm-off input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    margin-left:8px;
    background-image:url(../Content/images/header_farm_off.png);
}

ul#top-btn-list li.button-agrochemical-active input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_agrochemical.png);
}

ul#top-btn-list li.button-agrochemical-mask input 
{
    border:0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height:30px;
    float:left;
    outline:none;
    cursor:default;
    margin-right:2px;
    background-image:url(../Content/images/header_agrochemical_mask.png);
}

ul#top-btn-list li.button-agrochemical-active_2 input
{
    border: 0px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↓*/
    width: 85px;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    height: 30px;
    float: left;
    outline: none;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 8px;
    background-image: url(../Content/images/header_agrochemical.png);
}
/*PhuPhan 04/02/2021 農民市場機能 Add↓*/
ul#top-btn-list li.button-market-active input
{
    border: 0px;
    width: 85px;
    height: 30px;
    float: left;
    outline: none;
    cursor: pointer;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_market.png);
}

ul#top-btn-list li.button-market-mask input
{
    border: 0px;
    width: 85px;
    height: 30px;
    float: left;
    outline: none;
    cursor:default;
    margin-right: 2px;
    margin-left: 2px;
    background-image: url(../Content/images/header_market_mask.png);
}

/*TamNguyen 29/11/2023 FFPR Đối ứng Thêm trang HDSD Add ↓*/
.manual input {
    border: 0px;
    width: 70px;
    height: 30px;
    float: left;
    outline: none;
    cursor: pointer;
    background-image: url(../Content/images/button_header_manual.png);
}
/*TamNguyen 29/11/2023 FFPR Đối ứng Thêm trang HDSD Add ↑*/

ul#top-btn-list li.button-market-off input 
{
    border:0px;
    width: 85px;
    height:30px;
    float:left;
    outline:none;
    cursor:pointer;
    margin-right:2px;
    background-image:url(../Content/images/header_market_off.png);
}
/*PhuPhan 04/02/2021 農民市場機能 Add↑*/
    
/* IE6用固定 */
* html #header 
{
   position:absolute;
   top: expression(eval(document.documentElement.scrollTop));
}


.announcements-link
{
   position:relative;
   float:left;
   height:30px;
   width:64px;
   margin:14px 0px 2px 2px;
}


.dialog-contents
{
    text-align:left;
    font-size:14px;
    border-bottom: 1px solid #73b675;
    padding: 0 0 10px 0;
}

ul.dialog-button
{
    float:left;
    margin: 5px 0 0 0;
    text-decoration: none;
}
ul.dialog-button li
{
    list-style: none;
    float:left;
    margin:5px 8px 0 0;
}
ul.dialog-button li.dialog-button-yes a
{
    height:24px;
    width: 56px;
    display:block;
    background:url(../Content/images/button_small_yes.png);
}

ul.dialog-button li.dialog-button-no a
{
    height:24px;
    width: 54px;
    display:block;
    background:url(../Content/images/button_small_gray_no.png);
}

ul.dialog-button li.dialog-button-regis a
{
    height:25px;
    width: 56px;
    display:block;
    background:url(../Content/images/button_small_regist.png);
}

ul.dialog-button li.dialog-button-cancel a
{
    height:24px;
    width: 66px;
    display:block;
    background:url(../Content/images/button_small_gray_cancel.png);
}

ul.dialog-button li.dialog-button-confirm a
{
    height:24px;
    width: 54px;
    display:block;
    background:url(../Content/images/button_small_gray_no.png);
}

.change-pass-input
{
    margin: 1px 0 0 20px;
    height:146px;
}

.pass-input-error
{
   margin: 0 0 5px 0;
   float:left;
   width:370px;
}

.change-pass-input-block
{
   width:320px;
   float:left;
 
}

.change-pass-info
{
   margin:  5px  0 -5px 0;
   float:left;
   width:320px;
   height:110px;
   display:block;  
}

/*Hung 2017/01/03　FFPR-00021_03(FFPR 作業者台帳) 対応　追加 ↓*/
.notice-pass-info
{
   margin: 5px 0 -5px 22px;
   float:left;
   width:320px;
   height:110px;
   display:block;  
}
/*Hung 2017/01/03　FFPR-00021_03(FFPR 作業者台帳) 対応　追加 ↑*/

.pass-editor-label
{
    float:left;
    width:140px;
    height:30px;
    margin: 3px  0  0 0;
    
}

.pass-editor-field 
{
    float:left;
    width:160px;
    height:30px;
    margin:3px 0 0 0;
    
}

/* 共通CSS 終了*/

#function
{
    /*QuocTrung 2019/04/16 Irai_ExtendHeader FFVN Edit ↓*/
    /*margin-top: 100px;*/
    /*width:1020px;*/
    width: 100%;
    /*QuocTrung 2019/04/16 Irai_ExtendHeader FFVN Edit ↑*/
    height:100%;
    overflow:hidden;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset 
{
    position:relative;
    border:2px solid #92ab88;
    padding:0 1px 0 1px;
    background:#c3fec4;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

legend 
{
    font-weight: bold;
    /*Giang 2/11/17 FFVN <*/
    width:-87px;
    /*Giang 2/11/17 FFVN >*/
    text-align:center;
    margin:0 5px 0 5px;
    font-size:14px;
    background:#d9d9d9;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

 
.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

.requite-label
{
    color:Red;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}
/*-----------農場設定 Start-----------*/
/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Delete ↓*/
/*Tien Van 2018/06/04 FFVN  Sua↓*/
/*#farmBody
{
    position:relative;
    top:3px;
    margin-left:0px;
    width:100%;
    height:540px;
    background-color:#ffffff;
}*/
/*Tien Van 2018/06/04 FFVN  Sua ↑*/
/*#farmBody .farm-title
{
  margin: 0 0 0 4px;
  padding: 0 0 0 6px;
  color:#ffffff;
  font-weight:bolder;
  background-color:#74c046;  
  display:block;
}*/
/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Delete ↑*/

#farmBody .farm-error
{
  clear:both;
  float:left;
  position:relative;
  width:600px;
  height:20px;
  background-color:#ffffff;
}
#farmBody .error-contents
{
    color: Black;
    font-size:90%;
    font-weight:bold;
    margin:0 0 0 20px;
    padding-top: 1px;
    line-height:20px;
}

#farmBody .farm-info
{
    display: inline-block;
    width: 100%;
}

#farmBody .left-contents
{
    font-size:0.75em;
    clear:both;
    float:left;
    /*PhuPhan 2019/07/03 FFVN Header Edit ↓*/
    /*width: 495px;*/
    width: 530px;
    /*PhuPhan 2019/07/03 FFVN Header Edit ↓*/
    height:430px;
    margin: 0px 0 0 0;
    padding-left: 20px;
    display:inherit;
} 

#farmBody .left-part-one
{
/*    width: 443px;   
    height:150px;*/
}

#farmBody .left-part-two
{
    width: 443px;  
    height:auto;
}

#farmBody .input-block {
    display: flex;
    align-items: center;
    position: relative;
    /*    clear: both;*/
    /*    float: left;*/
    /*    margin: 0 2px 3px 0;*/
    margin: 0;
    margin-bottom: .25rem;
}

#farmBody .input-block4
{
   position:relative;
   clear:both;
   float:left;
   margin:0px 10px 0px 0;   
}

#farmBody .input-editor-label 
{
    float:left;
    height:20px;
    margin: 3px 10px 0 0;    
}

#farmBody .label-part1
{
    float:left;
    height:20px;
    /*QuocTrung 2017/02/01 FFVN Edit ↓*/
    width: 125px;
    /*QuocTrung 2017/02/01 FFVN Edit ↑*/
    margin: 3px 2px 0 0;    
}


#farmBody .label-part2
{
    float:left;
    height:20px;
    width: 200px;
    margin: 3px 0px 0 0;    
}

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


#farmBody .input-editor-label-note
{
    float:left;
    height:20px;
    margin: 3px 2px 0 20px;  
    font-size: 80%;
}

#farmBody .input-editor-field-note
{
    float:left;
    height:20px;
    width: 500px;
    margin:4px 2px 0 40px;
}
#farmBody .note-txtArea {
    width: 450px;
    height: 50px;
    ime-mode: active;
    word-break: break-all !important;
    resize: none;
}
#farmBody .input-editor-field-button-Update
{
    height:20px;
    width: 300px;
    margin:0px 2px 0 20px;
}
/*QuocTrung 2017/02/02 FFVN Add ↓*/
#farmBody .note
{
    color: red;
    font-size:12px;
    margin: 90px 0 0 10px;
}
/*QuocTrung 2017/02/02 FFVN Edit ↑*/
#farmBody .button-Update
{
    position:relative;
    bottom:-50px;
    margin: 0 0 0 0px;
}

#farmBody .button-Update a
{
    width: 60px;
    height:30px;
    float:left;
    outline:none;
    background-image:url(../Content/images/button_regist.png);
}

#farmBody .button-Update a.selected
{
   background-image:url(../Content/images/button_regist_mask.png);
}

#farmBody .requite-label
{
    color:Red;
}

#farmBody .right-contents
{
    float:left;
    margin-left:10px;
    /*Thuy Trang 08/12/2022 Set width header Edit ↓*/
    width: 45%;
    /*Thuy Trang 08/12/2022 Set width header Edit ↑*/
    height:350px;
}

#farmBody .image-farm
{
    width: 400px;
    height:300px;
    border: 3px solid #7b7b7b;
    margin: 40px 0 0 50px;
}

#farmBody .title-image
{
    background:#b3b3b3;
    height:25px;
    color: #ffffff;    
    padding-top: 3px;
    padding-left:8px;
    font-weight:bold;
}
#farmBody  .border-img
{
    width: 200px;
    height: 150px;
    margin: 30px 0 0 100px;

}
#farmBody .conten-img
{
    text-align: center;
    margin: 0px 0 0 0;   
}

#farmBody .nameImage
{
    text-align: center;
    margin: 30px 0 0 0;    
}
#farmBody .button-select
{
    position:relative;
    bottom:-100px;
    margin-left: 25px;    
}
#farmBody .button-select-hideimg
{
    position:relative;
    bottom:-100px;
    margin-left: 25px; 
    margin-top:100px;   
}

#farmBody .button-select a
{
    width: 60px;
    height:28px;
    float:left;
    outline:none;
    background-image:url(../Content/images/button_select.png);
}

#farmBody .button-select a : hover
{
   background-image:url(../Content/images/button_large_image_setup_mask.png);
}
img#farmImg
{
    /*QuocTrung 2017/02/01 FFVN Edit ?*/
    max-width: 200px;
    max-height: 200px;
    width: expression(this.width > 200 ? "200px" : true);
    height: expression(this.height > 200 ? "200px" : true);
    /*QuocTrung 2017/02/01 FFVN Edit ?*/
    vertical-align: middle;
    /*QuocTrung 2017/02/01 FFVN Add ?*/
    margin-top:-8px;
    /*QuocTrung 2017/02/01 FFVN Edit ?*/
}
.qq-upload-button
{
    width: 90px;
    height:30px;
    float:left;
    outline:none;
    margin: 20px 0 0 20px;
    background-image:url(../Content/images/button_large_image_setup.png);
}
.qq-upload-button input 
{
    height:100% !important;
    width:100% !important;
    border-left-width:100px\9 !important;
    font-size:20px !important;
}
.qq-upload-button-file
{
    width: 90px;
    height:30px;
    float:left;
    outline:none;
    margin: 20px 0 0 20px;
    background-image:url(../Content/images/button_large_file_setup.png);
}
.qq-upload-button-file .qq-upload-button
{
    width: 90px;
    height:30px;
    float:left;
    outline:none; 
    margin:0;  
    background-image:url(../Content/images/button_large_file_setup.png);
}
.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);
}
ul.qq-upload-list
{
    list-style: none;
    text-indent:-99999px;
    display:block;
    font-size: 0px;
}
ul.qq-upload-list li
{
    text-indent:-99999px;
    display:block;

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

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

.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-data {
	padding: 5px;
	width: 420px;
	margin-top: 5px;
	margin-bottom: 5px;
	position: relative;
}
.upload-data.pending {
	border: 1px solid #fbd850;
}
.upload-data.uploading {
	border: 1px solid #EDBE05;
}
.upload-data.success {
	border: 1px solid #CCCCCC;
}
.upload-data.error, .upload-data.cancel {
	border: 1px solid #FF0000;
	display:block;
}
.px-widget ul.actions {
	position: absolute;
	top: 5px;
	right: 5px;
	margin: 0;
    padding: 0;
}
.px-widget ul.actions li {
	cursor: pointer;
	float: left;
	list-style: none outside none;
	margin: 2px;
	padding: 4px;
	position: relative;
	font-size: 60px;	
}
.upload-data .filename {
	padding-right: 10px;
	width: 120px;
}
.upload-data .status {
	clear: both;
}
/* jQuery UI progressbar */
.progress {
	display: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
.progressBar {
	float: left;
	width: 280px;
	height: 22px;
}
.percentage {
	float: left;
	padding-left: 5px;
	width: 50px;
}
.uploading .ui-progressbar-value {
	background-image: url(ui-lightness/images/pbar-ani.gif);
}
.px-widget .ui-button {
	height: 40px;
}
/*-----------農場設定 end-----------*/

/*グリッド背景色用の共通部分*/
.grid-no-blank-color
{
    background: #C5EDAC;
}

/*数字*/
.number
{
    ime-mode:disabled;
    text-align: right;
    padding-right: 1px\9; 
}
.ime-mode-off
{
    ime-mode:disabled; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) 
{
    body:nth-of-type(1) .planSheetRegDlgDivFieldDetailRow input
    {
        height:15px;      
    }
    
    body:nth-of-type(1) .planSheetRegDlgDivFieldDetailRow select
    {
        height:19px;      
        vertical-align:top;
    }
    
    body:nth-of-type(1) .dtplanRegDlgDivFieldDetailRow input, .user-editor-field input, .input-editor-field input,
                        .dtproRegDlgDivFieldDetailRow input, .dtpro-user-editor-field input, .regis-textbox_9_3,
                        .user-editor-field-daily input, .regis-textbox_5_2,.regis-textbox_6_3
    {
        height:14px;
    }
    
    body:nth-of-type(1) .dtplanRegDlgDivFieldDetailRow select, .input-editor-field select, .dtproRegDlgDivFieldDetailRow select,
                        .regis-fieldset-amountunit-combo
    {
        height:18px;      
        vertical-align:top;
    }
}
.planSheetRegDlgDivFieldDetailRow select
{
    height:19px\9;
    vertical-align:top;
}
.dtplanRegDlgDivFieldDetailRow select, .input-editor-field select, .dtproRegDlgDivFieldDetailRow select, .regis-fieldset-amountunit-combo
{
    height:17.2px\9;
    vertical-align:top;
}

/*Tien 2015/04/14  FFPR-00087(FFPR 栽培明細 画像複数登録対応) 対応　追加 ↓*/
@media screen and (min-width:0\0) {
    .input-editor-field select, .dtproRegDlgDivFieldDetailRow select, .regis-fieldset-amountunit-combo
    {
        height:17px;
        vertical-align:top;
    }
}
/*Tien 2015/04/14  FFPR-00087(FFPR 栽培明細 画像複数登録対応) 対応　追加 ↑*/

.proSheetRegLeft-col2 .number,
.proSheetRegDlgDivFieldDetailRow .number,
.planSheetRegLeft-col2 .number,
.planSheetRegDlgDivFieldDetailRow .number,
.regis-textbox_9_3
{
    min-width:82px;
}
.regis-textbox_5_2,.regis-textbox_6_3
{
    min-width:73px;
    font-size:11px !important;
}
.hasDatepicker
{
    text-align: right;
    ime-mode:disabled;
    /*HoiNguyen FFVN 30/10/2017 ↓ */
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    /*HoiNguyen FFVN 30/10/2017 ↑ */
    font-size:13px !important;
    height:18px;    
    width:80px;
    min-width:50px !important;
}
.content-top .hasDatepicker
{
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add　↓*/
    text-align: left;
    /*QuocTrung 2019/05/07 FFVN [Change Format Button] Add ↑*/
    ime-mode:disabled;
    /*HoiNguyen FFVN 30/10/2017 ↓ */
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    /*HoiNguyen FFVN 30/10/2017 ↑ */
    font-size:12px !important;
    height:17px;    
    width:70px;
    min-width:50px !important;
}
.hasDatepicker::-ms-clear
{
    display:none;
}
.width73
{
    width:73px;
}

/*エラーメッセージ*/
.redMsg
{
    color:#ff0000;
    /*HoiNguyen FFVN 30/10/2017 ↓*/
    font-size: 12pt;
    /*HoiNguyen FFVN 30/10/2017 ↑*/
    vertical-align:middle;
}
/*お知らせ、警告メッセージ*/
.blackMsg
{
    color:#4d4d4d;   
    /*ManNguyen 2017/10/21 FFVN Sua ↓ */
    font-size: 11pt;
    /*ManNguyen 2017/10/21 FFVN Sua ↑ */    
    vertical-align:middle;

}

/*お知らせ、警告メッセージ*/
.blueMsg
{
    color:#4169e1;
    /*HoiNguyen FFVN 30/10/2017 ↓*/
    font-size: 12pt;
    /*HoiNguyen FFVN 30/10/2017 ↑*/
    vertical-align:middle;
}

/*ガイドメッセージ領域*/
.msgArea
{
    vertical-align: middle;
    display: table-cell;
    height:31px;
    width:100%;
    background-color:#ffffff;
    layout-grid-line: 30px;
}

.msgArea_2
{
    vertical-align: middle;
    display: table-cell;
    height:30px;
    width:100%;
    layout-grid-line: 30px;
}


/*共通エラーページ*/
#error-body
{
    position:relative;
    top:10px;
    width:100%;
    height:100%;
    margin: 0 0 20px 10px;
}

.error-title
{
   height: 30px;
   line-height: 30px;
   font-size:150%;
   font-weight:bolder; 
   margin: 0 0 15px 10px;
}

.error-infos
{
   position:relative;
   font-size:100%;
   margin: 0 0 15px 10px; 
}

.error-infos-title
{
   position:relative;
   font-size:100%; 
   font-weight:bold; 
}

.error-content-block
{
   margin: 0 0 5px 10px;
   font-size:100%;   
}

.error-msg
{
    color:Red;
    font-weight:bold;
    font-size:0.8em;
    line-height:14px;
}

.normal-msg
{
    color:Black;
    font-weight:bold;
    font-size:0.8em;
    line-height:14px;
}

.grid-update-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/update_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-delete-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/delete_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-copy-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/copy_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-detail-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/detail_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-revocation-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/alert-agrochemical_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-select-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/button_choose.png);
    text-indent:-9999px;
    display:block;
}

.grid-import-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/record_small.png);
    text-indent:-9999px;
    display:block;
}

.grid-icon-link
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(../Content/images/picture.png);
    text-indent:-9999px;
    display:block;
}

/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↓*/
.grid-qrcode-link {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url('images/qrcode_icon.png');
    text-indent: -9999px;
    display: block;
}

.grid-qrcode-confirm-link {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url('images/qrcode_confirm_icon.png');
    text-indent: -9999px;
    display: block;
}

.grid-hidden-link {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url('images/hidden_icon.png');
    text-indent: -9999px;
    display: block;
}

.grid-unhidden-link {
    width: 20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url('images/unhidden_icon.png');
    text-indent: -9999px;
    display: block;
}
/*PhuPhan 28/10/2020 QRCode and Hidden the Production Sheet when Season End Add↑*/
.grid-icon-movie
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../Content/images/movie_small.png);
    text-indent:-9999px;
    display:block;
}
.grid-icon-excel
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../Content/images/file_small.png);
    text-indent:-9999px;
    display:block;
}
.grid-icon-pdf
{
    width:20px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff url(../Content/images/pdf_small.png);
    text-indent:-9999px;
    display:block;
}
.imgWH100
{
    max-width: 100px;
    max-height: 100px;
    width: expression(this.width > 100 ? "100px" : true);
    height: expression(this.height > 100 ? "100px" : true);
    vertical-align: middle;   
}
/*Begin jqueryui.Autocompleteのcombobox*/
.ui-button  
{
    margin-left: 0px; 
    margin-bottom:0px;
    margin-bottom:-4px\9;
    padding: 0.3px 0.1px 0.2px 0.3px;
    padding: 0.3em\9 0.1em\9 0.2em\9 0.3em\9; 
}
.ui-button-icon-only .ui-button-text 
{
    padding: 0.35em; 
}
.ui-autocomplete-input  
{
  
        float: left;
		clear: left;
		width:80px;
}
.ui-button-icon-combo {
		
		top: 0;
		bottom: 0;		
		padding: 0;
		float: left;
		height:18px;
		height:18px\0;
		height:18px\9;
		display: inline-block; position: relative; padding: 0.1em;
		text-decoration: none !important; cursor: pointer; 
		border-left:0px;
		/* adjust styles for IE 6/7 */
		
	}
	
.input-combobox
{
    height:16px !important;
}
/*End queryui.Autocompleteのcombobox*/
.common-combo
{
    width:100px;
}
.disabled-label
{
    color: gray;
}
.hide
{
    display:none;
}
.japanese-input-mode
{
    ime-mode:active;
}
.frozen-cell-select 
{
    background: #E5FFE2;
}
/* jqgrid newline restrain */
.ui-jqgrid tr.jqgrow td {
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↓*/
    word-break: break-word;
    /*T.Mong 2017/09/12　FF受入不具合台帳_089 ほ場上限開放対応のNo56　対応　修正 ↑*/
}
.ui-th-column-header
{
    cursor:default;
}

/*農場設定画面のCSVアップロードボタン　開始↓*/
.qq-upload-ref-button
{
    width: 60px;
    height:20px;
    float:left;
    outline:none;
    margin: 5px 0 0 0;
    background-image:url(../Content/images/button_small_browse.png);
}

.qq-upload-button-focus 
{
    outline:1px dotted black;
    cursor: default;
}

ul.qq-upload-ref-list
{
    display:none;
}
ul.qq-upload-ref-list li
{
    display:none;
}
.qq-upload-ref-cancel
{
   display:none;
}
.qq-upload-ref-failed-text
{
    display:none;
}
.qq-upload-ref-file
{
    display:none;
}
.qq-upload-ref-size
{
    display:none;
}
.qq-upload-ref-spinner
{
    display:none;
}

/*農場設定画面のCSVアップロードボタン　終了↑*/

/*台帳セットアップ 開始↓*/

.book-setup-fieldset
{
   height:80px;
   padding-left:2px;
   padding-right:2px;
   padding-top:2px;
   margin:0 -5px 0 -5px;
}
/*台帳セットアップ　終了↑*/
/*-----------qtip Start-----------*/
.detail-image-tooltip
{
    width:100%;
    text-align:center;
}

.detail-image-tooltip img
{
    max-width: 80px;
    max-height: 200px;
    width: expression(this.width > 80 ? "80px" : true);
    height: expression(this.height > 200 ? "200px" : true);
    vertical-align: middle;
    border:1px solid gray;
}

.qtip 
{
    max-width:120px !important;
    max-width:100px\9 !important;
}
/*-----------qtip End-----------*/
textarea, input, select
{
    /*HoiNguyen FFVN 30/10/2017 ↓*/
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    /*HoiNguyen FFVN 30/10/2017 ↑*/
    font-size: 1em !important;
}
@media print{ 
    .lblMapTitle{
        color:White !important;
        font-size: 17px!important;
        z-index:2 !important;
    }
    .lblMapTitle1,.lblMapTitle2,.lblMapTitle3{
        color:Black !important;
        font-weight: bolder !important;
        font-size: 17px!important;
        z-index:1 !important;
    }
}

.input-combobox[disabled]   /*Autocomplete comboboxのdisabled背景*/
{
  background-color : #E5E5E5;
  background-image: none; 
}

input[type='text'][disabled] {
    border: 1px solid #A9A9A9;
    background-color: #E5E5E5;
    color: Gray !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: none;
    [;min-height:16px;];/*Safari*/
    [;padding-right:3px;];/*Safari*/
}


select[disabled] { /*Safari*/
    [;border: 1px solid #A9A9A9;];
    [;background-color: #E5E5E5;]
    [;color: Gray !important;];
    [;-moz-border-radius: 2px;];
    [;-webkit-border-radius: 2px;];
    [;border-radius: 2px;];
    [;background-image: none;];
    [;line-height:12px;];
    [;padding-left:-1px;]; 
    [;text-indent:-1px;]; 
}

@media screen and (-webkit-min-device-pixel-ratio:0) { /*Chrome*/
    input[type='text'][disabled] {
        border: 1px solid #A9A9A9;
        background-color: #E5E5E5;
        color: Gray !important;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-image: none;
        min-height:16px;
        padding-right:3px;
    }
    
 select[disabled] {
        border: 1px solid #A9A9A9;
        background-color: #E5E5E5;
        color: Gray !important;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background-image: none;
    
    
}
}

@-moz-document url-prefix()  /*FireFox*/
{
      
  select[disabled] {
    height:18px;
    line-height:14px;
    border: 1px solid #A9A9A9;
   /* border-bottom: 1px solid #A9A9A9;
    border-left:1px solid #A9A9A9;
    border-top:1px solid #A9A9A9;*/
    background-color: #E5E5E5;
   -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    text-indent:-0.5px;
    font-size:12px !important;
    
    /*
    -webkit-appearance: button;
    -webkit-appearance:button;
    -appearance:button;
    */
   opacity:0.6;
  }
 select arrow {
    background-color: Black;
}

	
  select span: hover
  {
      background-color: Black;
      border: 0px none !important;
      background-image: none !important;
  }
    
}


/*Tien 2015/04/14  FFPR-00087(FFPR 栽培明細 画像複数登録対応) 対応　追加 ↓*/
.loading-img {
    display:none;
    position: absolute;
    z-index: 200;
    left: 0;
    margin: 7px 0 7px 138px;
}

.scroll-arrow-left {
    width: 25px;
    height: 85px;
    background-image: url(../Content/images/picture_l_on.png);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    margin: 7px 0 7px 7px;
}

.scroll-arrow-right {
    width: 25px;
    height: 85px;
    background-image: url(../Content/images/picture_r_on.png);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    margin: 7px 6px 7px 0;
}

.scroll-arrow-left-mask {
    width: 25px;
    height: 85px;
    background-image: url(../Content/images/picture_l_off.png);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0;
    margin: 7px 0 7px 7px;
}

.scroll-arrow-right-mask {
    width: 25px;
    height: 85px;
    background-image: url(../Content/images/picture_r_off.png);
    background-repeat: repeat;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0;
    margin: 7px 6px 7px 0;
}

.scroll-upload-area {
    float: left;
    position: relative;
    border: 2px solid #8a8780;
    padding: 0 1px 0 1px;
    background: #FFFFFF;
    margin-top: 2px;
    width: 366px;
    height: 135px;
}

.scroll-img-area {
    position: relative;
    width: 366px;
    height: 99px;
}

.scroll-img {
    width: 366px;
    height: 99px;
    overflow: hidden;
    font-size: 0;
}

.scroll-img ul {
  width: 1500px;
  height: 600px;
  margin: 0;
}

.scroll-img ul li {
    float: left;
    display: inline-block;
    margin: 7px 0 7px 7px;
}

.scroll-img-ul-li-a-img{
    width: 113px;
    height: 85px;
}

.scroll-upload-button {
    position: relative;
    float: left;
    width: 166px;
    height: 33px;
    padding: 0 0 0 7px;
}

.scroll-qq-upload-button-file {
    width: 90px;
    height:30px;
    float:left;
    outline:none;
    margin: 0 5px 0 0 ;
    background-image:url(../Content/images/button_large_file_setup.png);
}

.scroll-qq-upload-button
{
    width: 90px;
    height:30px;
    float:left;
    outline:none; 
    margin:0;  
    background-image:url(../Content/images/button_large_file_setup.png);
    position: relative;
    overflow: hidden;
    direction: ltr; 
}

.scroll-qq-upload-button input
{
    position: absolute; 
    right: 0px; 
    top: 0px; 
    font-family: Arial; 
    font-size: 118px; 
    margin: 0px; 
    padding: 0px; 
    cursor: pointer; 
    opacity: 0;
    height: 100% !important;
    width: 100% !important;
    filter: alpha(opacity=0);
}
/*Tien 2015/04/14  FFPR-00087(FFPR 栽培明細 画像複数登録対応) 対応　追加 ↑*/

/*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　追加 ↓*/
.detail-regis-agro-area90
{
    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-area90 fieldset 
{
    position:relative;
    border:2px solid #8a8780;
    padding:0 1px 0 1px;
    background:#FFFFFF; 
    height: 121px;
    width: 786px;
}

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

.detail-custom-legend90 input
{
   float:left;
   margin:2px 0 0 4px; 
}

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

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

.dtPro-input-row90
{
   float:left;
   /*ManNguyen 2017/10/21 FFVN Sua ↓ */
   width:470px;
   margin-bottom:1px;
   /*ManNguyen 2017/10/21 FFVN Sua ↓ */
   height:18px;
   line-height:18px;
   margin-top:1px;
}

.input-editor-label90
{
    float:left;
    height:20px;
    margin: 0px 16px 0 0;
}

.area-Table-Agro-Roll
{
   height: 71px;
   overflow-y: auto;
}

.list-Agro-Fertilize table.header-table tr
{
    height:10px;
    margin-bottom: 0px;
}

.list-Agro-Fertilize table.tbody-table
{
    padding-top: 0px;
    margin-top: 0px;
    border:none;
}

.list-Agro-Fertilize table.header-table th,
list-Agro-Fertilize table.tbody-table tbody tr
{
   text-align: left;
}

.nameAgroFertili-tooltip
{
    font-size:11px;
}

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

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

.nameAgro-tooltip
{
    float: left;
    /*Quoc Trung FFVN Edit No.90 2018/09/07 ↓*/ 
    /*ThuyTrang 2022/4/19 Label Update A25 Edit ↓*/
    width:125px !important;
    /*ThuyTrang 2022/4/19 Label Update A25 Edit ↓*/
    /*Quoc Trung FFVN Edit No.90 2018/09/07 ↑*/
    white-space: nowrap !important;
    word-wrap: normal;
    overflow: hidden;
    padding-left:5px;
}

.nameAgro-more
{
    float: left;
    position:relative; 
    top:0; 
    left:0; 
    text-align:left; 
    width:15px; 
    color:#7C7C7C; 
    font-weight:bold;  
}
/*Tien 2015/10/27 FFPR-00090(FFPR 計画・栽培明細　農薬・肥料複数登録対応) 対応　追加 ↑*/

/*Tien 2016/09/08　FF受入不具合台帳_043栽培日報入力_2のNo5　対応　追加 ↓*/
.field-loading 
{
    position: absolute; 
    top: 25%;
    left: 50%;
    padding: 6px; 
    margin: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    border: 2px solid #aaaaaa;
    width: 80px;
    height: 20px;
    background-color: white;
    -webkit-transform: translate(-50%, -50%);  
    transform: translate(-50%, -50%);   
}
/*Tien 2016/09/08　FF受入不具合台帳_043栽培日報入力_2のNo5　対応　追加 ↑*/
/*Luyen 2017/04/04 FF受入不具合台帳_089 ほ場上限開放対応-栽培シートの16 追加 ↓*/
.select-row
{
    /*Luyen 2017/03/24 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-計画シート 対応　修正　↓*/
    /*background: #fbec88 !important;*/
    background: #FFE0A3 !important;
    /*Luyen 2017/03/24 FFPR-00100_01(FFPR ほ場1000件条件解除対応)-計画シート 対応　修正　↑*/
}
/*Luyen 2017/04/04 FF受入不具合台帳_089 ほ場上限開放対応-栽培シートの16 追加  ↑*/
/* PhuPhan 28/03/2022 FFPR 自由台帳等 対応 追加 ↓*/
.OptiontitleCbm {
    clear: both;
    float: left;
    width: 190px;
    word-break: break-word;
    word-wrap: break-word;
    margin-top: 3px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.OptionCbmPlan {
    float: left;
    margin-top: 3px;
    width: 165px;
}

    .OptionCbmPlan .ui-autocomplete-input {
        float: left;
        clear: left;
        width: 142px;
    }

.proSheetOptiontitleClss {
    clear: both;
    float: left;
    width: 140px;
    word-break: break-word;
    word-wrap: break-word;
    margin-top: 3px;
    margin-left: 0px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.proSheetOptionCmbClss {
    float: right;
    margin-top: 3px;
    width: 155px;
}

    .proSheetOptionCmbClss .ui-autocomplete-input {
        width: 130px;
    }
/*PhuPhan 28/03/2022 FFPR 自由台帳等 対応 修正 ↑*/
/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓↑*/
#bookSetupDialog {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
/* PhuPhan 20/06/2022 FFPR 栽培シート内部見本を作成する 追加↓↑*/

.header-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
}

.header-col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.button-size{
    width: 70px;
    max-width: 70px;
}

.fix-button-position {
    transform: translateX(-220px);
}

/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Add ↓*/
#TopScreen, #Book, #Plan, #Production, #Diary, #Tabulation, #Friend, #Map, #Farm, #Agro, #Market, .manual {
    display: none;
}
/*TamNguyen 27/08/2024 FFPRRole - Yêu cầu nội bộ No.296 Add ↑*/
/* PhuPhan 23/06/2025 FFPR-Send Notification Add ↓*/
.notification {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    width: 100px;
    padding-right: .5rem;
    position: relative;
    cursor: pointer;
}

.icon-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    right: .5rem;
    width: .5rem;
    height: .5rem;
    background-color: red;
    border-radius: 50%;
    border: 1px solid white;
}

.notification-container {
    display: none;
    height: 30rem;
    max-height: 30rem;
    width: 263px;
    background: #f2f2f2;
    z-index: 10;
    position: absolute;
    top: 50px;
    right: 0;
    color: #212529;
    border-radius: 0 0 0.625rem 0.625rem;
}

.notification-header {
    background: linear-gradient(to bottom, #8BCD62, #fff);
    padding: .75rem 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #212529;
}

    .notification-header h1 {
        margin: 0;
        font-size: 1rem;
        font-weight: 700;
    }

.notification-tab-bar {
    display: flex;
    border-bottom: .125rem solid #eee;
    font-size: .85rem;
    background-color: white;
    text-align: center;
}

.notification-tab {
    padding: 0.5rem 0.75rem;
    position: relative;
    font-size: 1rem;
    min-width: fit-content;
    background-color: transparent !important;
}

    .notification-tab.active {
        font-weight: bold;
        color: #8BCD62 !important;
        border-bottom: 0.1875rem solid #8BCD62;
    }

    .notification-tab .badge {
        display: none;
        background-color: red;
        color: white;
        font-size: 0.5rem;
        border-radius: 50%;
        padding: 0.125rem 0.275rem;
        position: absolute;
        top: 0.375rem;
        right: -0.75rem;
    }

.notification-list {
    padding: .5rem;
}

.notification-notification {
    background-color: white;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    border-radius: 0.625rem;
    box-shadow: 0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05);
}

    .notification-notification.unread {
        cursor: pointer;
    }


    .notification-notification.readed {
        color: #bbbbbb !important;
    }

    .notification-notification .title {
        font-weight: bold;
        margin-bottom: 0.25rem;
        font-size: 12pt;
    }

    .notification-notification .icon {
        width: 1rem;
        height: 1rem;
        background-color: red;
        border-radius: 50%;
        display: inline-block;
        margin-right: 0.375rem;
    }

    .notification-notification .sub {
        color: gray;
        font-size: 0.75rem;
        margin-bottom: 0.375rem;
        display: flex;
        align-items: center;
    }

    .notification-notification .content {
        font-size: 0.875rem;
        display: block !important;
        overflow: hidden !important;
        background-color: transparent !important;
        width: auto !important;
    }

.ghost-loading {
    background: linear-gradient(90deg, #EEE, #C7C7C7, #EEE);
    background-size: 200% 100%;
    animation: shimmer 1.2s infinite;
    height: 4rem;
    border-radius: 1rem;
    margin-bottom: 0.5rem;
}


@keyframes shimmer {
    0% {
        background-position: -200% 0;
    }

    100% {
        background-position: 200% 0;
    }
}

.scroll-container {
    height: 25rem;
    overflow-y: auto;
    background: #f8f8f8;
    position: relative;
    border-radius: 0 0 0.625rem 0.625rem;
}
/* PhuPhan 23/06/2025 FFPR-Send Notification Add ↑*/