/* bootstrap overriding */
button { outline: none !important; }
.table-bordered {border-color : #D2D2D2;}
.table thead th { }
.table-bordered th, .table-bordered td {border-color: #d2d2d2;}
.table th, .table td { border-color :  #d2d2d2; }
.alert-header .navbar-inner { border-radius: 0px !important;}
form {margin: 0px;}
input.default-textfield-active { color : #c4c4c4 !important;}


.btn-primary {
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(top, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #24748c \9;
}

a.month_text {font-size: 12px; color: #000;}
a.month_text:hover,
a.month_text:active {
	font-size: 12px; color: #000;
	text-decoration: none;
}
/* data table css */

#list { overflow  : hidden;}
.dataTables_wrapper { overflow : hidden !important;}
.tab-content {overflow-x : hidden !important;}

table .header{cursor:pointer;}table .header:after{content:"";float:right;margin-top:7px;border-width:0 4px 4px;border-style:solid;border-color:#000 transparent;visibility:hidden;}
table .headerSortUp,table .headerSortDown{}
table .header:hover:after{visibility:visible;}
table .headerSortDown:after,table .headerSortDown:hover:after{visibility:visible;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
table .headerSortUp:after{border-bottom:none;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;visibility:visible;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;filter:alpha(opacity=60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6;}
table .blue{color:#049cdb;border-bottom-color:#049cdb;}
table .headerSortUp.blue,table .headerSortDown.blue{background-color:#ade6fe;}
table .green{color:#46a546;border-bottom-color:#46a546;}
table .headerSortUp.green,table .headerSortDown.green{background-color:#cdeacd;}
table .red{color:#9d261d;border-bottom-color:#9d261d;}
table .headerSortUp.red,table .headerSortDown.red{background-color:#f4c8c5;}
table .yellow{color:#ffc40d;border-bottom-color:#ffc40d;}
table .headerSortUp.yellow,table .headerSortDown.yellow{background-color:#fff6d9;}
table .orange{color:#f89406;border-bottom-color:#f89406;}
table .headerSortUp.orange,table .headerSortDown.orange{background-color:#fee9cc;}
table .purple{color:#7a43b6;border-bottom-color:#7a43b6;}
table .headerSortUp.purple,table .headerSortDown.purple{background-color:#e2d5f0;}
table .header {cursor: pointer;}
table.dataTable th:active {outline: none;}
div.dataTables_paginate {float: none;margin: 0;}
.manager-content .mask
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	opacity:0.7;
	z-index: 1;
}
.manager-content .mask-text
{
	position:absolute;
	top: 200px;
    left: 520px;
	font-weight:bold;
	font-size:24px;
	color:white;
	text-align:center;
	line-height:200%;
	z-index: 1;
}


/* core css overriding*/



/* mask style */

.loadmask {    display : block ; z-index: 3000;    position: absolute;    background: #44A3DA url('/images/autocomplete_loader.gif') no-repeat 50% center; top:0;    left:0;    -moz-opacity: .6;    opacity: .6;    filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";   width : 100%; height: 100%; zoom:1;}
.masked { overflow : hidden !important; display : block ; background: #44A3DA url('/images/autocomplete_loader.gif') no-repeat 50% center; top:0;    left:0;    -moz-opacity: .6;    opacity: .6;    filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";   width : 100%; height: 100%; zoom:1;}
.masked-relative {    position: relative !important;}
.masked-hidden {    visibility: hidden !important;}

.loading-loadmask {    display : block ; z-index: 2000;    position: absolute;    background: #44A3DA url('/images/autocomplete_loader.gif') no-repeat 50% center; top:0;    left:0;    -moz-opacity: .6;    opacity: .6;    filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)";   width : 100%; height: 100%; zoom:1;}
.loading-loadmask-msg {}
.loading-loadmask-msg div {}

.loading-masked { overflow : hidden !important; }
.loading-masked-relative {    position: relative !important;}
.loading-masked-hidden {    visibility: hidden !important;}


/* global css */
body , div , span , td , em { font-family:'Dotum' !important; font-size:10pt; }
a img { border : none; }
.hr { height : 1px; clear : both ; background : #d9dadb; margin-top : 5px; margin-bottom: 5px;}

.black { color : #444; }
.color1 { color : #44a3da;}
.color2 { color : #414649;}
.bg-color1 { background : #44a3da; color : #fff;}
.bg-color2 { background : #414649; color : #fff;}
.font1 { font-size : 10pt; line-height : 14px;}
.font2 { font-size : 13pt; font-weight : bold; line-height : 20px;}
.font3 { font-size : 16pt; font-weight : bold; line-height : 24px;}

.font-size15{font-size:15px;}

.clickable { cursor : pointer; }


td.decimalstyle {
	text-align: right;
	font-family: Gulim;
}
td.decimalsumstyle {
	text-align: right;
	font-family: Gulim;
	font-weight: bold;
}

h2.main {font-size: 24px;line-height: 36px;}
h3.sub {color : #44a3da; font-size : 20px; line-height : 30px;}
h2.sub {color : #44a3da; font-size : 28px; line-height : 36px; letter-spacing : -1px; margin-bottom : 10px;}
span.sub_center {color : #44a3da; font-size : 28px; line-height : 40px; letter-spacing : -1px; display: inline-block;}
span.sub_side { line-height : 40px; font-size : 12px; line-height : 40px;  letter-spacing : -1px; display: inline-block;}

.select_date_bnt {font-size: 8pt}






.datepickerHidden {
	display: none;
}
div.datepicker table {
	border-collapse:collapse;
}
div.datepicker a {
	color: #444;
	text-decoration: none;
	cursor: default;
	outline: none;
}
div.datepicker table td {
	text-align: right;
	padding: 0;
	margin: 0;
	cursor : pointer;
}
div.datepicker th {
	text-align: center;
	color: #777;
	font-weight: normal;
}
div.datepicker tbody th {
	text-align: left;
}
div.datepicker tbody a {
	display: block;
}


.datepickerDays a {
	width: 20px;
	line-height: 16px;
	height: 16px;
	padding-right: 2px;
}


.datepickerMonths a 
{
	width: 38px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	display :inline-block;
	*display : inline;
	zoom : 1;
}
td.datepickerNotInMonth a {
	color: #999;
}
tbody.datepickerDays td.datepickerSelected{
	background: #000;
}
tbody.datepickerDays td.datepickerNotInMonth.datepickerSelected {
	background: #000;
}
tbody.datepickerYears td.datepickerSelected,
tbody.datepickerMonths td.datepickerSelected{
	background: #17384d;
}
div.datepicker a:hover,
div.datepicker a:hover {
	color: #88c5eb;
}
div.datepicker td.datepickerNotInMonth a:hover {
	color: #999;
}
div.datepicker tbody th {
	text-align: left;
}
.datepickerSpace div {
	width: 20px;
}
.datepickerGoNext a,
.datepickerGoPrev a,
.datepickerMonth a {
	text-align: center;
	height: 20px;
	line-height: 20px;
}
.datepickerGoNext a {
	float: right;
	width: 20px;
}
.datepickerGoPrev a {
	float: left;
	width: 20px;
}

table.datepickerViewDays {
	
}

table.datepickerViewDays tbody.datepickerMonths,
table.datepickerViewDays tbody.datepickerYears {
	display: none;
}
table.datepickerViewMonths tbody.datepickerDays,
table.datepickerViewMonths tbody.datepickerYears,
table.datepickerViewMonths tr.datepickerDoW {
	display: none;
}
table.datepickerViewYears tbody.datepickerDays,
table.datepickerViewYears tbody.datepickerMonths,
table.datepickerViewYears tr.datepickerDoW {
	display: none;
}
td.datepickerDisabled a,
td.datepickerDisabled.datepickerNotInMonth a{
	color: #333;
}
td.datepickerDisabled a:hover {
	color: #333;
}
td.datepickerSpecial a {
	background: #700;
}
td.datepickerSpecial.datepickerSelected a {
	background: #a00;
}

td.datepickerSelected a {
	color : #fff;
}

tbody.datepickerDays td a { cursor : pointer;}

th.datepickerMonth a ,  th.datepickerGoPrev a , th.datepickerGoNext a { 
	font-size : 16px; color : #fff; font-weight : bold;
}

tbody.datepickerYears td { width : 38px; }
tbody.datepickerYears td span { 
	font-size : 11px;
	width: 38px;
	line-height: 28px;
	height: 28px;
	text-align: center;
	display :inline-block;
	*display : inline;
	zoom : 1;
	margin-top : 8px;
}
table.datepickerViewMonths tbody.datepickerMonths td { padding-top : 10px;}





.manager-head {
	display : block;
	height : 65px;
	width : 100%;
	border-bottom : 1px solid #9f9f9f;
	position : relative;
}	

.manager-head .section {
	padding-top : 16px;
	padding-left : 0px;
	padding-right : 30px;
	clear : both;
}

.manager-head .section .logo {
	margin-left: 35px;
}

.manager-head .section .help {
	position : absolute;
	right : 30px;
	bottom : 10px;
	color : #000;
	font-size : 11px;
	line-height : 16px;
	display : inline-block;
	*display : inline;
	zoom : 1;
}

.manager-head .section .help img {
	margin-top : -1px;
}

.manager-blackbar {
	padding-left : 10px;
	display : block;
	height : 30px;
	background : transparent url('/manager_v2/subar_overbg.png') repeat-x ;
	position : relative;
	line-height : 30px;
	color : #fff;
	clear : both;
}
*:first-child+html .manager-blackbar {line-height : none; width: 179px;}
.manager-whitebar { 
	padding-left : 10px;
	background : #efefef url('/manager_v2/subar_outbg.png') repeat-x;
	height : 30px;
	line-height : 30px;
	color : #000;
	clear : both;
}
*:first-child+html .manager-whitebar {line-height : none; width: 179px;}
.manager-whitebar:hover { 
	background : transparent url('/manager_v2/subar_overbg.png') repeat-x ;
	color : #fff;
}
.manager-whitebar:hover .arr {background: url('/manager_v2/subar_over.png'); display: inline-block; width: 9px; height: 9px;}


.manager-blackbar-img {
	width : 191px;
	display : block;
	position : relative;
	clear : both;
}
.manager-whitebar-img {
	width : 191px;
	display : block;
	position : relative;
	clear : both;
}

.manager-blackbar .store { font-size : 14px; font-weight : bold; line-height: 37px; margin-left : 10px; }
.manager-blackbar .count {font-size: 10px; margin-left: 5px;}
.manager-blackbar .arr {background: url('/manager_v2/subar_over.png'); display: inline-block; width: 9px; height: 9px; float: right; margin: 9px 10px 0px 0px;}
.manager-whitebar .count {font-size: 10px; margin-left: 5px;}
.manager-whitebar .arr {background: url('/manager_v2/subar_out.png'); display: inline-block; width: 9px; height: 9px; float: right; margin: 9px 10px 0px 0px;}
.manager-blackbar a { text-decoration : none; color : #fff; font-size : 12px ; line-height : 37px;}
.manager-blackbar a:hover { text-decoration : underline;}
.manager-blackbar .menu {
	float:right;
	margin-right : 10px;
}
.manager-body {
	position : relative;
}

.manager-menubar {
	display : block;
	min-height : 455px;
	height : 100%;
	width : 65px;
	overflow : hidden;
	background : url('/manager_v2/m_bg.png') repeat-y ;
	position : absolute;
	left : 0;
	top  : 0;
	z-index : 10;
}


.manager-sub-menubar {
	display : block;
	height : 100%;
	width : 197px;
	overflow : hidden;
	background : #f5f5f5;
	position : absolute;
	left : 65px;
	top  : 0;
	z-index : 2;
}

.manager-sub-menubar .drawer {
	background : #ededed url('/manager_v2/arl_btn.png') no-repeat 50% 50%;
	border-left : 1px solid #c2c2c2;
	border-right : 1px solid #aaaaaa;
	position : absolute;
	right : 0px;
	height : 100%;
	width : 6px;
	top : 0px;
	cursor : pointer;
}

.manager-sub-menubar .drawer_single {
	background : #ededed url('/manager_v2/arl_btn.png') no-repeat 50% 50%;
	border-left : 1px solid #c2c2c2;
	border-right : 1px solid #aaaaaa;
	position : absolute;
	right : 0px;
	height : 100%;
	width : 6px;
	top : 0px;
	cursor : pointer;
}

.manager-sub-menubar .data {
	margin-right : 6px;
}

.manager-content {
	margin-left : 262px;
}

.manager-content .bar {
	background : #efefef url('/manager_v2/grad_bar_bg.jpg') repeat-x;
	height : 40px;
	width : 100%;
	clear : both;
}

.manager-content .bar .title {
	padding-left : 35px;
	line-height : 35px;
	font-weight : bold;
	float:left;
	font-size : 14px;
}

.manager-content .bar img {
	margin-top : -3px;
	max-width: none;
}

.manager-content .content {
	padding : 30px;
}

.manager-search-bar {
	margin-top : 5px;
	margin-right : 10px;
	width : 190px;
	height : 25px;
	background : transparent url('/manager_v2/sc_bar.png') no-repeat;
	float:right;
}

.manager-search-bar .ic {
	width : 25px;
	height : 25px;
	background : transparent url('/manager_v2/sc_btn.png') no-repeat 50% 50%;	
	float:right;
}

.manager-search-bar .in {
	
	float:left;
}

.manager-search-bar .in  input {
	background : transparent !important;
	border : none !important;
	line-height : 20px;
	height : 20px;
	width : 145px;
	padding-left : 10px;
	font-size : 11px;
	margin-top : 2px;
}

.boundary {background: url('/manager_v2/sub_barbg.png') repeat-x; margin-top: 5px; margin-bottom: 10px; width: 100%; height: 2px;}

.cal-space { height : 10px; clear : both; }
.cal-desc { padding : 10px 10px 10px 10px; }
.cal-select { line-height : 25px; height: 25px; font-size : 11px; color : #aaaaaa; width : 100%; overflow:hidden; margin-top : 10px;}
.cal-select .inner { font-size : 11px; margin-left : 10px; margin-right : 10px; }
.cal-select .inner .date-show { font-size : 11px; text-align : center; }
.datepicker-container-bg {
	background : transparent url('/manager_v2/cal_bg.png') no-repeat 50% 50%;
	height : 159px;
	width : 174px;
	display : block;
	margin-left : 10px;
}
*:first-child+html .datepicker-container-bg{margin-left: 0px}

.datepicker-container {
	padding-top : 7px;
	margin-left : 10px;
}


table.datepickerViewDays thead tr.datepickerDoW th {
	padding-top : 10px;
}

.sub-t1 { padding : 7px 10px 3px 10px; line-height : 18px; color : #2e8ec1; font-weight : bold; font-size : 14px; border-bottom : 1px solid #b9b9b9;}
.sub-t2 { padding : 7px 10px 3px 10px; line-height : 18px; color : #000;  font-size : 14px;border-bottom : 1px solid #b9b9b9;}

.sub-d1 { padding : 3px 10px; line-height : 18px; color : #6f6f6f; font-weight : normal; border-bottom : 1px solid #b9b9b9;}

#list { }

#left_day {width: 50%; line-height: 15px;}
#right_month {width: 50%; line-height: 15px;}
*:first-child+html #left_day {width: 38%; line-height: 15px;}
*:first-child+html #right_month {width: 38%; line-height: 15px;}

.select_date {width: 153px; height: 15px; line-height: 15px; }

.addbtn_parent {position: relative; width: 120px; float: right;}
.addbtn_parent .addbtn_child {position: absolute; top: -40px;}

p.text {color: #787878; font-size: 12px;}

.sales_cal {width: 98%; margin-left: 1%; float: left;}
.sales_cal .sales_cal_left {width: 39%; border-right: 1px solid #b9b9b9; float: left; border-left: 1px solid #b9b9b9; }
.sales_cal .sales_cal_center {width: 30%; border-right: 1px solid #b9b9b9; float: left; }
.sales_cal .sales_cal_right {width: 30%; float: left; border-right: 1px solid #b9b9b9; }
.sales_cal_title {height: 40px; border-bottom: 1px solid #b9b9b9; line-height: 40px; position: relative;}
.sales_cal_left .sales_cal_title { background: #D9EDF7;}
.sales_cal_title .cal_title { padding-left:30px; font-weight: bold; font-size: 14px; display: inline-block; float: left;}
.sales_cal_title .cal_price { text-align: right; font-weight: bold; font-size: 16px; color: #2e8ec1; padding-right: 20px; display: inline-block; float: right;}
.sales_cal_summary {height: 50px; padding-right: 20px; padding-top: 5px;  border-bottom: 1px solid #b9b9b9;}
.cal_font {font-size: 12px; }


.main_infomation {width: 700px; display: relative}
.main_infomation .left {float: left; width: 340px;}
.main_infomation .right {float: right; width: 340px;}
tr.main_infomation_top {background: #43a3da; border: 1px solid #43a3da; height: 30px;}
tr.main_infomation_top td {text-align: center; color: white; font-size:16px; padding-top: 5px;}
.main_infomation_bottom { border: 1px solid #43a3da; height: 95px;}
.main_infomation_bottom td {text-align: center;}
.main_infomation_bottom td:first-child {width: 10%}
.main_infomation_bottom td:last-child {width: 10%}


.etc_user {padding: 2px 2px 2px 20px; cursor: pointer;}
.etc_user:hover {background: #EDEDED;}
.etc_user.selected {background: #EDEDED;}



#qty {text-align: center; width: 50px; font-size: 24px; font-weight: bold; height: 20px; margin-left: 5px; margin-right: 5px}
#qty_r {text-align: center; width: 50px; font-size: 24px; font-weight: bold; height: 20px; margin-left: 5px; margin-right: 5px}
#qty_l {text-align: center; width: 50px; font-size: 24px; font-weight: bold; height: 20px; margin-left: 5px; margin-right: 5px}
/*.order_info tr:first-child {border-bottom: 1px solid #bdbebe}
.order_info td {text-align: center; width: 50px; font-size: 24px; font-weight: bold; height: 40px}
.order_info td:first-child {border-right: 1px solid #bdbebe}
*:first-child+html .order_info td {text-align:center; border: 1px solid #bdbebe;}
.order_info td:last-child {border-left: 1px solid #bdbebe}*/
.order_box {border: 5px solid #bdbebe; width: 704px}
.payment_type {font-size: 14px; font-weight: none}


.sheep_info tr {border-bottom: 1px solid #bdbebe}
.sheep_info tr:last-child {border-bottom: none}
.sheep_info td:first-child {width: 30%; border-right: 1px solid #bdbebe; text-align: center; background: #effafd;}
.sheep_info td:last-child {width: 70%; padding: 5px 5px 5px 10px; }
*:first-child+html .sheep_info td {border: 1px solid #bdbebe; padding-left: 10px; padding-top: 5px; padding-bottom: 5px}

.ordertable_td {border-top: 1px solid #bdbebe; border-bottom: 1px solid #bdbebe; font-size: 24px; font-weight: bold; }
.ordertable_td.font-size15{font-size:15px;}
.ordertable_td.border-right{border-right:1px solid #bdbebe;}

.table-bordered {
    border: 1px solid #dee2e6;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
	background-color: transparent;
	border-radius: 0;
}
.table-primary {
    border: 1px solid #43a3da;
}
.table-primary th, .table-primary td {
    border-color: #43a3da;
}
.bg-primary {
	background-color: #43a3da;
	color: white;
}
.bg-info {
	background-color: #eef8fd;
}
.text-left {
    text-align: left!important;
}
.text-center {
    text-align: center!important;
}
.text-right {
    text-align: right!important;
}