/* added by mina */
select, select option {
    font-size: 14px;
}
.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 14px;
    line-height: 1.5;
    border: 1px solid rgb(222, 226, 230);
    border-radius: 0.375rem;
    height: auto;
    min-height: calc(1.5em + 0.75rem + 2px); /* 정확히 38px */
    box-sizing: border-box;
    background-color: #fff;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
    margin: 0;
    line-height: 1.5;
    font-size: 14px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    top: 0;
    right: 0.75rem;
}

.select2-selection__clear {
    margin-left: 6px;
}
/*
.select2-container {
    margin-bottom: 14px !important;
    font-size: 14px;
}
 */

.select2-container {
    font-size: 14px;
}

.clickable-row:hover {
    cursor: pointer;
}
.clickable-row:hover td {
    background-color: #d7ffd8;;
}


/* select2 플레이스홀더 스타일 */
.select2-selection__placeholder {
    color: #6c757d !important;  /* 부트스트랩 기본 텍스트-muted 컬러 */
    font-weight: 400;
}

/* flatpickr 인풋의 플레이스홀더 스타일을 셀렉트2처럼 맞춤 */
input.flatpickr-input::placeholder {
    color: #6c757d;
    font-weight: 400;
}

td.url-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}


/*.table th {*/
/*    background-color: #dcdcdc;*/
/*}*/

/*
.table-hover tbody tr:hover {
    background-color: rgb(210,220,236);
}
 */

.form-check-inline {
    white-space: nowrap;
}





/* 색 대비 강조 시작 */
.form-control {
    border: 1px solid #adb5bd;
}

.form-control:focus {
    border-color: #495057;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
}

.select2-container--default .select2-selection--single {
    border: 1px solid #adb5bd; /* 좀 더 진한 회색 */
    height: 38px;
    background-color: #fff;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--single:focus-visible {
    border-color: #495057;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
    outline: none;
}

.select2-container--default .select2-selection__arrow {
    color: #495057;
}

input[type="checkbox"] {
    width: 18px;
    height: 18px;
    border: 1px solid #adb5bd;
    cursor: pointer;
}

input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
    border-color: #495057;
}

input[type="radio"] {
    border: 1px solid #adb5bd;
    cursor: pointer;
}

input[type="radio"]:focus {
    outline: none;
    box-shadow: 0 0 0 0.15rem rgba(0, 123, 255, 0.25);
    border-color: #495057;
}

select {
    border: 1px solid #adb5bd!important;
}

select:focus {
    border-color: #495057!important;
}


.form-check-inline {
    white-space: nowrap;
    margin-right: 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}

.select2-inline-my .select2-container {
    /*margin-bottom: 0!important;*/
}

/* 색 대비 강조 끝 */
/*
.btn-group label.btn {
    border-color: #adb5bd;
}

.btn-group label.btn:not(.active):hover  {
    background-color: #f8f9fa;
    border-color: #495057;
    color: #212529;
}
*/
/* 토글 버튼 hover 시 색상 변경 */
/*
.btn-group label.btn:hover {
    background-color: #e9ecef;
    border-color: #adb5bd;
    color: #212529;
}
*/
/*

.btn-group label.btn {
    border-color: #adb5bd;
    font-size: 14px;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    height: 38px;
}
*/

/* 체크된 상태의 hover 스타일 추가 */
.btn-check:checked + .btn-outline-secondary:hover {
    background-color: #adb5bd !important;  /* outline-secondary의 활성화된 배경색 */
    border-color: #adb5bd !important;
    color: #fff !important;
}

/* 비선택 상태의 hover 스타일 - 강조 버전 */
.btn-outline-secondary:hover {
    background-color: #6c757d !important;  /* 부트스트랩 secondary 색상 */
    border-color: #6c757d !important;
    color: #fff !important;  /* 흰색 텍스트 */
}

.btn-primary:hover {
    background-color: #1f4e93 !important; /* 기존 #2d6ac4 보다 약간 어두운 톤 */
    border-color: #1f4e93 !important;
    color: #fff !important;
}

/* 커스텀 outline-primary 기본 스타일 */
.btn-outline-primary {
    color: #2d6ac4;
    border-color: #2d6ac4;
}

/* 기본 outline-primary 버튼 스타일 */
.btn-outline-primary {
    color: #2d6ac4;
    border-color: #2d6ac4;
    background-color: transparent;
}

/* hover 시 btn-primary처럼 보이게 */
.btn-outline-primary:hover {
    --bs-btn-bg: #2d6ac4;
    --bs-btn-border-color: #2d6ac4;
    color: #fff !important;
}

/* 체크된 상태 (예: 토글버튼)도 마찬가지로 btn-primary처럼 유지 */
.btn-check:checked + .btn-outline-primary {
    background-color: #2d6ac4;
    border-color: #2d6ac4;
    color: #fff;
}

/* 체크된 상태에서 hover해도 변화 없음 (색상 고정) */
.btn-check:checked + .btn-outline-primary:hover {
    background-color: #2d6ac4;
    border-color: #2d6ac4;
    color: #fff;
}


/* 오프캔버스 */
.offcanvas.offcanvas-light .offcanvas-header {
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    color: #212529; /* 헤더 텍스트 색 */
}

.offcanvas.offcanvas-light .offcanvas-title {
    font-weight: 600;
    color: #212529; /* 타이틀 글씨 색 */
}

.offcanvas.offcanvas-light .btn-close {
    filter: invert(0.5); /* 닫기 버튼이 안 보일 때 대비 */
}

.page-link {
    cursor: pointer;
}

#commonConfirmMessage {
    white-space: pre-line;
}



.text-bg-primary, .bg-primary {
    background-color: #2d6ac4!important;
}
.text-bg-danger, .bg-danger {
    background-color: #c43b48!important;
}
.tooltip-wide .tooltip-inner {
    max-width: 320px;
    text-align: left;
}