.pg-documents{
    margin-top: 50px;
    margin-bottom: 50px;
}

.pg-documents .oldDocumnetWrapper section{

}

.pg-documents .oldDocumnetWrapper .aLink{
    background-color: #bfd4f1;
    border-radius: 5px;
    padding: 20px 0;
    text-align: center;
    font-weight: bold;
    color:#559a37;
    margin-bottom: 40px;
    margin-top: 20px;
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

/* --Top Part-- */
.pg-documents .partWrapper{
    background-color: #C3D8D1;
    border: 1px solid #C3D8D1;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0;
}

.pg-documents .partWrapper .partTitle{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    width: fit-content;
    border-bottom: 3px solid #559a37;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 7px;
}

.pg-documents .partWrapper .partDes{
    font-size: 15px;
    text-align: center;
    padding-bottom: 40px;
}

.pg-documents .partWrapper .priceWrapper{
    min-width: 80% !important;
    max-width: 80%;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}

.pg-documents .partWrapper .priceWrapper .offerPrices{
    padding: 6px 5px;
    border-radius: 5px 0 0 5px;
}

.pg-documents .partWrapper .picPart{
    position: relative;
    background-color: #ffffff;
    text-align: center;
    padding-top: 25px;
    border-radius: 0 0 5px 5px;
}

.pg-documents .partWrapper .picPart::before{
    position: absolute;
    content: " ";
    width: 100%;
    height: 50px;
    background-color: #e5f7dd;
    left:0;
    top:-25px;
    border-radius: 100%;
    color: #a27049;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
}

/* --Search -- */
.pg-documents .partWrapper .searchWrapper{
    width: 70% !important;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
    margin-top: 50px;
}

.pg-documents .partWrapper .searchWrapper .offerPrices{
    padding: 7px 5px;
    border-radius: 5px 0 0 5px;
}

.pg-documents .partWrapper .searchWrapper  #txtSearch{
    border-radius: 0 5px 5px 0;
}

/* --Nav-- */
.pg-documents .navWrapper{
    background-color: #C3D8D1;
    padding: 5px;
    border-radius: 5px 5px 0 0;
}

.pg-documents .navWrapper .navLst{
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-align: center;
}

.pg-documents .navWrapper .navLst li{
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    padding: 10px;
    border:2px solid #19844f;
    border-radius: 5px;
    font-size: 12px;
}

.pg-documents .navWrapper .navLst li:hover{

}

.itemActive{
    border:2px solid #196b3f;
    background-color: #19844f;
    color:#fff;
}

/* --Overall Style-- */
.pg-documents .documentContainer,
.pg-documents .aidDocumentContainer,
.pg-documents .reportsContainer,
.pg-documents .guestDocumentContainer,
.pg-documents .caresContainer{
    border-right: 1px solid #cce7c0;
    border-left: 1px solid #cce7c0;
    border-bottom: 1px solid #cce7c0;
    border-radius: 0 0 5px 5px;
}

.pg-documents .aidDocumentContainer,
.pg-documents .reportsContainer,
.pg-documents .guestDocumentContainer,
.pg-documents .caresContainer{
    display: none;
}

.pg-documents .reportsContainer .picPart section,
.pg-documents .caresContainer .picPart section{
    padding: 0;
}


/* --Not Found Both-- */
.pg-documents .notFoundWrapperSection{
    padding: 0;
}

.pg-documents .notFoundWrapper{
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 30px 0;
    background-color: #e5f7dd;
    border-radius: 5px;
}

.pg-documents .notFoundWrapper p{
    margin: 0;
    padding: 0;
    color:#f61214;
}

/* --preload Both -- */
.pg-documents .loadingDoc,
.pg-documents .loadingAidDoc,
.pg-documents .loadingReport,
.pg-documents .loadingGuestDoc,
.pg-documents .loadingCare{
    margin: 0 auto;
    text-align: center;
    display: none;
}

/* --More Both-- */
.pg-documents .moreWrapperDoc,
.pg-documents .moreWrapperAidDoc,
.pg-documents .moreWrapperReport,
.pg-documents .moreWrapperGuestDoc,
.pg-documents .moreWrapperCare{
    background-color: #C3D8D1;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
    padding: 20px 0;
}

