#farmBody {
    height: auto;
}

.header-image {
    text-align: center;
}

/*body*/
.farm-name-contain {
    width: 100%;
    text-align: center;
}


.body-content {
    width: 100%;
    text-align: center;
}

.body-containt {
    width: 98%;
    border: 2px solid #8a8780;
    border-radius: 5px;
    margin: auto;
    text-align: center;
}
/*PhuPhan 2024/06/26 FFPR-YeuCauNoiBo No.274 修正 ↓*/
.farm-name {
    background-color: #e68736;
    height: 80px;
    float: none;
    border-radius: 3px 3px 0 0;
    margin: 0;
    line-height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .farm-name #farmName {
        color: #ffffff;
        /*width: 90%;*/
        /*padding-top: 25px;*/
        /*margin: auto;*/
        margin: 0 .25rem;
    }
/*PhuPhan 2024/06/26 FFPR-YeuCauNoiBo No.274 修正 ↑*/
.title-index {
    color: #ffffff;
    background-color: #74c046;
    border-radius: 3px 3px 0 0;
    text-align: center;
    padding: 5px 0;
    font-weight: bold;
    cursor: pointer;
    position: relative;
}
    .title-index.active, .title-index:hover {
        background-color: #3d721d;
    }

.infor-contain {
    text-align: left;
}

.user-info-detail {
    border: 1px solid #8a8780;
    width: 95%;
    margin: 10px auto;
    border-radius: 5px;
}

.farm-info-detail {
    border: 1px solid #8a8780;
    width: 95%;
    margin: 10px auto;
    border-radius: 5px;
}
/* PhuPhan 31/01/2021 QRcodeUpdate Add↓*/
.orther-info-detail {
    border: 1px solid #8a8780;
    width: 95%;
    margin: 10px auto;
    border-radius: 5px;
}
/* PhuPhan 31/01/2021 QRcodeUpdate Add↑*/
.infor-column-left {
    float: left;
    width: 30%;
    padding: 10px;
}

.infor-column-right {
    float: left;
    width: 50%;
    padding: 10px;
}

.infor-row:after {
    content: "";
    display: table;
    clear: both;
}
/*Thuy Trang 14/12/2022 Open Google Map Edit ↓*/
.link-web {
/*Thuy Trang 14/12/2022 Open Google Map Edit ↑*/
    text-decoration: none;
    color: #ffffff;
    background-color: #e68736;
    padding: 5px;
    border-radius: 5px;
}

#proDetails {
    margin: 30px 0 0 4px;
}
/*end body*/
/* PhuPhan 27/06/2022 FFPR 栽培シート明細報告機能改善 修正↓*/
/*message*/
/*TamNguyen 08/08/2024 FFPRRole - Yêu cầu nội bộ No.298 Update ↓*/
/*#notFoundMsgContain {*/
.not-found-message {
/*TamNguyen 08/08/2024 FFPRRole - Yêu cầu nội bộ No.298 Update ↑*/
/* PhuPhan 27/06/2022 FFPR 栽培シート明細報告機能改善 修正↑*/
    color: #e68736;
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    display: none;
    font-size: 2em;
    width: 100%;
    text-align: center;
}

/*TamNguyen 08/08/2024 FFPRRole - Yêu cầu nội bộ No.298 Add ↓*/
.not-found-message-expire {
    color: #e68736;
    z-index: 2;
    /*HoangLiem 21/10/2024 FFPR Doi Ung Noi Bo No.298 Update↓*/
    /*margin-top: 50px;*/
    margin: 2rem 0;
    /*HoangLiem 21/10/2024 FFPR Doi Ung Noi Bo No.298 Update↑*/
    display: none;
    font-size: 2em;
    width: 100%;
    text-align: center;
}
/*TamNguyen 08/08/2024 FFPRRole - Yêu cầu nội bộ No.298 Add ↑*/
/*end message*/

/*footer*/
#footer {
    display: block;
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 0 0 10px;
    color: #656565;
    text-align: center;
    background: rgb(246,255,241);
    border-top: 15px solid rgba(101,101,101,0.5);
}

    #footer p {
        display: block;
        font-size: 12px;
        line-height: 20px;
        list-style: none;
        padding: 10px 0 0;
    }
/*end footer*/

/* ManNguyen QRCode作成機能改善 Add↓*/
.title-info-detail {
    border: 1px solid #8a8780;
    width: 95%;
    margin: 10px auto;
    border-radius: 5px;
    /*min-height: 60px;*/
}
/* ManNguyen QRCode作成機能改善 Add↑*/

.scroll-img-ul-li-a-img-rp {
    width: 200px;
    height: 190px;
    display: none;
}

/* PhuPhan 18/02/2022 Directions Map 追加↓*/
.floating-result {
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    text-align: right;
    line-height: 30px;
    padding-left: 10px;
    float: right;
}

    .floating-result .result-label{
        font-weight:bold;
    }

