@charset "UTF-8";

.forestPlanner{
    display: none;
    position: absolute;
}
.ui-widget-content .dialog--plan a{
    color: #6c757d;
}
.dialog--plan{
    width: 100%;
    height: 100%;
    overflow: auto;
}
.dialog--plan .table{
    border: 2px solid #000;
}
.dialog--plan .table-group-1 th{
    width: 60px;
    word-break: keep-all;
}
.dialog--plan .table-group-2 th,
.dialog--plan .table-group-3 th,
.dialog--plan .table-group-5 th,
.dialog--plan .table-group-6 th
{
    text-align: center;
    vertical-align: middle;
}
.dialog--plan .table-group-6 td{
    width: 70px;
    word-break: keep-all;
    text-align: center;

}
.dialog--plan .table-group-5 tr:first-child th:nth-child(1),
.dialog--plan .table-group-5 tr:first-child th:nth-child(2),
.dialog--plan .table-group-5 tr:first-child th:nth-child(3),
.dialog--plan .table-group-5 tr:first-child th:nth-child(4) {
    width: 36px;
}
.dialog--plan .badge-circle{
    display: inline-block;
    border: 1px solid #000;
    border-radius: 100%;
    width: 18px;
    margin: 0;
    font-size: 12px;
    text-align: center;
}
.dialog--plan .nav{
    font-size: 1.8rem;
}
.dialog--plan .nav-pills .nav-link{
    background-color: #fff;
    color: var(--green);
}
.dialog--plan .nav-pills .nav-link:hover,
.dialog--plan .nav-pills .nav-link.active{
    background-color: var(--green);
    color: #fff;
}
.tr-disabled th,
.tr-disabled td{
    background-color: #cccccc;
}

#forestManagePlanMapControl{
    position: absolute;
    top: 76px;
    right: 4px;
    z-index: 1;
}
/* ol rotate custom css [strat] */
.custom-rotate{
    top: 0;
    right: 0;
    width: 68px;
    height: 68px;
}
.custom-rotate button{
    background: none !important;
    border: none !important;
    font-size: 0 !important;       /* 기본 화살표 텍스트 제거 */
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100%;
    height: 100%;
}
.custom-rotate .ol-compass{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-image: url('/dad_user/images/site/map/ico-compass-8d.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* ol rotate custom css [end] */

/* 산림경영계획서-주소찾기 */
#ForestPlannerSearchModal{
    font-size: 16px;
}#ForestPlannerSearchModal .modal-title{
     font-size: 1.2em;
 }
#ForestPlannerSearchModal .btn{
    font-size: 1em;
    padding: .5em 1em;
}
#ForestPlannerSearchModal .form-select,
#ForestPlannerSearchModal .form-control{
    font-size: 1em;
}
#ForestPlannerSearchModal .modal-search-form{
    position: absolute;
}
#ForestPlannerSearchModal .modal-search-body{
    display: flex;
    flex-direction: column;
    margin-top: 64px;
}
.modal-search-input-group{
    display: flex;
    align-items: center;
    color: var(--bs-gray);
}
.modal-search-input-group input:focus,
.modal-search-input-group input{
    border: none;
    outline: none;
    width: 100%;
    height: 32px;
}
.modal-search-input-group button{
    border: none;
    outline: none;
    background-color: transparent;
    color: inherit;
}
.modal-search-result-list-item{
    display: flex;
    align-items: center;
    border-top: 1px solid var(--bs-border-color);
    border-bottom: 1px solid var(--bs-border-color);
    padding: .75em 1em;
    cursor: pointer;
}
.modal-search-result-list-item:first-child{
    margin-top: 1em;
}
.modal-search-result-list-item:hover{
    background-color: var(--bs-secondary-bg);
}
.modal-search-result-list-item .btn-remove-selected{
    background-color: transparent;
    color: var(--bs-secondary);
}
.modal-search-result-list-item .btn-remove-selected:hover{
    color: var(--bs-danger);
}
/* 산림경영계획서-주소찾기 END */

.custom-text-color{
    color: var(--green);
}
.custom-border-color{
    border-color: var(--green) !important;
}

.dark-theme .custom-border-color{
    background-color: var(--bs-body-bg) !important;
    color : var(--dark-text-primary) !important;
}

.dark-theme .midnight-theme-text{
    color: var(--dark-text-primary) !important;
}

.dark-theme .midnight-theme-bg{
    background-color: var(--dark-bg-primary) !important;
    color : var(--dark-text-primary);
}

/* 다이얼로그 */
.dialog--guide {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    background: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    width: 400px;
    max-width: 90vw;
    border: 1px solid #dee2e6;
    color : black;
}
.dialog--guide.dialog--hidden {
    display: none;
}
.guide-dialog__container {
    padding: 20px;
}
.guide-detail p {
    margin-bottom: 10px;
    line-height: 1.5;
    font-size: 15px;
}
.guide-detail strong {
    display: block;
    margin-bottom: 5px;
    color: #333;
}

#forestManagePlanMapScaleContainer {
    position: relative;
    display: inline-block;
}

#forestManagePlanMapScaleContainer::after {
    content: "1 : ";
    position: absolute;
    left: 10px;
    top: 48%;
    transform: translateY(-50%);
    color: #333;
    pointer-events: none;
    z-index: 5;
}

#forestManagePlanMapScaleInput {
    padding-left: 25px;
    width: 105px;
}

.dark-theme .tr-disabled th,.dark-theme .tr-disabled td{
    background-color : #6c757d;
}

.dark-theme .dialog--plan .badge-circle{
    border: 1px solid #45d994a8;
}

.dark-theme #forestManagePlanMapScaleContainer::after{
    color: #dee2e6;
}

.dark-theme .dialog--plan .nav-pills .nav-link{
    background-color: var(--dark-bg-secondary);
}

.dark-theme .dialog--plan .nav-pills .nav-link:hover,
.dark-theme .dialog--plan .nav-pills .nav-link.active{
    background-color: var(--green);
    color: var(--dark-text-primary);
}

/* 가이드 다이얼로그 다크모드 */
.dark-theme .dialog--guide {
    background: var(--dark-bg-secondary);
    border: 1px solid var(--dark-border-color);
    box-shadow: 0 4px 20px rgba(0,0,0,0.4);
    color: var(--dark-text-primary);
}

.dark-theme .dialog--guide .guide-dialog__title {
    color: var(--dark-text-primary);
}

.dark-theme .dialog--guide .guide-dialog__close-button {
    filter: invert(1);
}

.dark-theme .dialog--guide .guide-detail p {
    color: var(--dark-text-secondary);
}

.dark-theme .dialog--guide .guide-detail strong {
    color: var(--dark-text-primary);
}