@charset "utf-8";

/* --- 파일 정보  --- */
/* 포스텍 IACUC 관리자모드 */
/* 파일명: default.css */
/* 최초 작성일: 2014년 10월 */
/* 작성자: 전아름 */

/* 색상코드 */
/* 링크: #1f508e */
/* 기본글꼴 #2f3743 */


ul.list_ho {clear:both; margin:0; padding:0; list-style:none}
ul.list_ho li {float:left; margin:0 10px 0 5px; padding:0}
ul.list_ho li span {margin:0 3px 0 0; font-size:12px; color:#444}
ul.list_ho li a {font-weight:bold; color:#2f3743}


/* 팝업 */
#pop_wrap {padding:0 0 30px 0}
#pop_wrap .btn_area {text-align:center}
#pop_wrap .title_area {position:relative; height:51px; margin-bottom:10px; background:#333}
#pop_wrap h1.pop_title {height:31px; margin:0; padding:10px; font:normal 23px nbg; background:none; color:#fff}
#pop_wrap div.btn_section {position:absolute; top:0; right:0; height:51px}
#pop_wrap .btn_close {display:inline-block; zoom:1; *display:inline; width:51px; height:51px; margin:0; padding:0; border:0; background:url(../../image/btn_pop_close.png) no-repeat 0 0}
#pop_wrap .btn_pdf {display:inline-block; zoom:1; *display:inline; width:51px; height:51px; margin:0; padding:0; border:0; background:url(../../image/btn_pop_pdf.png) no-repeat center 0}
#pop_wrap .btn_print {display:inline-block; zoom:1; *display:inline; width:51px; height:51px; margin:0; padding:0; border:0; background:url(../../image/btn_pop_print.png) no-repeat 0 0}


div.breeding_wrap div.tab {margin:0 0 20px 0; border-bottom:1px solid #c51064}
div.breeding_wrap div.tab input {min-width:80px; padding:10px; background:#eee; color:#555; text-align:center; border:0}
div.breeding_wrap div.tab input:hover {text-decoration:underline}
div.breeding_wrap div.tab input.selected {background:#c51064; color:#fff}

div.breeding_wrap {padding:20px; *zoom:1}
div.breeding_wrap:after {clear:both; display:block; content:''}
div.breeding_wrap div.basic_info {float:left; width:200px; border-right:1px solid #ccc}
div.breeding_wrap div.basic_info ul {padding:0; margin:0; list-style:none; overflow-y:auto}
div.breeding_wrap div.basic_info li {margin:0 0 15px 0}
div.breeding_wrap div.basic_info li li {margin:0}
div.breeding_wrap div.basic_info li.memo {height:70px; overflow-y:scroll}
div.breeding_wrap div.basic_info textarea.i_text {width:90%; height:100px; resize:vertical}
div.breeding_wrap div.basic_info .title {display:block; margin:0 0 5px 0; font-size:13px; color:#c51064}

div.breeding_wrap .item {position:relative; display:inline-block}
div.breeding_wrap .item .i_label {position:absolute; top:2px; left:3px; z-index:9999}

div.breeding_wrap div.animal_info {float:left; padding-left:30px}
div.breeding_wrap div.animal_info .tbl_form {margin:0 0 60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
div.breeding_wrap div.animal_info .tbl_form td {font-size:14px; font-weight:bold}
div.breeding_wrap div.animal_info label {color:#999}
div.breeding_wrap div.animal_info input[type='text'],
div.breeding_wrap div.animal_info input[type='text']:hover,
div.breeding_wrap div.animal_info input[type='text']:focus {border:1px solid #ccc; background:#f0f0f0}
div.breeding_wrap div.animal_info label.active {color:#c51064}
div.breeding_wrap div.animal_info input.active,
div.breeding_wrap div.animal_info input.active:hover,
div.breeding_wrap div.animal_info input.active:focus {border:2px solid #c51064; background:#fff !important}

div.breeding_wrap div.btn_area {clear:both; text-align:center;}

.tbl_view {border:2px solid #eee; font-size:14px}
.tbl_view th {padding:10px; border:0; border-bottom:1px solid #ccc; text-align:left; font-size:13px; color:#666}
.tbl_view td {padding:10px; border:0; border-bottom:1px solid #ccc}

.tbl_form {margin:0 0 20px 0; border:0}
.tbl_form th {padding:8px; background:#f0f0f0; border:0; border-bottom:1px solid #ddd; text-align:left; font-weight:normal; color:#777}
.tbl_form tr:last-child th,
.tbl_form tr:last-child td {border-color:#f0f0f0}
.tbl_form td {padding:8px; border:0; border-bottom:1px solid #ddd}
.tbl_form td .item {position:relative; display:inline-block}
.tbl_form td .item .i_label {position:absolute; top:2px; left:3px; z-index:9999}
.tbl_form td textarea {width:100%; box-sizing:border-box}

#pop_cage {padding:0 0 30px 0}
#pop_cage .btn_area {text-align:center}
#pop_cage div.form_section {padding:20px}
#pop_cage .title_area {overflow:hidden; clear:both; height:40px; background:#333}
#pop_cage h1.pop_title {float:left; margin:10px 5px; padding:0 0 10px 0; font-size:18px; line-height:100%; background:none; color:#fff}
#pop_cage .btn_close {float:right; display:inline-block;zoom:1;*display:inline; width:40px; height:40px; margin:0; padding:0; background:url(../image/btn_close.gif) no-repeat center 0}
#pop_cage .btn_close:hover {text-decoration:none}


/* 사육관리 */
/* 사육구역관리 */
.tbl_room_list {margin-bottom:20px; border:1px solid #dfe1e3; border-left:0; border-right:0; border-top:2px solid #1d2738}
.tbl_room_list tr:nth-child(2n-1) {background:#f3f5f6}
.tbl_room_list tr:last-child td {border-bottom:1px solid #a5a9b1}
.tbl_room_list th {background:#eef1f3; padding:8px; text-align:center; border:1px dotted #bfc3c8; border-bottom:1px solid #c9c9c9; font-size:12px; color:#666}
.tbl_room_list th:first-child,
.tbl_room_list td:first-child {border-left:0}
.tbl_room_list th:last-child,
.tbl_room_list td:last-child {border-right:0}
.tbl_room_list td {padding:8px; border:1px dotted #dfe1e3; border-bottom:1px solid #dfe1e3; text-align:center; line-height:20px; font:bold 13px nbg}
.tbl_room_list td span {padding:0 0 0 10px; font-size:11px; font-weight:normal !important; color:#999}


/* 탭 */
div.room_tab {padding:15px; margin:0 0 30px 0; background:#eee}
div.room_tab a {display:inline-block; min-width:135px; height:15px; margin:2px 0; padding:8px 1px; background:#fff; color:#6c6d70; font:normal 13px nbg; text-align:center; text-decoration:none}
div.room_tab a:hover {background:#777; color:#fff}
div.room_tab a.selected,
div.room_tab a.selected:hover {padding:7px 0; background:#345dae; color:#fff; border:1px solid #244585}



/* 사육현황 */
div#breeding_state {}

div#breeding_state div.srch_area {height:60px; padding:13px 20px; margin:0 0 20px 0; border-radius:3px; background:#eee}
div#breeding_state div.srch_area div.srch_item {float:left; height:30px; margin-right:20px}
div#breeding_state div.srch_area div.srch_item label {display:block; height:20px; margin:0 0 6px 0; color:#777}
div#breeding_state div.srch_area input[type=submit] {min-width:80px; height:25px; margin-top:26px; background:#444; border:0; border-radius:2px; color:#fff; text-align:center}
div#breeding_state div.srch_area input[type=submit]:hover {background:#264b97}

div#breeding_state div.operation_rate {display:none; position:absolute; top:0; left:280px; padding:20px; background:#fff; border:1px solid #ccc; box-shadow:1px 1px 2px rgba(0,0,0,.3)}
div#breeding_state div.operation_rate:after, div#breeding_state div.operation_rate:before {right: 100%; top:15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none}
div#breeding_state div.operation_rate:after {border-color: rgba(255, 255, 255, 0); border-right-color:#fff; border-width:4px; margin-top:-4px}div#breeding_state div.operation_rate:before {border-color: rgba(204, 204, 204, 0); border-right-color:#aaa; border-width:5px; margin-top:-5px}
div#breeding_state div.operation_rate table {border:0}
div#breeding_state div.operation_rate th {padding:6px; background:#f0f0f0; border:0; color:#425773; font-weight:normal}
div#breeding_state div.operation_rate td {padding:6px; border:0; border-bottom:1px solid #ccc}

div#breeding_state .tbl_status {margin:0 0 20px 0}
div#breeding_state .tbl_status th {padding:5px 8px; background:#444; color:#fff; font:normal 13px nbg; border-color:#777}
div#breeding_state .tbl_status td {padding:5px 8px; border:1px solid #ccc; font-size:13px}
div#breeding_state .tbl_status td.center {text-align:center}
div#breeding_state .tbl_status td.highlight {background:#d3e7f2}
div#breeding_state .tbl_status td a.link_style {text-decoration:underline; color:#124f80; font:normal 13px nbg}
div#breeding_state .tbl_status td.total {text-align:center; background:#3b6283; border-color:#4c70b4; border-top:2px solid #282a36; color:#fff}
div#breeding_state .tbl_status td.total em {font-style:normal; color:#c3ff33}

.tbl_state_add {margin:0; border:0}
.tbl_state_add thead th {padding:3px 5px; text-align:left; border:0; background:#888; color:#fff; font-weight:normal; font-size:12px} 
.tbl_state_add td {padding:5px; border:0; border-bottom:1px solid #ccc; font-size:12px}
.tbl_state_add td input[type='date'],
.tbl_state_add td input[type='date']:hover,
.tbl_state_add td input[type='date']:focus {border:1px solid #ccc; background:#f0f0f0}
.tbl_state_add td .active {background:#fff !important; border:1px solid #bbb !important; color:#333 !important}
.tbl_state_add td .active:hover,
.tbl_state_add td .active:focus {background:#fff !important; border:1px solid #365dc1 !important; color:#333 !important}

.tbl_state_add td input.btn_del {display:block; width:50px; height:25px; background:none; border:1px solid #111; text-align:center; font-size:12px}
.btn_area_state_add {width:650px; margin:0 0 20px 0}
.btn_area_weaning_add {margin:0 0 20px 0}
.btn_area_state_add input[type='button'],
.btn_area_weaning_add input[type='button'] {display:block; width:100%; height:25px; background:#555; color:#fff; text-align:center; border:0}


/* PI별 사육현황 */
div.pi_animal_wrap {*zoom:1}
div.pi_animal_wrap:after {clear:both; display:block; content:''}

div.animal_list {float:left; width:80px}
div.animal_list ul.list_animal {padding:0; margin:0; list-style:none}
div.animal_list ul.list_animal li {margin-top:-1px}
div.animal_list ul.list_animal li a {display:block; padding:10px; border:1px solid #ddd; text-decoration:none}
div.animal_list ul.list_animal li a:hover {background:#f2f2f2}
div.animal_list ul.list_animal li.selected a {background:#3276a7; border-color:#22608d; color:#fff; font-weight:bold}

div.state_write {margin-left:80px; padding:25px; background:#f5f5f5}

/* 가로형 달력 */
div#calendar_h {margin-bottom:30px}
div#calendar_h h1 {padding:0; margin:0 0 40px 0; text-align:center; font:700 17px nbg; z-index:100}
div#calendar_h ol.cal {vertical-align:top; min-width:700px; height:40px; padding:0; margin:0; list-style:none; border:1px solid #566175}
div#calendar_h ol.cal:after {clear:both; display:block; content:''}
div#calendar_h ol.cal li {float:left; width:26px; height:40px}
div#calendar_h ol.cal li a:hover {background:#ddd}
div#calendar_h ol.cal li a {display:block; padding:10px 0; height:20px; text-align:center; text-decoration:none; vertical-align:middle; color:#555; font-size:14px}
div#calendar_h ol.cal li div.day_week {position:absolute; width:26px; height:22px; margin:-70px 0 0 0; text-align:center}
div#calendar_h ol.cal li.sat, div#calendar_h ol.cal li.sat a {color:#2467b1 !important}
div#calendar_h ol.cal li.sun, div#calendar_h ol.cal li.sun a {color:#da132a !important}
div#calendar_h ol.cal li.today {background:#43902b !important}
div#calendar_h ol.cal li.today a {background:#43902b !important; color:#fff}
div#calendar_h ol.cal li a.complete {font-weight:bold; text-decoration:underline}



/* 신청 리스트 */
.tbl_app_list {margin-bottom:20px; border:1px solid #dfe1e3; border-left:0; border-right:0; border-top:1px solid #1d2738; font-size:13px}
.tbl_app_list tr:nth-child(2n-1) {background:#f3f5f6}
.tbl_app_list tr:last-child td {border-bottom:1px solid #a5a9b1}
.tbl_app_list th {background:#eef1f3; padding:7px; text-align:left; border:1px dotted #bfc3c8; border-bottom:1px solid #c9c9c9}
.tbl_app_list th:first-child,
.tbl_app_list td:first-child {border-left:0}
.tbl_app_list th:last-child,
.tbl_app_list td:last-child {border-right:0}
.tbl_app_list td {padding:7px; border:1px dotted #dfe1e3; border-bottom:1px solid #dfe1e3; line-height:20px}

/* 검색 */
.search_area {margin:0 0 20px 0}
.search_area .i_select {display:block; width:100px; line-height:26px}
.search_area .item {float:left}
.search_area .i_text {-webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active;}
.search_area .item .i_text {position:relative; padding:1px 45px 1px 10px; border:1px solid #ccc; font:normal 13px nbg; color:#333}
.search_area .item .i_text:hover,
.search_area .item .i_text:focus {border:1px solid #bbb; background:#fff}
.search_area .i_btn {position:relative; float:right; right:30px; top:4px}

/* PI 찾기 팝업 검색 */
div.srch_before_area {margin:60px 0 0 0; padding:20px; background:#f2f2f2; border:1px solid #ddd; text-align:center; vertical-align:middle}
div.srch_before_area p {padding:0; margin:0 0 20px 0; font:normal 30px nbg; color:#888; text-align:center; background:none}
div.srch_before_area select {line-height:41px; height:41px; padding:2px; border:1px solid #ccc}
div.srch_before_area .i_text {height:21px; padding:10px; vertical-align:middle}
div.srch_before_area .btn_srch {width:100px; height:43px; padding:0; margin:0; border:0; background:#444; color:#fff; font-size:15px; text-align:center; vertical-align:middle}
div.srch_before_area .btn_srch:hover {background:#777}


/* new 동물정보 입력 */
div.breeding_wrap2 {*zoom:1;}
div.breeding_wrap2:after {clear:both; display:block; content:''}
div.breeding_wrap2 div.tab {margin:0 0 20px 0; border-bottom:1px solid #c51064}
div.breeding_wrap2 div.tab input {min-width:80px; padding:10px; background:#eee; color:#555; text-align:center; border:0}
div.breeding_wrap2 div.tab input:hover {text-decoration:underline}
div.breeding_wrap2 div.tab input.selected {background:#c51064; color:#fff}

div.breeding_wrap2 div.animal_slt_area {position:relative; margin-bottom:30px}

div.breeding_wrap2 button.btn-animal-slt {
	position:relative; display:block; width:100%; height:35px; padding:8px 15px; box-sizing:border-box; 
	font-size:15px; border-radius:3px; box-shadow:1px 1px 5px #ddd; text-align:left;
	 background:transparent; border:0; outline:none; color:#282d39; border:1px solid #ddd;
}
div.breeding_wrap2 button.btn-animal-slt:after {
	position:absolute; right:10px; top:5px; display:block; width:0; height:0;
	border-top:8px solid #282d39; border-left:transparent; border-right:transparent; content:'';
}
div.breeding_wrap2 button.btn-animal-slt span {position:relative; padding-right:16px; margin-right:15px;}
div.breeding_wrap2 button.btn-animal-slt span:after {
	position:absolute; right:0; top:4px; width:1px; height:13px; background:#ddd; content:''
}
div.breeding_wrap2 button.btn-animal-slt span.last:after {display:none;}
div.breeding_wrap2 div.animal_slt_area .dropdown {
	position:absolute; top:30px; display:none;
	height:700px; padding:10px; overflow-y:scroll; margin-bottom:30px; background:#282d39; border-radius:4px; z-index:100;
}
div.breeding_wrap2 div.animal_slt_area .btn-hide {
	background:transparent; color:#fff;
}
div.breeding_wrap2 table.animal_slt {border:0; color:#ababab;}
div.breeding_wrap2 table.animal_slt td {padding:5px; border:0; border-bottom:1px solid #3f4552; font-size:12px;}
div.breeding_wrap2 table.animal_slt tr.active td,
div.breeding_wrap2 table.animal_slt tr.active:hover td {color:#ffd220; font-size:12px;}
div.breeding_wrap2 table.animal_slt tr:hover td {color:#fff;}
div.breeding_wrap2 table.animal_slt tr {cursor:pointer;}

div.breeding_wrap2 div.basic_info {float:left; width:200px; border-right:1px solid #ccc}
div.breeding_wrap2 div.basic_info ul {padding:0; margin:0; list-style:none; overflow-y:auto}
div.breeding_wrap2 div.basic_info li {margin:0 0 15px 0}
div.breeding_wrap2 div.basic_info li li {margin:0}
div.breeding_wrap2 div.basic_info li.memo {height:70px; overflow-y:scroll}
div.breeding_wrap2 div.basic_info textarea.i_text {width:90%; height:100px; resize:vertical}
div.breeding_wrap2 div.basic_info .title {display:block; margin:0 0 5px 0; font-size:13px; color:#c51064}

div.breeding_wrap2 .item {position:relative; display:inline-block}
div.breeding_wrap2 .item .i_label {position:absolute; top:2px; left:3px; z-index:9999}

div.breeding_wrap2 div.animal_info {float:left; padding-left:30px}
div.breeding_wrap2 div.animal_info .tbl_form {margin:0 0 60px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd}
div.breeding_wrap2 div.animal_info .tbl_form td {font-size:14px; font-weight:bold}
div.breeding_wrap2 div.animal_info label {color:#999}
div.breeding_wrap2 div.animal_info input[type='text'],
div.breeding_wrap2 div.animal_info input[type='text']:hover,
div.breeding_wrap2 div.animal_info input[type='text']:focus {border:1px solid #ccc; background:#f0f0f0}
div.breeding_wrap2 div.animal_info label.active {color:#c51064}
div.breeding_wrap2 div.animal_info input.active,
div.breeding_wrap2 div.animal_info input.active:hover,
div.breeding_wrap2 div.animal_info input.active:focus {border:2px solid #c51064; background:#fff !important}