/*알림 읽음 표시 */
.read {
    opacity: 0.6; /* 읽은 알림은 흐리게 표시 */
}
.unread {
    font-weight: bold; /* 안 읽은 알림은 굵게 표시 */
}
/* 메신저 알람 숨김 */
.hidden {
    display: none !important;
}
/*테이블 내에 임시보관 괄호 표시 */
.temporary-text {
    color: #bebdbd; /* 텍스트 색상을 빨간색으로 */
    font-weight: bold; /* 텍스트를 굵게 */
    margin-left: 5px; /* 프로젝트 이름과 간격을 추가 */
/*    float: right; 텍스트를 오른쪽으로 정렬 */
}

/*todd  리스트 완료 표시 */
.completed-todo {
    text-decoration: line-through;
    color: rgba(130,130,130,0.68); /* 텍스트 색상도 변경 */
}
/*.completed-todo {
    display: inline-block;
    position: relative;
}

.completed-todo::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 1px; !* 밑줄의 두께 *!
    background-color: currentColor; !* 텍스트와 동일한 색상 *!
    bottom: 50%; !* 텍스트 중앙에 밑줄을 위치 *!
    !*transform: translateY(50%); !* 정밀한 중앙 조정 *!*!
}*/

/*전체 알림 페이지 : 시간 표시 css */
.notification-time {
    font-size: 0.85em; /* 글씨 크기를 작게 조정 */
    color: #6c757d; /* 회색 글씨 */
    margin-right: 10px; /* 삭제 버튼과 약간의 간격을 줍니다 */
}


/* 별표 아이콘 스타일 */
.star-icon {
    cursor: pointer;
}

/* 별표 아이콘 색상 설정 */
.bi-star-fill {
    color: #ffd700 /* 별표 아이콘을 노란색으로 설정 */
}

/* 프로젝트 리스트제목 용 /
.pj-mt0 {
margin: 0 0 10px 0 !important;
}
/별을 오른쪽으로 옮기고싶다긔..... */
.right-align-block {
    margin-left: auto;
}

/* 메신저 아이콘과 뱃지 */
.back-to-top-chat {
    position: fixed;
    visibility: visible;
    opacity: 1;
    right: 20px;
    bottom: 15px;
    z-index: 99999;
    /*background: #41f179;*/
    width: 50px;
    height: 50px;
    border-radius: 100%;
    transition: all 0.4s;
}

.back-to-top-chat i {
    font-size: 30px;
    color: #fff;
    line-height: 0;
}

.back-to-top-chat:hover {
    background: #eaeaea;
    color: #fff;
}

.back-to-top-chat .badge-number {
    position: absolute;
    top: 4px;
    right: 4px;
    transform: translate(50%, -50%);
    z-index: 1; /* 아이콘보다 앞에 위치하도록 설정 */
    font-weight: normal;
    font-size: 12px;
    padding: 3px 6px;
    border-radius: 50%; /* 원형 배지 */
}

.back-to-top-chat i {
    z-index: 0; /* 아이콘이 뒤에 위치하도록 설정 */
}

/* 메신저 아이콘과 뱃지 끝 */

/* 테이블에 링크 적용하기 */
tr {
    cursor: pointer;
}

/* 출퇴근 전용 CSS */
/* 스위치 체크된 상태의 색상 변경 */
.form-switch .form-check-input:checked {
    background-color: green;
    border-color: green;
}

.form-switch .form-check-input {
    background-color: rgba(0, 0, 0, 0.25);
    border-color: rgba(0, 0, 0, 0.52);
}

.form-switch .form-check-input:focus:checked {
    box-shadow: 0 0 0 0.25rem rgba(0, 128, 0, 0.25); /* 초록색으로 변경 */
}

.form-switch .form-check-input:focus {
    box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25); /* 빨간색으로 변경 */
}

/* 사이드바 대시보드 CSS */
.sidebar-nav .dash{
    padding: 10px 15px;
    margin-bottom: 30px;
}

/* 사이드바 고객센터 CSS */
.sidebar-nav .qna {
    margin-top: auto;
}

.sidebar-nav .nav-item .qna {
    padding: 12.5px 10px 12.5px 15px;
}