/*새로운 element 선언 css

*공통으로 전 문서에서 사용될 수 있는 element를 선언한다

*pixel-admin에서 추출하였으나 속성에 변화가 크고 naming을 변경한 element css의 경우에도 해당 파일에 기입한다

*css 윗부분에 다음과 같이 주석을 기입한다(날짜 담당자 설명)
*(ex.20151101 Jhee 데이터테이블 버튼 속성 제어)

*주의 : 최대한 pixel-admin과 유사한 naming을 유지한다(_(under bar)사용 지양) 
      @media() 의 내용은 가장 마지막에 위치하도록 한다
*/

/* ==================================div==================================  */
/* Jhee page header 다음에 오는 content 중, 가장 상위에 위치하는 div */
.content-top {
	margin-bottom: 10px;			
	*zoom: 1;
}
.content-top:after {
	content: ' ';
	clear: both;
	display: block;
}

/* 20151027 Jhee 검색조건을 감싸고 있는 panelBody 내부의 padding 줄이기 */
.searchPanelBody {
	padding:20px 20px 5px 20px !important;
}

/* 강의계획서 이후 상단에 위치하는 교과목 정보 타이틀 div */
.subjectPanelTit {
	background: #d9edf7;
	color: #3a87ad;
	font-size: 14px;
	text-align: center;
	font-weight: 600;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px solid #bce8f1;
}

/* 강의계획서 이후 상단에 위치하는 교과목 정보 contents div */
.subjectPanelContents {
	color: #3a87ad;
	font-size: 14px;
	line-height: 30px;
	border: 1px solid #bce8f1;
}

/* Jhee 테이블 행 클릭 시, 하단에 나타나는 alert div(pixel-admin:page-alert) */
.tbl-alert-success {
	background-color: #dff0d8;
	border: 1px solid #d0e6be;
	color: #468847;
	padding: 10px;
}

/* Jhee panel heading 왼쪽에 위치하는 title */
.list-title-l {
	padding: 7px 0 0 10px;
	font-size: 12px;
	font-weight: 600;	
}

/* 20160111 Jhee 입력화면의 panel */
.form-panel-body {
  background: #fff;
  margin: 0 0 15px 0;
  padding: 15px 0 0 0;
}
.form-panel-body:before,
.form-panel-body:after {
  content: " ";
  display: table;
  clear: both;
}
.form-panel-body > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.form-panel-body .control-label {
	margin-top: 7px;
}

/* 20160111 Jhee 입력화면 상위에 위치하는 구분field */
.form-division {
	padding: 22px;
}

/* 20160111 Jhee 입력화면 상위에 위치하는 switch */
.form-switch {
	margin-top:4px;
}

/* 20161226 Jhee 작성기간을 감싸는  div */
.periodWrap {
	float: left;
	width: 280px;
	background: #f0f0f0;
	border-color: #e8e8e8;
}

@media (max-width: 544px) {
	.periodWrap {margin-top: 10px;}
}

/* 20170110 Jhee stepLine의 subStep의 아이콘 */
.widget-comnt-icon {
	font-size: 13px; 
	line-height: 20px; 
	width: 20px; 
	height: 20px;
	text-align: center;
	border-radius : 99999px !important;
	margin-top: 0;
}

.search-form {
	margin: -1px;
	padding: 16px 20px;
	position: relative;
}

/* ==================================button==================================  */
/* 페이지 가당 하단에 위치하는 이전 button은 상위 div와 간격을 유지한다 */
.btn-before {margin-top: 22px;}

/* 공통모듈 button 크기를 일정하게 맞춤 */
.modal-button {width: 70px;}

/* btn-outline에 background:white를 추가한 버튼 */
.btn-white {
  border-color: rgba(0,0,0,.12);
  color: #555;
  background: #fff;
}
.btn-white:hover {
  color: #555;
  border-color: #d5d5d5;
  border-bottom-color: #bcbcbc;
}

/*20170309 Jhee 평가에서 사용하는 등급 btn css정의*/
.gradeBtn {background-color:#ffffff; border-radius:2px;border:1px solid #55bb66; color:#55bb66; min-width: 23px; margin: 1px;
           display:inline-block; cursor:pointer; font-family:Arial; font-size:10px; padding:4px 4px; text-decoration:none;
	       -moz-border-radius:2px; -webkit-border-radius:2px;}
.gradeBtn:active {position:relative; top:1px;}

.aBtn {background-color:#ffffff; border:1px solid #55bb66; color:#55bb66;}
.aBtn:hover {background-color:#78BD83; color:#ffffff;} .aBtn:focus {background-color:#78BD83; color:#ffffff;} .aBtn:active {background-color:#78BD83; color:#ffffff;}
.aBtn.selectBtn {background-color:#78BD83; color:#ffffff;}		
		
.bBtn {background-color:#ffffff;border:1px solid #5599ee;color:#88aaee;}	
.bBtn:hover {background-color:#5599ee; color:#ffffff;} .bBtn:focus {background-color:#5599ee; color:#ffffff;} .bBtn:active {background-color:#5599ee; color:#ffffff;}
.bBtn.selectBtn {background-color:#5599ee; color:#ffffff;}		

.cBtn {background-color:#ffffff;border:1px solid #33bbcc;color:#33bbcc;}
.cBtn:hover {background-color:#33bbcc; color:#ffffff;} .cBtn:focus {background-color:#33bbcc; color:#ffffff;} .cBtn:active {background-color:#33bbcc; color:#ffffff;}
.cBtn.selectBtn {background-color:#33bbcc; color:#ffffff;}	

.dBtn {background-color:#ffffff;border:1px solid #dd9933;color:#dd9933;}
.dBtn:hover {background-color:#dd9933; color:#ffffff;} .dBtn:focus {background-color:#dd9933; color:#ffffff;} .dBtn:active {background-color:#dd9933; color:#ffffff;}
.dBtn.selectBtn {background-color:#dd9933; color:#ffffff;}	

.fBtn {background-color:#ffffff;border:1px solid #dd5533;color:#dd5533;}
.fBtn:hover {background-color:#dd5533; color:#ffffff;} .fBtn:focus {background-color:#dd5533; color:#ffffff;} .fBtn:active {background-color:#dd5533; color:#ffffff;}
.fBtn.selectBtn {background-color:#dd5533; color:#ffffff;}	

.disabledBtn {border-color: #dfdfdf !important; background: #ececec !important; background-color: #ececec !important; color:#aaa !important;}
/* ==================================table==================================  */
/*20160114 ATOZ LMS table td 세로 가운데로 정렬 */
table.table.table-bordered.md td{
	vertical-align:middle
}
/* ==================================input==================================  */
/*20160116 ATOZ LMS textbox 스타일 변경*/
.form-control.labelb {
	border-style:none;
	border-left:1px solid #ddd;
	display:inline;
}

/* 강의계획서 이후 상단에 위치하는 교과목 정보 contents table */
.subjectInfoTbl > tbody > tr > td{
	border-color: #bce8f1 !important;
	font-size: 14px;
}
/* 강의계획서 이후 상단에 위치하는 교과목 정보 contents table */
.subjectInfoTbl .thead {
	background: #d9edf7;
	color: #3a87ad;
	text-align: center;
	font-weight: 600;
}
/* panel-heading에서 쓰이는 input의 크기조절 */
.heading-control {
	height: 26px;
	padding:3px 8px;
}