/* --Load Fail Document-- */
.pg-documents .failDocWrapper{
    padding: 20px 0;
    background-color: #C3D8D1;
    display: none;
}

.pg-documents .failDocWrapper .loadingFail{
    text-align: center;
}

/* --Load Fail Report -- */
.pg-documents .failAidDocWrapper,
.pg-documents .failReportWrapper,
.pg-documents .failGuestDocWrapper,
.pg-documents .failCareWrapper{
    padding: 20px 0;
    background-color: #C3D8D1;
    display: none;
}

.pg-documents .failAidDocWrapper .loadingFail,
.pg-documents .failReportWrapper .loadingFail,
.pg-documents .failCareWrapper .loadingFail{
    text-align: center;
}



/* --Document-- */
.pg-documents .docPart .aHabitatWrapper{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 2px;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent{
    background-color: #C3D8D1;
    border-radius: 5px;
    border: 1px solid #C3D8D1;
}
.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent:hover{
    background-color: #b4dacf;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent:hover .imgHabitat{
    /* filter: grayscale(100%); */
    /* filter:sepia(100%); */
    animation-name: zoomOn;
    animation-duration: 1s;
}

@keyframes zoomOn {
  from {
       transform:scale(1,1);
  }
  to {
       transform:scale(1.5,1.5);
  }
}


/* ---habitat Cover Image--- */
.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatImg{
    overflow: hidden;
}

.pg-documents .aHabitatWrapper .aHabitat .headContent .habitatImg .imgHabitat{
    border-radius: 5px 5px 0 0;
    text-align: center;
    margin: 0 auto;
}

/* ---habitatInfo--- */
.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo{
    text-align: center;
    margin: 15px;
}
.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .icon{
    text-align: center;
    width: 15px;
    height: 15px;
    font-size: 15px;
    margin-left: 10px;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .habitatName{
    font-weight: bold;
    font-size: 12px;
    margin: 0;
    color:#000;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #000;
    height: 50px;
    text-align: center;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .address{
    font-size: 12px;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .address a{
    font-size: 11px;
    font-weight: bold;
    background-color: #fff;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    border-radius: 5px;
    color:#2a6353;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .treeType{
    font-size: 12px;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .plan{
    font-weight: bold;
    font-size: 12px;
    font-weight: bold;
    color: #559a37;
    text-align: center;
}
.pg-documents .docPart .aHabitatWrapper .aHabitat .headContent .habitatInfo .capacity{
    font-size: 12px;
    color:#000;
    display: none;
}

.pg-documents .docPart .aHabitatWrapper .aHabitat .btnWrapper{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
    border-top: 1px dotted #559a37;
}









/* -------Report-------*/
.pg-documents .partWrapper .picPart{
    position: relative;
    background-color: #ffffff;
    text-align: center;
    padding-top: 25px;
    border-radius: 0 0 5px 5px;
}

.pg-documents .partWrapper .picPart::before{
    position: absolute;
    content: " ";
    width: 100%;
    height: 50px;
    background-color: #b4dacf;
    left:0;
    top:-25px;
    border-radius: 100%;
    color: #a27049;
    padding-top: 15px;
    font-size: 15px;
    font-weight: bold;
    border-bottom: 1px solid #d1d1d1;
}




/* --Reoprt sample-- */
.pg-documents .picPart .aReportWrapper,
.pg-documents .picPart .aCareWrapper{
    border: 1px solid #cce7c0;
    margin-top: 20px;
    padding-bottom: 20px;
    padding-top:0;
    text-align: center;
    background-color: #fff;
    border-radius: 5px;
    margin: 15px;
}

.pg-documents .picPart .aReportWrapper .title,
.pg-documents .picPart .aCareWrapper .title{
    font-weight: bold;
    font-size: 10px;
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

/* --Not Found-- */
.pg-documents .picPart .notFound{
    margin-top: 50px;
    margin-bottom: 50px;
}


/* ---Guest Document--- */