.floating-panel {
    z-index: 5;
    background-color: #fff;
    padding: 5px;
    text-align: center;
    line-height: 30px;
    padding-left: 10px;
    float: left;
}

    .floating-panel .button-transport {
        background-color: white;
        color: white;
        padding: 10px;
        cursor: pointer;
        display: inline-block;
        border-radius:50px;
    }

    .floating-panel :after {
        content: "";
        clear: both;
        display: table;
    }

    .floating-panel div:hover {
        background-color: rgba(180, 180, 180, 0.3);
    }

.button-transport img {
    width: 30px;
    height: 30px;
    filter: grayscale(100%);
}

.button-transport.transport-activated {
    background-color: #e8f0fe!important;
}

    .button-transport.transport-activated img {
        background-color: #e8f0fe !important;
        filter: grayscale(0);
    }

.button-transport.transport-deactivated {
    filter: opacity(25%) grayscale(100%);
    cursor: default!important;
}

.button-transport.transport-deactivated img {
    filter: opacity(25%) grayscale(100%);
}

.button-transport.transport-deactivated:hover {
    background-color: white !important;
}

#urlMarket {
    position: absolute;
    top: 10px;
    left: 20px;
    cursor: pointer;
}
    #urlMarket img {
        width: 80px;
        height: 80px;
    }
/* PhuPhan 18/02/2022 Directions Map 追加↑*/

#cboxCurrent {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.collapsible {
    display: block;
}

.collapsible-toggled {
    display: none;
}

.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 */
}

.toggle-expand {
    position: absolute;
    top: 50%;
    right: 1vw;
    -ms-transform: translateY(-50%) rotate(90deg); /* IE 9 */
    transform: translateY(-50%) rotate(90deg);
    width: 30px;
    height: 26px;
}
    .toggle-expand.active {
        -ms-transform: translateY(-50%) rotate(270deg); /* IE 9 */
        transform: translateY(-50%) rotate(270deg);
    }

    .toggle-expand:after {
        content: '\276E';
        font-size: 13pt;
    }

/* PhuPhan 15/03/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 15/03/2022 FFPR 生産履歴情報の閲覧制限機能 追加↑*/
/* PhuPhan 05/10/2023 FFPR YeuCauNoiBo No.161 追加↓*/
.link {
    cursor: pointer;
    display: flex;
    justify-content: start;
    align-items: center;
    max-width: 165px;
    border-radius: 12px;
    padding: 4px;
}
    .link > svg {
        height: 28px;
        width: 28px;
        margin-right: 0.5rem;
    }
    .link > img.logo {
        height: 28px;
        width: 28px;
        margin-right: 0.5rem;
        border-radius: 50%;
    }
    .link > img.qrCode {
        height: 160px;
        width: 160px;
    }


.link.link-facefarm-other {
    background: #FCA311;
    color: #FFFFFF;
}

    .link.link-facefarm-report {
        height: 160px;
        width: 160px;
        border: dashed 2px #CCC;
    }

    .link.link-normal {
        background: #606C38;
        color: #FEFAE0;
    }
/* PhuPhan 05/10/2023 FFPR YeuCauNoiBo No.161 追加↑*/
/*PhuPhan 2024/03/11 FFPR-DoiUngKhachHang No.250　追加 ↓*/
#Language {
    display: flex;
    align-items: center;
    position: absolute;
    top: 10px;
    right: 20px;
    color: #000000;
    font-size: 1.15rem;
}

    #Language svg {
        width: 30px;
        height: 30px;
        color: #000000;
        margin-right: .5rem;
    }


    #Language .select {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 140px;
        height: 40px;
    }

    #Language .option {
        padding: 0 30px 0 10px;
        min-height: 40px;
        display: flex;
        align-items: center;
        background: #FFFFFF;
        border-top: #f0ead2 solid 1px;
        position: absolute;
        top: 0;
        width: 100%;
        pointer-events: none;
        order: 2;
        z-index: 1;
        transition: background .4s ease-in-out;
        box-sizing: border-box;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
    }

        #Language .option:hover {
            background: #DEE2E6;
        }

    #Language .select:focus .option {
        position: relative;
        pointer-events: all;
    }

    #Language input {
        opacity: 0;
        position: absolute;
        left: -99999px;
    }

        #Language input:checked + label {
            order: 1;
            z-index: 2;
            background: #FFFFFF;
            border-top: none;
            position: relative;
        }

            #Language .option:active, #Language input:checked + label:hover {
                background: #FFFFFF;
            }

            #Language input:checked + label:after {
                content: '';
                width: 0;
                height: 0;
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #000000;
                position: absolute;
                right: 10px;
                top: calc(50% - 2.5px);
                pointer-events: none;
                z-index: 3;
            }

            #Language input:checked + label:before {
                position: absolute;
                right: 0;
                height: 40px;
                width: 40px;
                content: '';
                background: #FFFFFF;
            }
/*PhuPhan 2024/03/11 FFPR-DoiUngKhachHang No.250　追加 ↑*/
/*PhuPhan 2024/06/26 FFPR-YeuCauNoiBo No.274 追加 ↓*/
#farmLogo {
    margin: 0 .75rem;
}

#farmLogo img {
    width: 70px;
    height: 70px;
    border-radius: 1rem;
    object-fit: cover;
}
/*PhuPhan 2024/06/26 FFPR-YeuCauNoiBo No.274 追加 ↑*/