/* 커서 변경 */
.link {
	cursor: pointer
}

/* 윈도우에서 option:disabled 의 css 표시 위함 */
option:disabled {
	background-color: rgb(170, 170, 170);
}

#weekList .lectureDescBox .lecture-item .item-head .badge {
	width: auto;
}

/* 학생 > 강의실 > 강의수강 - 회차 상태 표시 */
#weekList .lectureDescBox .lecture-item .item-head .seqInfo .badge {
	display: inline-flex;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 12px;
    font-family: "Noto Sans KR";
}

/* 업로드 팝업 업로드 진행상황 수정 */
#uploadProgressBox .progress {
	width: 100%;
	height: 17px;
}
#uploadProgressBox .progress .progress-bar {
	background-color: #0d6efd;
}
#uploadProgressBox .progress-percent {
	width: 40px;
}

/* 학습요소 표시할 때 데이터가 없는 경우 상단 border 수정 */
.table_dataBlank.noTopBorder { 
	border-top: 0;
}

/* 학습요소 표시할 때 데이터가 없는 경우 상단 border 수정 */
.lecture-item .lecture-list.etc-list {
	border-top: 0;
}

.table tbody tr.main{
	background-color: #e3e6f1;
}

/* todolist 스크롤*/
.todo-list .todolist_table{
    overflow-y: auto;
    height: 270px;
}

/* todolist의 공지사항 qna 스크롤 */
.todolist_boardTable {
	overflow-y: auto;
	height: 232px;
}

/* 강의실의 상단 강의 목록 너비 수정 */
.subMenuWrap .lectureSelectBox .lecture-list {
	width: 400px;
}

/* 교수의 학생 학습이력에서 완료여부 팝업의 상세기록  */
#stateModal .contentsArea table tbody tr.overTime, #historyModal .contentsArea table tbody tr.overTime {
	background-color: lightgray;
}

#stateModal .contentsArea table tbody tr.overTime td, #historyModal .contentsArea table tbody tr.overTime td {
	background-color: lightgray;
}

/* 홈의 강의목록 부가정보 표시시 | 구분자 수정 */
.lectureBox .desc .type span+span:before{
	margin-left: 4px;
}

.attendColor05{
	/*color: #777;
	background-color: #777;*/
	color:#25C189;
	background-color:#25C189;
}

.attendColor06{
	color: #000080;
	background-color: #000080;
}

.modal {
    pointer-events: none;
}

/* 상단 강의목록 길이 수정 */
.lectureSelectBox .lectureDropSubList .lecture-list{
	max-height: 355px;
}

/* 강의 메인의 전필, 전선 색상 구분 */
.lectureBox .badge.tag.sky{
	background-color: #75d3ff;
}

/* taulator 라이브러리 공지사항 색상 변경 */
.tabulatorBoard .tabulator-row.notice .tabulator-cell{
	color: #164194;
}

/* 강의관리 플로팅 버튼 위치 수정 */
.floatingButtonWrap{
	bottom: 160px;
}

/* 교수 학습현황의 상세기록 팝업 테이블 최대 높이 */
.overflowH400{
	max-height: 400px;
}

/* 모바일 교수 강읜관리 학습요소 옵션 버튼 수정 */
@media (max-width: 768px){
	
	.lecture-list .itemGroup {
		position:static;
	}	
}

/* 출석/학습현황 학습참여도 테이블 헤더의 테두리 수정 */
.table thead th.right_line {
    border-right: solid 1px #D0D9EA !important;
}

/* 모바일 강의실 상단 강의목록 수정 */
@media (max-width:768px){
	.subMenuWrap .lectureSelectBox .dropdown-menu .lectureDropSubList{
		width: auto;	
	}	
}

/* 메인의 강의 리스트형 목록의 badge 수정 */
.lectureBox.listStyle .desc .tag{
	min-width: 100px;
	width: auto;
	padding: 0 10px 0 10px;
}

/* 교수 > 성적 > 평가 기준 설정 설명 */
.notice_box > ol.notice_list_o > li {
	padding: 2px 0 2px 5px;
}

/* 아이콘 사이즈 */
i.bigIcon {
	font-size: 30px;
}

/* 배지 색상 */
.badge.tdl09 {background-color: rgba(48, 115, 63, 0.4);}
.badge.tdl10 {background-color: rgba(45, 140, 255, 0.6);}
.badge.tdl11 {background-color: rgba(255, 0, 0, 0.5);}
.badge.tdl12 {background-color: rgba(0, 166, 231, 0.6);}
.badge.tdl13 {background-color: rgba(236, 16, 21, 0.5);}
	
/* 학생 수강기록 미완료 row */
.studentRecordScroll .incomplete {
	background-color: #feffd3;
}

/* 학습창 투명 레이어 */
.previewModalLayer {
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1045;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
}

/* 주회차 목록 전체 아코디언 */
.moveDropdownBox .accordion-btn.collapseBtn {
	width: 25px;
    padding: 0;
    margin-left: 20px;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #212121;
    color: #fff;
    vertical-align: middle;
}

/* 교수 - 홈 - 학습현황 barchart */
.studyStatus.barChart {
	height: 500px;
}

.graphBox.doughnutChart {
	height: 400px;
}

/* 교수 - 스튜디오 예약 - 달력 / 스튜디오 리스트*/
.pro_calendarWrap .studioCard {
	height: 420px;
}
@media (max-width: 768px) {
	.pro_calendarWrap .calendar-table  {
		min-width: auto;
	}
}


/* 루브릭 평가 설정 팝업 등급 영역 가로축 스크롤 */
.levelBox.overflow-x {
	overflow-x: auto;	
}
/* 에디터 수정 후 변경한crossEditor에서는 하이퍼링크 색상이 변하지 않아서 추가해주었음  */
.cross-editor-contents a {
	text-decoration : underline;
	color:#4b96e6
}
/* custom에 ol ul태그에 리스트스타일 속성을 없애버려서 이쪽에 따로 추가해주었음 */
/* 0519 크로스에디터 css 하이퍼링크 제외 전체 제거 */
/* .cross-editor-contents ol li {
	list-style-type : decimal;
}
.cross-editor-contents ul li {
	list-style-type : disc;
}
.cross-editor-contents ul, ol {
	padding-left: 2rem;
}

.cross-editor-contents p {
	margin-block-start: 0em;
    margin-block-end: 0em;
}

학생모드 과제제출, 교수 학생 과제제출 화면의 줄바꿈이 비정상적으로 긴부분 수정
#applyContent {line-height: normal;}
#popContent {line-height: normal;}

에디터에 내용이 그려지는부분 0422
.cross-editor-contents hr {margin: 0.5em;}
admin/site/board는 해당 아이디를 사용중
#contents hr {margin: 0.5em;} */

/* btn-close => btn-close-white 속성 추가 */
.modal .modal-dialog .modal-content .modal-header button.btn-close {
	filter: invert(1) grayscale(100%) brightness(200%)
}
/*페이징 이동버튼 disabled*/
.disabled .move_set {
	color: #fff;
	pointer-events: none;
}

.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-col-title{line-height: 1.2;}

/* Vue 데이터 마운트 전 템플릿 태그 숨김 처리 {{data...}} */
[v-cloak]{display:none;}