/**
 * BirdSystem Specific classes
 */
.x-bt-icon-DeliveryServiceStampImage {
	width: 180px !important;
	height: 100px !important;
	background-size: 180px 100px;
}

.productProductCategoryDisplayField {
	cursor: pointer;
}

.productProductCategoryDisplayField > span {
	margin-right: 5px;
	border: 1px solid #99BBE8;
}

.productProductCategoryDisplayField > span > span {
	margin: 2px;
}

.extra-font18 {
	font-size: 18px;
}

/** Report table **/
table.gridlines {
	margin: 0px auto 20px auto;
	width: 100%;
	min-width: 500px;
	border-collapse: collapse;
	font: 12px arial, tahoma, helvetica, sans-serif;
}

table.gridlines, table.gridlines th, table.gridlines td {
	border: 1px solid black;
}

table.gridlines th, table.gridlines td {
	padding: 3px;
}

table.gridlines th {
	text-align: center;
}

tr.row0 td {
	font-weight: bold;
}

/*force background none, because phpspreadsheet HtmlWriter generateStyles make background to white #BS-9179*/
table.gridlines th, table.gridlines td {
	background: none !important;
}

/**
 * 	Action Column
 */
.x-column-action-edit {
	height: 16px;
	background-image: url('images/edit.png');
	background-repeat: no-repeat;
	background-color: transparent;
}

/**
 * LinkButton classes
 * @see http://www.sencha.com/forum/showthread.php?80639-Ext.LinkButton-A-button-class-which-renders-an-lt-a-gt-element.
 */
table.x-btn .x-btn-small td.x-btn-mc em a {
	text-decoration: none;
	display: block;
	height: 12px;
	padding-bottom: 2px;
	padding-top: 2px;
}

body.ext-opera table.x-btn .x-btn-small td.x-btn-mc em a, body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
	padding-top: 1px;
}

body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
	padding-bottom: 3px;
}

a.x-btn-text {
	color: #333;
}

/** Force grid column trigger to be shown **/
.x-column-header-trigger {
	display: block !important;
	background-color: #F5F5F5;
}

