/*
    공통 css
*/
a {
    cursor: pointer;
    color: black;
    text-decoration: none;
}
a:link {
    color: black;
    text-decoration: none;
}
a:visited {
    color: black;
    text-decoration: none;
}
a:hover {
    color: red;
    text-decoration: none;
}
/* 임의의 영역 생성 */
.scrollBar {
    overflow-y: scroll;
}

/* 아래의 모든 코드는 영역::코드로 사용 */
.scrollBar::-webkit-scrollbar {
    width: 15px;  /* 스크롤바의 너비 */
}

.scrollBar::-webkit-scrollbar-thumb {
    height: 30%; /* 스크롤바의 길이 */
    background: #828c98; /* 스크롤바의 색상 */

    border-radius: 10px;
}

.scrollBar::-webkit-scrollbar-track {
    background: #dde2e5;  /*스크롤바 뒷 배경 색상*/
}

.receiverSt {
    border: 1px solid #5858FA;
    border-radius: 20px;
    padding: 1px 3px 1px 3px;
    margin: 4px;
    display:inline-block;
}

.receiverParents {
    border: 1px solid #FA5858;
    border-radius: 20px;
    padding: 1px 3px 1px 3px;
    margin: 4px;
    display:inline-block;
}

.receiverIsReadImg {
    width:20px;
    height:20px;
    vertical-align:sub;
}

.timeList {
    border: 1px solid #FA5858;
    border-radius: 20px;
    padding: 1px 3px 1px 3px;
    margin: 4px;
    display:inline-block;
}
/* 중복 선택박스 커스텀 */
.multiCheckbox {
    display: none;
    max-height: 200px;
    overflow-y: auto;
    position: absolute;
    background-color: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    border-radius: 8px;
}