/* 전체 색상 css */
body {background: #383a3f !important;}

/*반응형 TOP 버튼*/
a#MOVE_TOP_BTN {position: fixed;right: 2%;bottom: 50px;display: none;z-index: 999;opacity: .7}

a#MOVE_LIST {position: fixed;right: 2%;bottom: 90px;display: none;z-index: 999;opacity: .7}

.navbar-default{background-image: -webkit-linear-gradient(top,#242424 0,#242424 100%);background-image: -o-linear-gradient(top,#242424 0,#242424 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#242424),to(#242424));background-image: linear-gradient(to bottom,#242424 0,#242424 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#242424', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x;border-radius: 4px;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075); border : 0px;/*border:1px solid #383a3f;*/}
.navbar-default .navbar-brand{color:#fff;float: none;}
.sidebar ul li {border-bottom: 1px solid #333;}
#side-menu a, #side-menu a:ACTIVE{background: #242424; color:#fff;     transition: background 0.5s ease;font-size:13px;} /* 메인메뉴 */
#side-menu .nav-second-level a, #side-menu .nav-second-level a:ACTIVE{background: #383a3f;color:#fff;    transition: background 0.5s ease;} /* 서브메뉴 */
#side-menu .nav-second-level a:HOVER{background: rgba(255, 71, 71, 0.66);     transition: background 0.5s ease;} /* 서브메뉴 호버*/
#side-menu .nav-second-level .now-page{background: rgba(255, 71, 71, 0.66)  !important;     transition: background 0.5s ease  !important;} /* 서브메뉴 호버*/
.navbar-static-top a, .navbar-static-top a:ACTIVE{color:#fff; } /* 상단 메뉴*/
.navbar-static-top .dropdown a:FOCUS, .navbar-static-top .dropdown a:HOVER{background: rgba(255, 71, 71, 0.66);color:#fff;     transition: background 0.5s ease;} /* 상단메뉴 호버 */
.navbar-static-top .navbar-brand a:FOCUS, .navbar-static-top .navbar-brand a:HOVER{background: #242424;color:#fff;     transition: background 0.5s ease;} /* 사이트 명 */

#page-wrapper{ min-height: 1500px !important;}

/* 버튼  css*/
.btn-black {background-image: -webkit-linear-gradient(top,#4e4e4e 0,#242424 100%);background-image: -o-linear-gradient(top,#4e4e4e 0,#242424 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#ffc87a),to(#242424));background-image: linear-gradient(to bottom,#4e4e4e 0,#242424 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); background-repeat: repeat-x;border-color: #242424;color:#fff;}
.btn-black:focus, .btn-black:hover {background-color: #242424;background-position: 0 -15px;color:#fff;}


/* 체크박스 관련 css */
.funkyradio label { width: 100%; border-radius: 3px; border: 1px solid #D1D3D4; font-weight: normal; }
.funkyradio input[type="checkbox"]:empty { display: none; }
.funkyradio input[type="checkbox"]:empty ~ label {position: relative; line-height: 2.5em;text-indent: 3.25em; cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.funkyradio input[type="checkbox"]:empty ~ label:before {position: absolute;display: block;top: 0;bottom: 0;left: 0;content: '';width: 2.5em; background: #D1D3D4;border-radius: 3px 0 0 3px;}
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label { color: #888;}
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {content: '\2714';text-indent: .9em;color: #C2C2C2;}
.funkyradio input[type="checkbox"]:checked ~ label {color: #777;}
.funkyradio input[type="checkbox"]:checked ~ label:before { content: '\2714';text-indent: .9em;color: #333;background: #ccc;}
.funkyradio input[type="checkbox"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {color: #fff;background: #d9534f;}
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {color: #fff;background: #f0ad4e;}
.funkyradio-info input[type="checkbox"]:checked ~ label:before {color: #fff;background: #5bc0de;}
.funkyradio-success input[type="checkbox"]:checked ~ label:before {color: #fff;background: #5cb85c;}
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {color: #fff;background: #337ab7;}



/* 패널 css */
.panel-black {border-color: #242424;}
.panel-black>.panel-heading {background-image: -webkit-linear-gradient(top,#242424 0,#242424 100%);background-image: -o-linear-gradient(top,#242424 0,#242424 100%);background-image: -webkit-gradient(linear,left top,left bottom,from(#242424),to(#242424));background-image: linear-gradient(to bottom,#242424 0,#242424 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);background-repeat: repeat-x;color: #fff;}



/* 설명 css */
div.div_notice_desc_red{font-size: 11px;color: #c12c27;border: 1px solid #c12c27;padding: 4px;margin-bottom:5px;}
span.default{ border: 1px solid #777;padding: 2px;}
p.desc_blue {background-color: rgba(231, 240, 250, 0.27); border: 1px solid #aed0ea; padding:10px;}

span.notice_violet{background: rgb(51, 51, 204);color: #fff;font-size: 11px;padding: 3px;}
span.notice_blue{background: rgb(55, 117, 203);color: #fff;font-size: 11px;padding: 3px;}
span.notice_red{background: rgb(204, 51, 51);color: #fff;font-size: 11px;padding: 3px;}
span.notice_green{background: #3c763d;color: #fff;font-size: 11px;padding: 3px;}
span.notice_yellow{background: #f0ad4e;color: #000;font-size: 11px;padding: 3px;font-weight: bold;}

span.notice_violet.big{font-size: 14px;}
span.notice_blue.big{font-size: 14px;}
span.notice_red.big{font-size: 14px;}
span.notice_green.big{font-size: 14px;}
span.notice_yellow.big{font-size: 14px;}

b.notice_violet{color: #3333cc;font-size: 12px;}
b.notice_red{color: rgb(204, 51, 51);font-size: 12px;}
b.notice_blue{color: rgb(55, 117, 203);font-size: 12px;}
b.notice_violet.big{font-size: 14px;}
b.notice_red.big{font-size: 14px;}
b.notice_blue.big{font-size: 14px;}



/* 페이징 css  */
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;background-color: #383a3f;border-color: #383a3f;}
.pagination>li>a, .pagination>li>span{color:#000;}



/* 버튼 */
.btn{ transition-duration: 0.3s;}



/* hr태그 */
hr.style-one {border: 0;height: 1px;background: #333;background-image: linear-gradient(to right, #ccc, #333, #ccc);}
hr.style-two {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));}
hr.style-three {border: 0;border-bottom: 1px dashed #ccc;background: #999;}
hr.style-four {height: 12px;border: 0;box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}
hr.style-five {border: 0;height: 0; /* Firefox... */box-shadow: 0 0 10px 1px black;}
hr.style-five:after { content: "\00a0";  /* Prevent margin collapse */}
hr.style-seven {height: 30px;border-style: solid;border-color: black;border-width: 1px 0 0 0;border-radius: 20px;}
hr.style-seven:before { display: block;content: "";height: 30px;margin-top: -31px;border-style: solid;border-color: black;border-width: 0 0 1px 0;border-radius: 20px;}
hr.style-eight {padding: 0;border: none;border-top: medium double #333;color: #333;text-align: center;}
hr.style-eight:after {content: "§";display: inline-block;position: relative;top: -0.7em;font-size: 1.5em;padding: 0 0.25em;background: white;}



/* 테이블 */
tr.selected{background: #f2faff;border: 2px solid #8fc8f9;}


/* 모달 */
.modal-footer{text-align: center;}


/* 창고주소 관련 */
.buy_addr.NJ{color: blue;font-size: 11px;padding: 5px;margin: 5px;background-color: #e9f5ff;}
.buy_addr.DE{color: red;font-size: 11px;padding: 5px;margin: 5px;background-color: #ffeaf0;}



/* 배송테이블 관련 */

/* 테이블 - 배송상태 */
.tbl_state th{font-size: 11px;}
.tbl_state div.buy_order_code{color:#015201;}/* 해외주문번호 */
.tbl_state div.tracking_no{color:#1744ca;}/* 트래킹번호  */
.tbl_state div.blno{color:#ce2121;}/* 운송장번호  */



/* 테이블 - 배송상품리스트 */
.tbl_order_prod .th-title{background: #ccc;}/* 테이블 타이블 */
.modal .tbl_order_prod td.td-title{color:#666;}
.tbl_order_prod th{text-align: center;}
.tbl_order_prod td{text-align: center;}
.tbl_order_prod div.cust_order_code{color:#015201;}/* 업체주문코드 */
.tbl_order_prod div.cust_order_date8{color:#1744ca;}/* 업체주문일 */
.tbl_order_prod div.create_date{}/* 등록일 */
.tbl_order_prod div.order_prod_inc{font-weight: bold;}/* 배송상품고유번호 */


.tbl_order_prod div.sp_state{font-weight: bold;}/* 배송단계 */
.tbl_order_prod div.buy_order_code{color:#015201;}/* 해외주문번호 */
.tbl_order_prod div.tracking_no{color:#1744ca;}/* 트래킹번호  */
.tbl_order_prod div.blno{color:#ce2121;}/* 운송장번호  */
.tbl_order_prod div.buy_addr{}/* 창고주소  */


.tbl_order_prod div.prod_mall{text-align: left;color:#015201;}/* 쇼핑몰  */
.tbl_order_prod div.prod_brand{text-align: left;color:#1744ca;}/* 브랜드  */
.tbl_order_prod div.prod_name{text-align: left;}/* 상품명  */
.tbl_order_prod div.cust_prod_code{text-align: left;color:#ce2121;}/* 상품코드  */


.tbl_order_prod div.prod_color{color:#015201;}/* 색상  */
.tbl_order_prod div.prod_size{color:#1744ca;}/* 사이즈  */


.tbl_order_prod div.amount{color:#015201;}/* 수량  */
.tbl_order_prod div.box_express_yes{color:#1744ca;padding: 5px;margin: 5px;background-color: #e9f5ff;}/* 특급배송 */


.tbl_order_prod div.prod_price{text-align: right;color:#015201;}/* 상품단가  */
.tbl_order_prod div.cust_prod_price{text-align: right;color:#1744ca;}/* 업체판매단가 */
.tbl_order_prod div.agency_prod_price{text-align: right;color:#ce2121;}/* 실제구입단가  */


.tbl_order_prod div.cust_market_name{color:#015201;}/* 오픈마켓이름  */
.tbl_order_prod div.cust_market_id{color:#1744ca;}/* 오픈마켓 판매자 아이디 */
   
   
/* 버튼 */
.btn-group-xs>.btn, .btn-xxs {padding: 1px 5px; font-size: 10px;line-height: 1.5;border-radius: 3px;}


/* 패널 */
.panel-heading-title{font-size:11px; color: #ffd08e;}


/* 툴팁 */
[data-tooltip-text]:hover {position: relative;}
[data-tooltip-text]:hover:after {
	background-color: #000000;background-color: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 11px;
	content: attr(data-tooltip-text);
	font-weight:none;
  	margin-bottom: 10px;
	top: 130%;
	left: 0;    
	padding: 7px 12px;
	position: absolute;
	width: auto;
	min-width: 50px;
	word-wrap: break-word;
	z-index: 9999;
}
    
/* 공지 - 오른쪽으로 흘러가는 */
.notice-marquee {width: 100%;z-index: 99999;text-align: center;color: #fff;font-weight: bold;background-color: #171716; height: 25px; padding: 5px;}
.notice-marquee .fixed{position: fixed;}
.notice-marquee div {display: block;width: 100%;position: absolute;overflow: hidden;animation: keyframe_marquee 30s linear infinite;}
.notice-marquee span {float: left;width: -150%;font-size: 13px;font-weight: bold;}
@keyframes keyframe_marquee {0% { right: 0; }100% { right: -150%; }}
@-moz-keyframes keyframe_marquee {0% { right: 0; }100% { right: -150%; }}
@-webkit-keyframes keyframe_marquee {0% { right: 0; }100% { right: -150%; }}


/* 공지 - 깜빡이는 */
.notice-bling {background-color: #f36c22;width: 100%;animation: keyframe_bling 3s infinite;display: inline-block;font-size: 18px;color: #ffe3d3;padding: 8px 34px;vertical-align: middle; text-align: center;font-weight: bold;}
.notice-bling.black{background-color: #333; color:#fff;}
.notice-bling.danger{background-color: #c83834;}
.notice-bling.default{background-color: #999;color:#fff;}
.notice-bling.success{background-color: #5cb85c;color:#fff;}
.notice-bling.primary{background-color: #3072ac;color:#fff;}

@keyframes keyframe_bling {0% {opacity: 1;}10% {opacity: .2;}20% {opacity: 0;}30% {opacity: 1;}}
@-moz-keyframes keyframe_bling {0% {opacity: 1;}10% {opacity: .2;}20% {opacity: 0;}30% {opacity: 1;}}
@-webkit-keyframes keyframe_bling {0% {opacity: 1;}10% {opacity: .2;}20% {opacity: 0;}30% {opacity: 1;}}