/** Ext.ux.CheckColumn **/
.x-grid-checkheader {
	height: 14px;
	background-image: url('images/unchecked.gif');
	background-position: 50% -2px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.x-grid-checkheader-checked {
	background-image: url('images/checked.gif');
}

.x-grid-checkheader-editor .x-form-cb-wrap {
	text-align: center;
}

.x-grid-cell-inner dl {
	margin-bottom: 0;
	margin-top: 0;
}

/**
 * 	Ext.ux.form.field.ClearButton
 */
.ext-ux-clearbutton {
	width: 12px;
	height: 12px;
	background-image: url(./images/clear-text-icon.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	-moz-user-focus: ignore; /* https://developer.mozilla.org/en/CSS/-moz-user-focus */
	cursor: pointer;
	position: absolute;
	overflow: hidden; /* IE 6 :-( */
	margin-top: 4px;
	background-color: white;
}

.ext-ux-clearbutton-mouse-over-input {
	background-position: 0 -12px;
}

.ext-ux-clearbutton-mouse-over-button {
	background-position: 0 -24px;
}

.ext-ux-clearbutton-mouse-down {
	background-position: 0 -36px;
}

.ext-ux-clearbutton-on {
	opacity: 1;
	visibility: visible;
	transition: opacity .35s linear;
	-webkit-transition: opacity .35s linear;
	-moz-transition: opacity .35s linear;
	-o-transition: opacity .35s linear;
	-ms-transition: opacity .35s linear;
	-khtml-transition: opacity .35s linear;
}

.ext-ux-clearbutton-off {
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s linear, visibility .0s linear .35s;
	-webkit-transition: opacity .35s linear, visibility .0s linear .35s;
	-moz-transition: opacity .35s linear, visibility .0s linear .35s;
	-o-transition: opacity .35s linear, visibility .0s linear .35s;
	-ms-transition: opacity .35s linear, visibility .0s linear .35s;
	-khtml-transition: opacity .35s linear, visibility .0s linear .35s;
}

/** PayPal button **/
.x-btn-paypal {
	width: 110px !important;
	height: 26px !important;
	background-image: url("https://www.paypalobjects.com/webstatic/mktg/Logo/pp-logo-100px.png");
	background-repeat: no-repeat;
}

/** QQ Plugin **/
* {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	border: 0;
}

body {
	font-size: 12px;
}

.Q_pic1, .Q_sign1 {
	background: url(./images/qqframe.png) no-repeat;
}

.sign, .signa, .signb, .signc, .signd, .signe, .signf, .signg, .signh, .signi, .signj, .signq {
	background: url(./images/qqframe.png) no-repeat;
	display: block;
}

.signi {
	background-position: -203px -484px;
	width: 10px;
	height: 30px;
	float: right;
	margin: 3px 10px 0 3px;
}

.signj {
	background-position: -233px -478px;
	width: 10px;
	height: 30px;
	float: right;
	margin: 0 5px 0 3px;
}

.QQ_S {
	width: 60px;
	height: 110px;
	position: fixed;
	left: 45%;
	top: 0;
	z-index: 99999;
}

.Q_top {
	width: 100%;
	background: #E6E6E6;
	height: 30px;
	line-height: 30px;
	text-align: right;
	cursor: pointer;
}

.Q_botm {
	width: 100%;
	border: 3px solid #E6E6E6;
}

.Q_pic, .Q_anser, .Q_sign {
	width: 100%;
	height: 45px;
	border-bottom: 2px solid #E6E6E6;
	background: url(./images/qqframe.png) no-repeat;
	position: relative;
	overflow: hidden;
	color: white;
	text-align: center;
	cursor: pointer;
	background-color: white;
}

.Q_pic {
	background-position: 20px -458px;
}

.Q_anser {
	background-position: -242px -384px;
}

.Q_sign {
	background-position: -241px -434px;
}

.Q_anser_hide, .Q_pic_hide, .Q_sign_hide {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #FE9B1D;
	left: -84px;
	-webkit-transition: left ease-in-out .3s;
	-moz-transition: left ease-in-out .3s;
	transition: left ease-in-out .3s;
}

.hide_pic, .hide_pic1, .hide_pic2 {
	width: 100%;
	height: 26px;
	background: url(./images/qqframe.png) no-repeat;
	display: block;
}

.hide_pic {
	background-position: -242px -348px;
}

.hide_pic1 {
	background-position: -100px -467px;
}

.hide_pic2 {
	background-position: -243px -479px;
}

.Q_pic:hover .Q_pic_hide, .Q_anser:hover .Q_anser_hide, .Q_sign:hover .Q_sign_hide, .Q_pic1:hover .Q_pic1_hide, .Q_sign1:hover .Q_sign1_hide {
	left: 0px;
}

.Q_pic a, .Q_anser a, .Q_sign a, .Q_pic a:hover, .Q_anser a:hover, .Q_sign a:hover, .Q_pic1 a, .Q_pic1 a:hover, .Q_sign1 a, .Q_sign1 a:hover {
	color: white;
}

a.blank {
	width: 100%;
	height: 100%;
	display: block;
}

.QQ_S1 {
	width: 60px;
	height: 110px;
	position: fixed;
	left: 45%;
	top: 0;
	display: none;
	z-index: 99999;
}

.Q_top1 {
	width: 100%;
	height: 30px;
	background: #E6E6E6;
	line-height: 30px;
	text-align: right;
	cursor: pointer;
}

.Q_botm1 {
	width: 56px;
	border: 2px solid #E6E6E6;
	height: 70px;
}

.Q_pic1 {
	border-bottom: 2px solid #E6E6E6;
	width: 100%;
	height: 33px;
	background-position: -55px -465px;
	position: relative;
	overflow: hidden;
	color: white;
	text-align: center;
	line-height: 33px;
	cursor: pointer;
	background-color: white;
}

.Q_sign1 {
	width: 100%;
	height: 33px;
	width: 100%;
	line-height: 33px;
	height: 35px;
	background-position: -255px -437px;
	position: relative;
	overflow: hidden;
	color: white;
	text-align: center;
	cursor: pointer;
	background-color: white;
}

.Q_pic1_hide, .Q_sign1_hide {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #FE9B1D;
	left: -56px;
	-webkit-transition: left ease-in-out .3s;
	-moz-transition: left ease-in-out .3s;
	transition: left ease-in-out .3s;
	cursor: pointer;
}

.Q_sign1_hide a {
	font-size: 12px;
}

.x-btn-custom-bold .x-btn-inner, .x-btn-custom-bold .x-form-display-field{
	font-weight: bold;
	font-size: 14px;
}

/**
 * BirdSystem Warning Mask style
 */
.x-mask-msg-warning .x-mask-msg-text{
	background-image: url(images/exclamation.gif);
}


/*
 * WarehouseMap Field style
 */
.warehousemap-canvas{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}
.warehousemap-draw{
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
	border: 1px solid #333;
	position: absolute;
}
.warehousemap-tools{
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
}
.warehousemap-tools a{
	margin: 5px;
}

.svg_select_points_lt{
    cursor: nw-resize;
}
.svg_select_points_rt{
    cursor: ne-resize;
}
.svg_select_points_rb{
    cursor: se-resize;
}
.svg_select_points_lb{
    cursor: sw-resize;
}
.svg_select_points_t{
    cursor: n-resize;
}
.svg_select_points_r{
    cursor: e-resize;
}
.svg_select_points_b{
    cursor: s-resize;
}
.svg_select_points_l{
    cursor: w-resize;
}

.svg_select_points_rot{
    stroke-width:1;
    stroke:black;
    fill: #F9FFED;
    display: none;
}

.svg_select_points_point{
    cursor: move;
}

.svg_select_boundingRect{
    stroke-width:1;
    fill:gray;
    stroke-dasharray:10 10;
    stroke:black;
    stroke-opacity:0.8;
    fill-opacity:0.1;
    pointer-events:none; /* This ons is needed if you want to deselect or drag the shape*/
}

.inline-warning-icon{
	background-image: url(images/exclamation.gif);
	min-width:16px;
	min-height:16px;
	display:inline-block;
	position: relative;
	top: -1px;
	margin-right: 2px;
}

.inline-warning-sync-icon{
	background-image: url(images/sync_error.png);
	min-width:16px;
	min-height:16px;
	display:inline-block;
	position: relative;
	top: -1px;
	margin-right: 2px;
}

a.x-btn:hover,a.x-btn:focus, a.x-menu-item-link:hover, a.x-unselectable:hover, a.x-unselectable:focus{
	text-decoration: none !important;
}

div.x-grid-cell-inner dt{
	font-weight:normal !important;
}

.x-grid-row .border-left-column{
	border-left:1px solid grey;
}
.x-grid-row .border-right-column{
	border-right:1px solid grey;
}
.x-grid-cell.position_relative_cell{
	position: relative;
}

.x-monthpicker-body{
	min-height:198px;
}


.grouped-list .x-boundlist-item {
	padding: 1px 3px 0 10px
}

.grouped-list .group-header {
	padding: 4px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}