@charset "utf-8";

/* fake toast */
.toast { position: absolute; display: block; bottom: 80px; width: 100%; text-align: center; }
.toast .txt { display: inline-block; background-color: #333333; /*opacity: 0.4;*/ color: #FFFFFF; padding: 5px 10px; box-sizing: border-box; border-radius: 10px 10px 10px 10px; }

/* table set */
.table, .table2, .table3 { border:1px solid #d9dee3; width:100%; max-width:100%; table-layout:fixed; }
.table tr, .table2 tr, .table3 tr {  }
.table th { background:#f4f5f7; border-left:1px solid #d9dee3; text-align:left; padding:8px 13px 9px; box-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all; }
.table2 th { background:#F7F4F4; border-left:1px solid #d9dee3; text-align:left; padding:15px 20px 16px; box-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all; }
.table3 th { background:#F7F4F4; border-left:1px solid #d9dee3; padding:3px; text-align:left; pbox-sizing:border-box; font-weight:600; word-wrap:break-word; word-break:keep-all; }
.table th.border-top, .table2 th.border-top, .table3 th.border-top { border-top: 1px solid #d9dee3; }
.table td{ border-top: 1px solid #d9dee3; padding:10px; vertical-align:middle; }
.table2 td { border-top: 1px solid #d9dee3; padding:10px; vertical-align:middle; border-left: 1px solid #d9dee3;}
.table3 td { border-top: 1px solid #d9dee3; padding:1px; vertical-align:middle; border-left: 1px solid #d9dee3;}
.table td.border-left, .table2 td.border-left, .table3 td.border-left { border-left: 1px solid #d9dee3; }
.table .table-empty, .table2 .table-empty, .table3 .table-empty { height:50px; line-height:50px; text-align: center !important; }

.opacity5 {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

/* margin set */
.mt-0 { margin-top:0px !important; }
.ml-0 { margin-left:0px !important; }
.mr-0 { margin-right:0px !important; }
.mb-0 { margin-bottom:0px !important; }
.mt-10 { margin-top:10px !important; }
.ml-10 { margin-left:10px !important; }
.mr-10 { margin-right:10px !important; }
.mb-10 { margin-bottom:10px !important; }
.mt-20 { margin-top:20px !important; }
.ml-20 { margin-left:20px !important; }
.mr-20 { margin-right:20px !important; }
.mb-20 { margin-bottom:20px !important; }
.mt-30 { margin-top:30px !important; }
.ml-30 { margin-left:30px !important; }
.mr-30 { margin-right:30px !important; }
.mb-30 { margin-bottom:30px !important; }
.mt-40 { margin-top:40px !important; }
.ml-40 { margin-left:40px !important; }
.mr-40 { margin-right:40px !important; }
.mb-40 { margin-bottom:40px !important; }
.mt-50 { margin-top:50px !important; }
.ml-50 { margin-left:50px !important; }
.mr-50 { margin-right:50px !important; }
.mb-50 { margin-bottom:50px !important; }


/* padding set */
.pt-0 { padding-top: 0px !important; }
.pl-0 { padding-left: 0px !important; }
.pr-0 { padding-right: 0px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pt-10 { padding-top:10px !important; }
.pl-10 { padding-left:10px !important; }
.pr-10 { padding-right:10px !important; }
.pb-10 { padding-bottom:10px !important; }
.pt-20 { padding-top:20px !important; }
.pl-20 { padding-left:20px !important; }
.pr-20 { padding-right:20px !important; }
.pb-20 { padding-bottom:20px !important; }
.pt-30 { padding-top:30px !important; }
.pl-30 { padding-left:30px !important; }
.pr-30 { padding-right:30px !important; }
.pb-30 { padding-bottom:30px !important; }
.pt-40 { padding-top:40px !important; }
.pl-40 { padding-left:40px !important; }
.pr-40 { padding-right:40px !important; }
.pb-40 { padding-bottom:40px !important; }
.pt-50 { padding-top:50px !important; }
.pl-50 { padding-left:50px !important; }
.pr-50 { padding-right:50px !important; }
.pb-50 { padding-bottom:50px !important; }


/* align set */
.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }


/* border set */
.border-0 { border:0 !important; }


/* font-weight set */
.fw-100 { font-weight: 100 !important; }
.fw-200 { font-weight: 200 !important; }
.fw-300 { font-weight: 300 !important; }
.fw-400 { font-weight: 400 !important; }
.fw-500 { font-weight: 500 !important; }
.fw-600 { font-weight: 600 !important; }
.fw-700 { font-weight: 700 !important; }
.fw-800 { font-weight: 900 !important; }
.fw-900 { font-weight: 900 !important; }


/* select */
.select {
	display: block;
	padding: 6px 4px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box;
	height: 30px;
}

/* btn */
.dw_btn {
	color: #666 !important;
	font-weight: 400 !important;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none !important;
	text-align: center !important;
	height: 23px;
	line-height: 21px;
	display: inline-block;
	float:left;
}
.dw_btn2 {
	color: #fff !important;
	font-weight: 400 !important;
	background: #853737;
    border: 1px solid #640e0e;
	box-sizing: border-box;
	padding: 0 10px;
	overflow: hidden;
	white-space: nowrap;
	text-decoration: none !important;
	text-align: center !important;
	height: 23px;
	line-height: 23px;
	display: inline-block;
	float: left;
}



#jqGrid tr td:last-child { background: #FFFFFF !important; color:#4C4C4C !important; }
/*#jqGrid tr td {border:none;}*/
/*#jqGrid tr td {border-color:#000 !important;}*/
#jqGrid tr td { border-right-color: #000000; border-bottom-color: #000000; }
#jqGrid tr { background:#f5f5f5; color:#000000; }



/* 대기 상태 */
.ostatus_ready { background: #FFFFFF !important; color:#000000 !important; }

/* 접수 상태 */
.ostatus_new { background: #F2F5C3 !important; color:#000000 !important; }

/* 배송준비 상태 */
.ostatus_send { background: #98cee8 !important; color:#000000 !important; }

/* 배송중 상태 */
.ostatus_sending { background: #D9FFDB !important; color:#000000 !important; }

/* 보류 상태 */
.ostatus_waiting { background: #c9bcd5 !important; color:#000000 !important; }

/* 사고 상태 */
.ostatus_accident { background: #ffce9a !important; color:#000000 !important; }

/* 취소 상태 */
.ostatus_cancel { background: #ffd9d9 !important; color:#000000 !important; }

/* 긴급 상태 */
.ostatus_alert { background: #e7e4e0 !important; color:#000000 !important; }

/* 완료/배송완료 상태 */
.ostatus_complete { background: #D1E5FF !important; color:#000000 !important; }

/* 즉시배송 상태 */
.ostatus_direct { background: #FFC7C7 !important; color:#000000 !important; }

/* 편집중 상태 */
.ostatus_selected { background: #000 !important; color:#FFFFFF !important; }

/* 회원 상태 */
.mem_status_A { background: #D1E5FF !important; color:#000000 !important; }
.mem_status_U { background: #FFC7C7 !important; color:#000000 !important; }

/* tr color set */
.blink_bg_new { background-color:#D4CFFB !important; }/* 신규 등록 블링크 */
.blink_bg_modify { background-color:#FBCFD0 !important; }/* 등록 수정 접수 블링크 */
.blink_text { color:#ff0000 !important; }



/* 예치금 내역 중 + 금액 */
.lprice_plus { color:#3F48CC !important; font-weight:bold !important; }

/* 예치금 내역 중 - 금액 */
.lprice_minus { color:#FF7F27 !important; font-weight:bold !important; }

/* 승인완료 */
.stat_approve { color:#3F48CC !important; font-weight:bold !important; }

/* 승인대기 */
.stat_reject { color:#FF7F27 !important; font-weight:bold !important; }


.ui-state-highlight-add { background: #FFFFFF !important; color:#000000 !important; }

/* 수주거절 상태 */
.ostatus_reject { background: #aba8a8 !important; color:#000000 !important; }


/* ETC */
.img_box { border:1px dotted #ccc; padding:5px; display: inline-block; }
.label_design { overflow: hidden; float: left; height: 27px; line-height: 27px; margin-right: 15px; cursor: pointer !important; }
.label_design input { float: left; margin: 7px 4px 0 0 !important; outline: none; }
.label_design input[type=radio], .label_design input[type=checkbox] { float: left; height: 13px; width: 13px; cursor: pointer; -webkit-gradient: none; -webkit-border-radius: 0; }
.wd_readonly { background-color:#eee !important; }
.ui-timepicker-container {z-index:101 !important;}
.ui-jqgrid tr.ui-row-ltr td, .ui-jqgrid .ui-jqgrid-htable th div { font-size:1.15em; }
.ui-jqgrid tr.jqgrow td { height: 30px !important; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	border: 1px solid #D9D9D9;
	background: #EDEDED;
	color: #000000;
}



/* 즉시배송 패널 */
.fc_side_bar {
	position: fixed;
	top:35px;
	right:-305px;
	width: 350px;
}
.fc_side_bar * { position: relative; }
.fc_side_bar.active {
	right:0px;
	top:0px;
	height: 100%;
	background-color:#fff;
	border-left:1px solid #DDE2E5;
}
.fc_side_bar .fcb_top { z-index:2; }
.fc_side_bar.active .fcb_top .active { display: block; }
.fc_side_bar.active .fcb_top .passive { display: none; }
.fc_side_bar .fcb_content { display: none; }
.fc_side_bar.active .fcb_content { display: block; z-index:1; }
.fc_side_bar .fcb_top .active { display: none; }
.fc_side_bar .fcb_top .passive { position: relative; display: block; }
.fc_side_bar .fcb_top .passive a.open_btn {
	display:block;
	background-color:#00A2E8;
	color:#fff;
	width: 45px;
	height: 45px;
	line-height:45px;
	text-align: center;
}
.fc_side_bar .fcb_top .passive .badge {
	position: absolute;
	display: none;
	top:-10px;
	right:315px;
	background-color:#ff0000;
	color:#fff;
	font-weight: 700;
	padding: 0 5px;
	margin-right:25px;
	font-size:0.7em;
	border-radius:50% !important;
}
.fc_side_bar .fcb_top .passive .badge.blink {
	background-color: #002060;
}
.fc_side_bar .fcb_top .passive a.open_btn i  { margin: 11px 0; }
.fc_side_bar.active .fcb_top .active .close {
	position: absolute;
	display: block;
	background-color:#007AAE;
	right:0px;
	width:35px;
	height:35px;
	line-height:35px;
	color:#fff;
	z-index:2;
	text-align:center;
}
.fc_side_bar.active .fcb_top .active .close i { margin: 11px 0; }
.fc_side_bar.active .fcb_top .active .title {
	background-color:#00A2E8;
	color:#fff;
	font-weight: 700;
	font-size: 1.15em;
	height: 35px;
	line-height: 35px;
	text-align: center;
}
.fc_side_bar.active .fcb_content {
	top:-35px;
	width:100%;
	height:100%;
	padding-top: 35px;
	display:block;
	overflow-x: hidden;
	overflow-y: auto;
}
.fc_side_bar.active .fcb_content .content { position: relative; margin-bottom: 35px; }
.fc_side_bar.active .fcb_content .content .item {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 7px 10px;
	line-height: 20px;
	word-break:break-all;
	cursor: pointer;
}
.fc_side_bar.active .fcb_content .content .item:nth-child(2n) { background-color: #F8F8F8 }
.fc_side_bar.active .fcb_content .content .item .address { color:#00A2E8; font-size:1.25em; }
.fc_side_bar.active .fcb_content .content .item .time { display:none; margin-top:10px; }
.fc_side_bar.active .fcb_content .content .item .time ul { display: inline-block; width:100%; }
.fc_side_bar.active .fcb_content .content .item .time .timer { width:49%; float:left; display: inline-block; font-size: 1.25em; }
.fc_side_bar.active .fcb_content .content .item .time .validity { width:49%; float:left; display: inline-block; font-weight: 400; color: #808080; text-align:right; }

.fc_side_bar.active .fcb_content .content .item.fail { background-color:#fff0f5; }
.fc_side_bar.active .fcb_content .content .item .time.fail { display:block !important; color:#FF7F27; }
.fc_side_bar.active .fcb_content .content .item.success { background-color:#C8EBFA; }
.fc_side_bar.active .fcb_content .content .item .time.success { display:block !important; color:#3F48CC; }

/* 업체 등급별 색상코드 */

/* 발주 */
.text_color1 { color: #0000ff !important; font-weight:bold !important; }

/* 지사 */
.text_color2 { color: #ff005f !important; font-weight:bold !important; }

/* 총판 */
.text_color3 { color: #ce12e7 !important; font-weight:bold !important; }

/* 수주 */
.text_color4 { color: #000000 !important; font-weight:bold !important; }

/* 가맹 */
.text_color5 { color: #00ff85 !important; font-weight:bold !important; }

/* 본사 */
.text_color6 { color:#000000 !important; font-weight:bold !important; }

.alert_delete { background-color:#ff0000 !important; color:#fff !important; font-weight:bold !important; outline: 0;border: 0;margin-left: 15px;border-radius: 10px !important; }