body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 100%;
}

#header {
	width: 100%;
}

.glyphicon {
	margin-right: 5px;
	top: 2px;
}

.navbar-inverse {
	min-height: 94px;
	margin-bottom: 0px;
	background-color: #fff;
	position: static;
	border: none;
}

.navbar .container {
	min-height: 100%;
}

.navbar-nav>li.border-right {
	border-right: 1px solid #666;
}

.navbar-inverse .navbar-nav>li.li-tel {
	padding: 0 0 0 20px;
	color: #f60;
	font-weight: bold;
}

.nav.navbar-nav {
	float: right;
}

.navbar-brand img {
	height: 60px;
}

.nav.navbar-nav {
	float: right;
	margin-top: 35px;
}

.navbar-inverse .navbar-nav>li>a {
	color: #666;
	padding: 0 10px;
}

.navbar-inverse .navbar-nav>li>a:hover {
	color: #9d9d9d;
	padding: 0 10px;
}

/*.container-login {
	background: url(../images/loginbk.jpg) no-repeat center center;
	height: 450px;
}*/

.container-login .login-module {
	padding-top: 30px;
	position: relative;
	height: 380px;
}

.container-login .login-warp-bg {
	width: 360px;
	height: 350px;
	background-color: #fff;
	opacity: 0.5;
	padding: 10px 10px 10px;
	margin-right: 15px;
	right: 0;
	position: absolute;
}

.container-login .login-warp {
	width: 360px;
	height: 350px;
	padding: 10px 10px 10px;
	margin-right: 15px;
	right: 0;
	position: absolute;
}

.container-login .login-warp-account{
	background:url(/resources/images/login_qrcode_check_bg.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

.container-login .login-warp-qrcode{
	background:url(/resources/images/login_account_check_bg.png) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    background-size: 50px;
}

#header p, #header .inputs_links {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
	margin: 0 auto;
	width: 340px;
}

.login-tip.skin-animation {
	position: absolute;
	bottom: 0px;
	width: 528px;
}

.login-tip>.switch {
	background: url(/modules/website/images/course/4.0.0/joyo.png) no-repeat
		center center;
	position: absolute;
	left: 50px;
	width: 67px;
	height: 71px;
	z-index: 2;
}

.login-tip>.reverse {
	position: relative;
	padding: 15px 40px;
	background-color: #fff2dd;
	border-radius: 10px;
	z-index: 1;
	color: #f60;
	text-align: center;
	margin-top: 19px;
	left: 65px;
}

#login  p {
	margin-bottom: 0;
}

label {
	color: #777777;
	font-size: 12px;
	margin-left: 10px;
}

#loginform {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #E5E5E5;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 0 0 6px #999999;
	margin: 0 auto;
	padding: 20px 20px 80px;
	width: 350px;
}

* html #loginform {
	padding-bottom: 25px
}

#password, #name {
	background: none repeat scroll 0 0 #FBFBFB;
	border: 1px solid #E5E5E5;
	font-size: 20px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: 2px;
	padding: 3px;
	width: 97%;
}

input {
	color: #555555;
}

.clear {
	clear: both;
}

.submit {
	float: right;
	cursor: pointer;
}

.forgetmenot {
	float: left;
	font-weight: normal;
	margin-bottom: 0;
}

body {
	font-weight: 400;
	font-size: 14px;
	color: rgba(47, 46, 46, 0.6);
	-webkit-font-smoothing: antialiased;
	position: relative;
	background: #fff;
	height: 100%;
	overflow-y: hidden;
}

h1, h2, h3, h4, h5 {
	font-weight: bold;
}

/* ==========================================================================
   DEMO
   ========================================================================== */
.demo_link {
	position: absolute;
	z-index: 1000;
	right: 0;
	top: 0;
	width: 110px;
	height: 110px;
}

.demo_link>a {
	position: absolute;
	z-index: 1000;
	right: -75px;
	top: -75px;
	width: 150px;
	height: 150px;
	background-color: white;
	display: block;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.demo_link>a h2 {
	text-transform: uppercase;
	text-align: center;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 43px;
	color: #235A8A;
}

.demo_link>a h2 span {
	display: block;
	text-transform: none;
	font-size: 12px;
}

.demo_link>a:hover h2 {
	color: #4483BB;
}

#header .logo, #header .header-text {
	display: table-row;
}

#header .logo {
	margin: 0 auto;
}

.logo_placement {
	height: 120px;
	padding-top: 50px;
}

/*.ehub_logo {*/
/*	display: block;*/
/*	width: 148px;*/
/*	height: 148px;*/
/*	background-image: url("../../../images/jl-logo.png");*/
/*	background-repeat: no-repeat;*/
/*	background-position: fixed;*/
/*	background-size: 100%;*/
/*	margin: 0 auto;*/
/*	-webkit-animation-name: fadeInDown;*/
/*	animation-name: fadeInDown;*/
/*	-webkit-animation-duration: 1s;*/
/*	animation-duration: 1s;*/
/*	-webkit-animation-fill-mode: both;*/
/*	animation-fill-mode: both;*/
/*}*/

#logo h1 {
	font-family: "proxima-nova-light", sans-serif;
	color: #fff;
	letter-spacing: 30px;
	font-size: 70px;
	text-align: center;
	margin: 0 auto;
	font-weight: lighter;
	display: inline-block;
	position: relative;
	margin-right: -1%;
}

#logo h1 {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1.8s;
	animation-duration: 1.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .2s;
	animation-delay: .2s;
}

#header p {
	font-size: 18px;
	text-align: center;
	line-height: 27px;
	margin-bottom: 30px;
	letter-spacing: .2px;
}

#header .toshi_links {
	text-align: center;
}

#container1_border {
	border: 1px solid #D3E3EE;
	padding: 10px;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill
	{
	-webkit-box-shadow: 0 0 0 1000px transparent inset;
	background-color: #ffffff;
	border: 0px;
	color: #fff;
}

#rc_input {
	margin: 0px 10px;
	height: 40px;
}

#rc_input-wms {
	margin: 0px 0px;
	height: 10px;
}

#rc_input input {
	float: left;
}

#rc_input label {
	color: #666;
	font-size: 12px;
	float: left;
}

#rc_input a {
	float: right;
	color: #666;
	font-size: 12px;
}

.command {
	height: 50px;
	margin: 10px 15px 10px 20px;
}

.btn {
	border: 0px;
	color: #fff;
	width: 100%;
	height: 100%;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#8bd753, endColorStr=#5fad24); /*IE 6 7 8*/
	background: -ms-linear-gradient(top, #8bd753, #5fad24); /* IE 10 */
	background: -moz-linear-gradient(top, #8bd753, #5fad24); /*閿熸枻鎷烽敓锟�*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8bd753),
		to(#5fad24)); /*閿熼ズ闈╂嫹*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8bd753),
		to(#5fad24)); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(top, #8bd753, #5fad24);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(top, #8bd753, #5fad24); /*Opera 11.10+*/
}

.btn:hover {
	color: #0e346d;
}

#rc_input input {
	color: #fff;
	font-size: 16px;
}

#footer {
	margin-top: 20px;
	text-align: center;
}

.input-group-addon {
	border: 0px;
	color: #fff;
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,
		startColorStr=#f8f8f8, endColorStr=#e0e0e0); /*IE 6 7 8*/
	background: -ms-linear-gradient(left, #f8f8f8, #e0e0e0); /* IE 10 */
	background: -moz-linear-gradient(left, #f8f8f8, #e0e0e0); /*閿熸枻鎷烽敓锟�*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8),
		to(#e0e0e0)); /*閿熼ズ闈╂嫹*/
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8),
		to(#e0e0e0)); /* Safari 4-5, Chrome 1-9*/
	background: -webkit-linear-gradient(left, #f8f8f8, #e0e0e0);
	/*Safari5.1 Chrome 10+*/
	background: -o-linear-gradient(left, #f8f8f8, #e0e0e0);
	/*Opera 11.10+*/
}

.form-control {
	border: 0px;
	height: 40px;
	color: #000;
	background-color: #ffffff;
}

.input-group-wms {
	height: 60px;
	text-transform: uppercase;
	padding: 10px 10px;
	background: transparent;
	color: #d2d2d2;
	margin: 5px 5px 5px 5px;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
	position: relative;
	display: table;
	border-collapse: separate;
}

.input-group-wms .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group {
	height: 60px;
	text-transform: uppercase;
	padding: 10px 10px;
	background: transparent;
	color: #d2d2d2;
	margin: 5px 5px 10px 10px;
	border-radius: 0;
	-webkit-transition: all 0.2s ease-in;
	-moz-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}

.gTab {
	bottom: 0px;
	top: auto;
	z-index: 999;
	background: #ddd
}

.gRi {
	vertical-align: top;
}

.mMenu {
	background: none
}

table.tablesorter {
	margin: 0;
	width: 100%;
}

table.tablesorter td, table.tablesorter th {
	border: none;
}

.grid_from {
	border: 1px solid #AFDAE3
}

.gridPanel {
	margin: 0px;
}

.grid_from .caption, .gridPanel .caption {
	background: #eee;
	line-height: 25px;
	padding-left: 10px;
}

.grid_from .grid_content {
	padding: 5px;
}

img {
	vertical-align: middle
}

.mRight .ui-widget-header {
	background: none !important;
}

.ui-corner-all {
	border-radius: 0
}

.ui-widget-header {
	background: none
}

.ui-tabs .ui-tabs-nav {
	padding: 0 0 0 7px;
	border-bottom: 1px solid #ccc;
}

.ui-tabs .ui-tabs-panel {
	border: none;
	padding-top: 20px;
}

.ui-tabs li.ui-state-default {
	border-radius: 0;
	border: 0px solid #ccc;
	background: #ffffff;
	margin: 0 0 0 0px;
	z-index: 0;
	font-weight: normal;
}

.ui-tabs li.ui-state-default a {
	color: #666 !important;
}

.ui-tabs li.ui-tabs-selected {
	border-color: #5198A9;
	z-index: 1;
	color: #5298A9;
	font-weight: bold;
}

.ui-tabs li.ui-tabs-selected a {
	color: #5198A9 !important;
}

table.tablesorter thead tr th, table.tablesorter tr td.title {
	padding: 8px 1px 8px 8px
}

.gridPanel td.title {
	padding: 1px 3px;
}

.ui-tabs {
	padding: 0;
	margin-bottom: 10px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
	.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0 none;
	background-color: #fff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 0px;
}

.ui-tabs.ui-widget-content {
	border: none;
}

.ui-dialog .ui-dialog-content {
	padding: 20px;
}

.ui-dialog .ui-dialog-content.loading {
	background-position: center center;
	background-repeat: no-repeat;
	background-image:
		url(data:image/gif;base64,R0lGODlhIAAgALMAAP///7Ozs/v7+9bW1uHh4fLy8rq6uoGBgTQ0NAEBARsbG8TExJeXl/39/VRUVAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBQAAACwAAAAAIAAgAAAE5xDISSlLrOrNp0pKNRCdFhxVolJLEJQUoSgOpSYT4RowNSsvyW1icA16k8MMMRkCBjskBTFDAZyuAEkqCfxIQ2hgQRFvAQEEIjNxVDW6XNE4YagRjuBCwe60smQUDnd4Rz1ZAQZnFAGDd0hihh12CEE9kjAEVlycXIg7BAsMB6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YEvpJivxNaGmLHT0VnOgGYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHQjYKhKP1oZmADdEAAAh+QQFBQAAACwAAAAAGAAXAAAEchDISasKNeuJFKoHs4mUYlJIkmjIV54Soypsa0wmLSnqoTEtBw52mG0AjhYpBxioEqRNy8V0qFzNw+GGwlJki4lBqx1IBgjMkRIghwjrzcDti2/Gh7D9qN774wQGAYOEfwCChIV/gYmDho+QkZKTR3p7EQAh+QQFBQAAACwBAAAAHQAOAAAEchDISWdANesNHHJZwE2DUSEo5SjKKB2HOKGYFLD1CB/DnEoIlkti2PlyuKGEATMBaAACSyGbEDYD4zN1YIEmh0SCQQgYehNmTNNaKsQJXmBuuEYPi9ECAU/UFnNzeUp9VBQEBoFOLmFxWHNoQw6RWEocEQAh+QQFBQAAACwHAAAAGQARAAAEaRDICdZZNOvNDsvfBhBDdpwZgohBgE3nQaki0AYEjEqOGmqDlkEnAzBUjhrA0CoBYhLVSkm4SaAAWkahCFAWTU0A4RxzFWJnzXFWJJWb9pTihRu5dvghl+/7NQmBggo/fYKHCX8AiAmEEQAh+QQFBQAAACwOAAAAEgAYAAAEZXCwAaq9ODAMDOUAI17McYDhWA3mCYpb1RooXBktmsbt944BU6zCQCBQiwPB4jAihiCK86irTB20qvWp7Xq/FYV4TNWNz4oqWoEIgL0HX/eQSLi69boCikTkE2VVDAp5d1p0CW4RACH5BAUFAAAALA4AAAASAB4AAASAkBgCqr3YBIMXvkEIMsxXhcFFpiZqBaTXisBClibgAnd+ijYGq2I4HAamwXBgNHJ8BEbzgPNNjz7LwpnFDLvgLGJMdnw/5DRCrHaE3xbKm6FQwOt1xDnpwCvcJgcJMgEIeCYOCQlrF4YmBIoJVV2CCXZvCooHbwGRcAiKcmFUJhEAIfkEBQUAAAAsDwABABEAHwAABHsQyAkGoRivELInnOFlBjeM1BCiFBdcbMUtKQdTN0CUJru5NJQrYMh5VIFTTKJcOj2HqJQRhEqvqGuU+uw6AwgEwxkOO55lxIihoDjKY8pBoThPxmpAYi+hKzoeewkTdHkZghMIdCOIhIuHfBMOjxiNLR4KCW1ODAlxSxEAIfkEBQUAAAAsCAAOABgAEgAABGwQyEkrCDgbYvvMoOF5ILaNaIoGKroch9hacD3MFMHUBzMHiBtgwJMBFolDB4GoGGBCACKRcAAUWAmzOWJQExysQsJgWj0KqvKalTiYPhp1LBFTtp10Is6mT5gdVFx1bRN8FTsVCAqDOB9+KhEAIfkEBQUAAAAsAgASAB0ADgAABHgQyEmrBePS4bQdQZBdR5IcHmWEgUFQgWKaKbWwwSIhc4LonsXhBSCsQoOSScGQDJiWwOHQnAxWBIYJNXEoFCiEWDI9jCzESey7GwMM5doEwW4jJoypQQ743u1WcTV0CgFzbhJ5XClfHYd/EwZnHoYVDgiOfHKQNREAIfkEBQUAAAAsAAAPABkAEQAABGeQqUQruDjrW3vaYCZ5X2ie6EkcKaooTAsi7ytnTq046BBsNcTvItz4AotMwKZBIC6H6CVAJaCcT0CUBTgaTg5nTCu9GKiDEMPJg5YBBOpwlnVzLwtqyKnZagZWahoMB2M3GgsHSRsRACH5BAUFAAAALAEACAARABgAAARcMKR0gL34npkUyyCAcAmyhBijkGi2UW02VHFt33iu7yiDIDaD4/erEYGDlu/nuBAOJ9Dvc2EcDgFAYIuaXS3bbOh6MIC5IAP5Eh5fk2exC4tpgwZyiyFgvhEMBBEAIfkEBQUAAAAsAAACAA4AHQAABHMQyAnYoViSlFDGXBJ808Ep5KRwV8qEg+pRCOeoioKMwJK0Ekcu54h9AoghKgXIMZgAApQZcCCu2Ax2O6NUud2pmJcyHA4L0uDM/ljYDCnGfGakJQE5YH0wUBYBAUYfBIFkHwaBgxkDgX5lgXpHAXcpBIsRADs=);
}

.gridPanel .ui-form-grid label {
	line-height: 20px;
}

.pagination a, .pagination span {
	display: inline;
	float: none;
	margin-bottom: 0;
}

.pagination .current.prev, .pagination .current.next {
	display: inline;
}

.mRight {
	max-height: auto !important;
	padding: 0 2px;
}

.disabled {
	background-color: #eeeeee;
	opacity: 0.4
}

.ctlBtn {
	background: url("../images/spirit_bg.png") repeat-x scroll 0 0
		transparent;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	margin: 2px 2px 2px 0px;
	padding: 0 15px;
	background-position: 0 -612px;
	border-color: #026674;
	color: #FFFFFF;
	cursor: pointer;
}

input.ctlBtn {
	height: 24px;
}

.box_icon {
	display: inline-block;;
	width: 150px;
	position: relative;
}

.box_icon .dialog {
	background: url("../images/spirit_icon.png") repeat-x scroll -120px
		-20px transparent;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 16px;
	top: 4px
}

.box_icon .clean {
	background: url("../images/spirit_icon.png") repeat-x scroll -58px -20px
		transparent;
	width: 20px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 4px
}

.ui-dialog .dialogBtn {
	line-height: 24px;
	height: 24px;
}

.i_select {
	CURSOR: pointer;
	height: 21px;
	margin-left: -19px;
}

#ff80808131937c800131937c80bd0000 {
	display: none;
}

.ui-tabs-nav {
	-moz-border-bottom-colors: none;
	-moz-border-image: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background: none repeat scroll 0 0 transparent;
	border-color: -moz-use-text-color -moz-use-text-color #95CEDB;
	border-style: none none solid;
	border-width: medium medium 2px;
	padding-left: 10px;
}

.ui-dialog .ui-dialog-titlebar-full {
	position: absolute;
	right: 2em;
	top: 50%;
	width: 16px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 16px;
	background: url("../images/plat_icon/application.png");
}

.ui-dialog .full {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMjUvMTTaKqBDAAAAiklEQVQ4jc2USw6AIAxEH8ad8f4HJW6pCx0/iFqTLiQhaSmZTqeUZGZErC4EBegrPwPDR4wJGFNVWgES4K1Xd7uaEQo4gYqMMI0ElNnLSqt9t3MLSBp5tdk0WX2VdtLIo025C4Rr9B+g1jt6W+qqbItgZCwjcmJ0zPTEptldHUz45mtjcMnwu/9oBnNSLNFtu8zsAAAAAElFTkSuQmCC)
		no-repeat center center;
}

.ui-dialog .ui-dialog-titlebar-minimize span {
	display: block;
	margin: 1px;
}

.ui-dialog .ui-dialog-titlebar-minimize {
	position: absolute;
	right: 4em;
	top: 50%;
	width: 16px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 16px;
	background: url("../images/plat_icon/application_double.png");
}

.ui-dialog .minimize {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDIvMjUvMTTaKqBDAAAAiklEQVQ4jc2USw6AIAxEH8ad8f4HJW6pCx0/iFqTLiQhaSmZTqeUZGZErC4EBegrPwPDR4wJGFNVWgES4K1Xd7uaEQo4gYqMMI0ElNnLSqt9t3MLSBp5tdk0WX2VdtLIo025C4Rr9B+g1jt6W+qqbItgZCwjcmJ0zPTEptldHUz45mtjcMnwu/9oBnNSLNFtu8zsAAAAAElFTkSuQmCC)
		no-repeat center center;
}

.ui-dialog .ui-dialog-titlebar-full span {
	display: block;
	margin: 1px;
}

/* added by stevenl at 2013-07-03 */
#numImg {
	cursor: pointer
}

div.ui-panel-titlebar {
	line-height: 25px;
	padding: 2px 2px 2px 10px;
	vertical-align: middle;
	color: #222;
	font-size: 13px;
	background: #F0F0F0;
	cursor: pointer;
	border-bottom: 2px solid #5198A9;
	font-weight: bold;
	margin-bottom: 5px;
}

.ui-panel-content {
	margin-bottom: 10px;
}

div.ui-panel-header {
	font-size: 12px;
}

/*add by jonasz 2013-08-01 begin*/
div.left {
	float: left;
}

div.right {
	float: right;
}

div.bottom {
	bottom: 0;
}

div.top {
	top: 0;
}
/*add by jonasz 2013-08-01 end*/

/********************************************* filterTable *************************************/
table.tablesorter {
	font-size: 12px;
	font-size: 12px;
	width: 100%;
	text-align: left;
	vertical-align: middle;
	border-collapse: collapse;
}

table.tablesorter tr {
	height: 20px;
	vertical-align: middle;
}

table.tablesorter thead tr th, table.tablesorter tr td.title {
	background-color: #e6EEEE;
	font-size: 12px;
	padding: 1px;
	vertical-align: middle;
}

table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	font-size: 12px;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	vertical-align: middle;
}

table.tablesorter td {
	padding: 1px;
	padding-left: 2px;
	text-align: left;
	vertical-align: middle;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}

table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}

table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp
	{
	background-color: #8dbdd8;
}

table.tablesorter tbody tr.selected td {
	background-color: yellow;
}

table.tablesorter tbody tr.mover td {
	background-color: #a6c2e7;
}

table.tablesorter tfoot tr td {
	background-color: #e6EEEE;
	border: 1px solid #ccc;
	font-size: 12px;
}

table.tablesorter tbody tr.zebra td {
	background-color: #ECF5FF;
}

table.tablesorter tbody tr.selected:hover td {
	background-color: #ff9;
}

table.tablesorter td, table.tablesorter th {
	border: #ccc solid 1px;
}

.table_checkbox {
	width: 12px;
	height: 12px
}

/*-----------------portal ---------------*/
.welcome {
	color: #3C3C3C;
	left: 188px;
	position: absolute;
	top: 17px;
}

.inner {
	color: #3C3C3C;
}

.control {
	color: #929393;
	text-decoration: none;
	position: inherit;
	right: 20px;
	top: 15px;
	cursor: pointer;
	line-height: 167%;
}

.selectt {
	width: 134px;
	display: inline;
	color: black;
	font-weight: bold;
}

.ui-autocomplete-loading {
	margin-right: 2px;
	background: url("../images/plat_icon/hourglass.png") no-repeat scroll 0
		0 transparent;
	vertical-align: top;
	*vertical-align: middle
}

.ui-autocomplete-category {
	font-weight: bold;
	line-height: 1.5;
	margin: 0.8em 0 0.2em;
	padding: 0.2em 0.4em
}

.custom-combox {
	position: relative;
	display: inline-block;
}

.custom-combox-toggle {
	position: absolute;
	top: 0;
	bottom: 0;
	margin-left: -1px;
	padding: 0;
	*height: 1.7em;
	*top: 0.1em;
}

.custom-combox-input {
	margin: 0;
	padding: 0.3em;
}

.textBoxButton {
	position: absolute;
	right: 15px;
	height: 20px;
	width: 80px;
	top: 0;
}

.textBoxInput {
	padding-right: 45px;
}

.label-important {
	font-weight: normal;
}

.label-important-red {
	color: red;
	font-weight: bold;
}

.label-important-green {
	color: green;
	font-weight: bold;
}

.label-important-italic {
	font-style: italic;
	font-weight: bold;
}

.label-important-line-through {
	font-weight: bold;
	text-decoration: line-through
}

.label-important-underline {
	font-weight: bold;
	text-decoration: underline
}

label.error {
	font-weight: bold;
	color: red
}

div.errorContainer {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	margin-left: auto;
	margin-right: 0px;
	width: 250px;
}

div.errorContainer ol li {
	list-style-type: disc;
	margin-left: 20px;
}

div.errorContainer {
	display: none;
}

.errorContainer label.error {
	display: inline;
}

.required {
	margin-left: 4px;
	color: red;
}

.errorMessage {
	margin-left: 45px;
	margin-top: -10px;
	color: red;
	font-weight: bold;
}

/* Font color */
.redColor {
	color: red;
}

.blueColor {
	color: blue;
}

.underline {
	text-decoration: underline
}

/* Margin */
.maginTop5 {
	margin-top: 5px;
}

.maginTop10 {
	margin-top: 10px;
}

.maginTop15 {
	margin-top: 15px;
}

.maginRight5 {
	margin-right: 5px;
}

.maginRight10 {
	margin-right: 10px;
}

.maginRight15 {
	margin-right: 15px;
}

.maginBottom5 {
	margin-bottom: 5px;
}

.maginBottom10 {
	margin-bottom: 10px;
}

.maginBottom15 {
	margin-bottom: 15px;
}

.maginLeft5 {
	margin-left: 5px;
}

.maginLeft10 {
	margin-left: 10px;
}

.maginLeft15 {
	margin-left: 15px;
}

.rowClass {
	background: #F3F3F3;
}

.ui-jqgrid .ui-state-default .ui-icon {
	background-image: url(../images/ui-icons_217bc0_256x240.png);
}

.ui-jqgrid, .ui-jqgrid-view, .ui-jqgrid-hdiv, .ui-jqgrid-bdiv,
	.ui-jqgrid-pager {
	width: auto !important;
}

.ui-jqgrid .ui-state-default.ui-jqgrid-pager {
	background-color: #E1E4E6;
	color: #333;
}

.ui-jqgrid .ui-state-default.ui-jqgrid-pager.ui-corner-bottom {
	border-radius: 0;
}

.ui-jqgrid .ui-jqgrid-hdiv {
	/*background: none!important;*/
	background-color: #f5f5f5 !important
}

.ui-button.ui-widget.ui-state-default.ui-button-icon-only.ui-corner-right.ui-button-icon
	{
	border: none;
}

.ui-state-default.ui-autocomplete-input.ui-widget.ui-widget-content.ui-corner-left
	{
	/*padding-left: 4px;
	height: 24px;*/
	
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default {
	/*background: none!important;*/
	background: none;
	border: none;
	border-bottom: 1px solid #ccc;
}

.ui-jqgrid .ui-th-div-ie {
	white-space: nowrap;
	zoom: 1;
	height: 28px !important;
}

.ui-jqgrid .ui-paging-info {
	font-size: 12px;
	margin: auto;
	height: auto;
	padding: 2px 5px;
}

.ui-jqgrid .ui-pg-table td {
	font-size: 12px;
	border: none;
}

.ui-jqgrid .ui-jqgrid-htable th.ui-th-column {
	white-space: normal !important;
	border-right: 0px solid #ccc;
}

.ui-jqgrid .ui-jqgrid-htable th div {
	white-space: normal !important;
	height: auto !important;
}

.ui-jqgrid .ui-jqgrid-labels th {
	background: #f5f5f5 !important;
	color: #000000 !important;
	height: 35px;
	white-space: normal;
	vertical-align: middle;
}

.ui-jqgrid tr.jqgrow td {
	height: 35px;
}

.ui-jqgrid-bdiv {
	background-color: #FFF;
}

.ui-jqgrid .ui-state-hover, .ui-jqgrid .ui-widget-content .ui-state-hover,
	.ui-jqgrid .ui-widget-header .ui-state-hover, .ui-jqgrid .ui-state-focus,
	.ui-jqgrid .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
	{
	background: #B8E8F3;
}

.ui-jqgrid-btable .ui-state-highlight {
	background: #F0E191 !important;
}

.ui-jqgrid-btable .ui-state-highlight td {
	color: #000;
}

.ui-jqgrid tr.ui-widget-content {
	border: none;
}

.ui-jqgrid tr.ui-row-ltr td {
	border-right: 0px solid #CCC;
	border-left: 0px solid #CCC;
	border-top: 0px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-left: 4px;
}

.ui-jqgrid tr.ui-row-ltr td.ui-whitespace-normal {
	white-space: normal;
	line-height: 20px;
}

.ui-jqgrid tr.footrow-ltr td {
	border: 1px solid #E6E6E6;
	vertical-align: middle;
}

.floatRight {
	float: right;
}

div.ui-layout-resizer-west {
	background: #F0F1F6;
}

.ui-layout-west, .ui-layout-center {
	padding: 0px 2px;
}

.ui-jqgrid .ui-pg-selbox {
	height: 20px !important;
	font-size: 12px;
}

.ui-jqgrid .ui-pg-input, .ui-jqgrid .ui-pg-selbox {
	width: 50px;
	border: 1px solid #ccc;
}

.ui-jqgrid .ui-pg-input {
	height: 20px !important;
	line-height: 20px;
	font-size: 12px;
}

.ui-button-icon-only .ui-icon {
	top: 60% !important;
}

.ajax-file-upload {
	background: url("../images/spirit_bg.png") repeat-x scroll 0 0
		transparent;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	font-size: 14px;
	height: 24px;
	margin: 2px 2px 2px 0px;
	padding: 0 20px;
	background-position: 0 -612px;
	border-color: #026674;
	color: #FFFFFF;
	cursor: pointer;
}

.mRight>.gridPanel {
	height: 100%;
}

.mRight>.gridPanel>.ui-panel-content {
	height: 100%;
}

.ui-button-small {
	background-color: #ECECEC;
	border: 1px solid #BABABA;
	display: inline-block;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	margin: 2px 2px 2px 0px;
	padding: 0 10px !important;
	color: #333;
	cursor: pointer;
}

a.ui-button-small {
	height: 18px;
	line-height: 18px;
}

.ui-panelgrid {
	width: 100%;
}

.ui-panelgrid td, .ui-panelgrid th {
	padding: 5px 0 5px 0;
}

.ui-panelgrid th {
	padding-right: 2px;
}

.label-radio {
	display: inline-block;
	vertical-align: middle;
}

.label-radio input {
	display: inline-block;
	vertical-align: middle;
}

.label-radio .label-radio-text {
	display: inline-block;
	vertical-align: middle;
}

.search-template-list {
	border-top: 1px dashed #ECECEC;
	padding: 5px;
}

.search-template-list .search-template-list-title {
	padding: 5px 0 5px 5px
}

.search-template-list table td {
	padding: 2px 0;
}

.ui-dialog .ui-dialog-content-wrap {
	
}

.ui-dialog .ui-commandGroup {
	padding: 10px 15px 30px;
	height: 30px;
	text-align: right;
}

.ui-dialog .ui-commandGroup.right {
	text-align: right;
}

.ui-dialog .ui-commandGroup.left {
	text-align: left;
}

.ui-dialog .ui-commandGroup.center {
	text-align: center;
}

.ui-autocomplete.ui-menu {
	max-height: 220px;
	overflow: auto;
}

input.ui-textalign-right {
	text-align: right;
}

input.ui-textalign-center {
	text-align: center;
}

input.ui-textalign-left {
	text-align: left;
}

.ui-selectOneMenu, .ui-selectOneMenu-disabled {
	vertical-align: middle;
	display: inline-block;
	background: #fff;
	border: 1px solid #BABABA;
	padding: 0 2px;
	list-style: none;
	font-size: 12px;
	position: absolute;
	margin: 0;
	width: 145px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	vertical-align: middle;
	position: relative;
}

.ui-selectOneMenu
 
.ui-helper-hidden-accessible
,
.ui-selectOneMenu-disabled
 
.ui-helper-hidden-accessible
,
{
display
:
 
none
;
 
}
.ui-selectOneMenu .ui-selectOneMenu-trigger, .ui-selectOneMenu-disabled .ui-selectOneMenu-trigger
	{
	cursor: pointer;
	display: inline-block;
	height: 20px;
	width: 20px;
	z-index: 0;
	position: absolute;
	right: 0;
	top: 0;
	background: no-repeat center center
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMS8yOC8xNBmoYgMAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAALUlEQVQImWNUUVL5z4ADMDEwMEjikJNkYmBgeIFFgSQDA8MLJigHWYEklM8AAB1jBaeNtFmmAAAAAElFTkSuQmCC);
}

.ui-selectOneMenu .ui-selectOneMenu-label, .ui-selectOneMenu-disabled .ui-selectOneMenu-label
	{
	display: inline-block;
	height: 20px;
	width: 120px;
	overflow: hidden;
}

.ui-selectOneMenu-disabled {
	background-color: #F5F5F5;
}

.ui-selectOneMenu-disabled .ui-selectOneMenu-trigger {
	opacity: 0.5;
}

.ui-selectOneMenu-disabled .ui-selectOneMenu-label {
	color: #777;
}

.ui-selectOneMenu-panel {
	background-color: #FFF;
	display: none;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 20px;
	width: 145px;
	padding: 2px;
	border: 1px solid #BABABA;
	position: absolute;
	z-index: 10001;
	overflow: auto;
}

.ui-selectOneMenu-panel li {
	padding: 0 2px;
	cursor: default;
}

.ui-selectOneMenu-panel li:hover {
	background-color: #eee;
}

#workCalendar {
	width: 400px;
}

.selectMonth {
	width: 60px;
	min-width: 0;
	font-weight: normal;
}

.selectYear {
	width: 90px;
	min-width: 0;
	margin-left: 5px;
	font-weight: normal;
}

.fc-content {
	background: #FFF;
}

.ui-dialog .ui-dialog-buttonpane {
	border: none;
	padding: 5px 20px 12px;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
	font-weight: normal;
	background: url("../images/spirit_bg.png") repeat-x scroll 0 0
		transparent;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	font-size: 12px;
	height: 24px;
	margin: 0 0 0 4px;
	padding: 0 5px;
	background-position: 0 -612px;
	border-color: #026674;
	color: #FFFFFF;
	cursor: pointer;
}

/*schedule begin*/
.finish-icon-sprite, .finish-icon-AbnormalCustomsDeclaration,
	.finish-icon-Arrive, .finish-icon-ArrivedAtPort,
	.finish-icon-ArrivedAtStation, .finish-icon-CheckCompleted,
	.finish-icon-Completed, .finish-icon-CustomsClearance,
	.finish-icon-CustomsDeclaration, .finish-icon-CustomsDeclarationIng,
	.finish-icon-CustomsInspection, .finish-icon-CustomsService,
	.finish-icon-DomesticTransportation, .finish-icon-HaveBooking,
	.finish-icon-HaveOutbound, .finish-icon-InTransit,
	.finish-icon-InformationReceived, .finish-icon-Inspection,
	.finish-icon-InternationalRoadTransport,
	.finish-icon-InternationalShipping, .finish-icon-LeaveStartPort,
	.finish-icon-LiteratureReview, .finish-icon-Outbound,
	.finish-icon-PutInStorage, .finish-icon-Railway, .finish-icon-Refused,
	.finish-icon-SignedStation, .finish-icon-Sorting, .finish-icon-StockUp,
	.finish-icon-TrainStaging, .finish-icon-WaitDelivery,
	.finish-icon-WaitShipping, .finish-icon-WaitTransport,
	.finish-icon-WarehouseStorage, .finish-icon-arrow,
	.finish-icon-deliverTheGoods, .finish-icon-signed, .finish-icon-staging
	{
	background: url(images/finish-icon.png) no-repeat;
}

.finish-icon-AbnormalCustomsDeclaration {
	background-position: 0 0;
}

.finish-icon-Arrive {
	background-position: 0 -100px;
}

.finish-icon-ArrivedAtPort {
	background-position: 0 -200px;
}

.finish-icon-ArrivedAtStation {
	background-position: 0 -300px;
}

.finish-icon-CheckCompleted {
	background-position: 0 -400px;
}

.finish-icon-Completed {
	background-position: 0 -500px;
}

.finish-icon-CustomsClearance {
	background-position: 0 -600px;
}

.finish-icon-CustomsDeclaration {
	background-position: 0 -700px;
}

.finish-icon-CustomsDeclarationIng {
	background-position: 0 -800px;
}

.finish-icon-CustomsInspection {
	background-position: 0 -900px;
}

.finish-icon-CustomsService {
	background-position: 0 -1000px;
}

.finish-icon-DomesticTransportation {
	background-position: 0 -1100px;
}

.finish-icon-HaveBooking {
	background-position: 0 -1200px;
}

.finish-icon-HaveOutbound {
	background-position: 0 -1300px;
}

.finish-icon-InTransit {
	background-position: 0 -1400px;
}

.finish-icon-InformationReceived {
	background-position: 0 -1500px;
}

.finish-icon-Inspection {
	background-position: 0 -1600px;
}

.finish-icon-InternationalRoadTransport {
	background-position: 0 -1700px;
}

.finish-icon-InternationalShipping {
	background-position: 0 -1800px;
}

.finish-icon-LeaveStartPort {
	background-position: 0 -1900px;
}

.finish-icon-LiteratureReview {
	background-position: 0 -2000px;
}

.finish-icon-Outbound {
	background-position: 0 -2100px;
}

.finish-icon-PutInStorage {
	background-position: 0 -2200px;
}

.finish-icon-Railway {
	background-position: 0 -2300px;
}

.finish-icon-Refused {
	background-position: 0 -2400px;
}

.finish-icon-SignedStation {
	background-position: 0 -2500px;
}

.finish-icon-Sorting {
	background-position: 0 -2600px;
}

.finish-icon-StockUp {
	background-position: 0 -2700px;
}

.finish-icon-TrainStaging {
	background-position: 0 -2800px;
}

.finish-icon-WaitDelivery {
	background-position: 0 -2900px;
}

.finish-icon-WaitShipping {
	background-position: 0 -3000px;
}

.finish-icon-WaitTransport {
	background-position: 0 -3100px;
}

.finish-icon-WarehouseStorage {
	background-position: 0 -3200px;
}

.finish-icon-arrow {
	background-position: 0 -3300px;
}

.finish-icon-deliverTheGoods {
	background-position: 0 -3400px;
}

.finish-icon-signed {
	background-position: 0 -3500px;
}

.finish-icon-staging {
	background-position: 0 -3600px;
}

.unfinished-icon-sprite, .unfinished-icon-AbnormalCustomsDeclaration,
	.unfinished-icon-Arrive, .unfinished-icon-ArrivedAtPort,
	.unfinished-icon-ArrivedAtStation, .unfinished-icon-CheckCompleted,
	.unfinished-icon-Completed, .unfinished-icon-CustomsClearance,
	.unfinished-icon-CustomsDeclaration,
	.unfinished-icon-CustomsDeclarationIng,
	.unfinished-icon-CustomsInspection, .unfinished-icon-CustomsService,
	.unfinished-icon-DomesticTransportation, .unfinished-icon-HaveBooking,
	.unfinished-icon-HaveOutbound, .unfinished-icon-InTransit,
	.unfinished-icon-InformationReceived, .unfinished-icon-Inspection,
	.unfinished-icon-InternationalRoadTransport,
	.unfinished-icon-InternationalShipping, .unfinished-icon-LeaveStartPort,
	.unfinished-icon-LiteratureReview, .unfinished-icon-Outbound,
	.unfinished-icon-PutInStorage, .unfinished-icon-Railway,
	.unfinished-icon-Refused, .unfinished-icon-SignedStation,
	.unfinished-icon-Sorting, .unfinished-icon-StockUp,
	.unfinished-icon-TrainStaging, .unfinished-icon-WaitDelivery,
	.unfinished-icon-WaitShipping, .unfinished-icon-WaitTransport,
	.unfinished-icon-WarehouseStorage, .unfinished-icon-arrow,
	.unfinished-icon-deliverTheGoods, .unfinished-icon-signed,
	.unfinished-icon-staging {
	background: url(images/unfinished-icon.png) no-repeat;
}

.unfinished-icon-AbnormalCustomsDeclaration {
	background-position: 0 0;
}

.unfinished-icon-Arrive {
	background-position: 0 -100px;
}

.unfinished-icon-ArrivedAtPort {
	background-position: 0 -200px;
}

.unfinished-icon-ArrivedAtStation {
	background-position: 0 -300px;
}

.unfinished-icon-CheckCompleted {
	background-position: 0 -400px;
}

.unfinished-icon-Completed {
	background-position: 0 -500px;
}

.unfinished-icon-CustomsClearance {
	background-position: 0 -600px;
}

.unfinished-icon-CustomsDeclaration {
	background-position: 0 -700px;
}

.unfinished-icon-CustomsDeclarationIng {
	background-position: 0 -800px;
}

.unfinished-icon-CustomsInspection {
	background-position: 0 -900px;
}

.unfinished-icon-CustomsService {
	background-position: 0 -1000px;
}

.unfinished-icon-DomesticTransportation {
	background-position: 0 -1100px;
}

.unfinished-icon-HaveBooking {
	background-position: 0 -1200px;
}

.unfinished-icon-HaveOutbound {
	background-position: 0 -1300px;
}

.unfinished-icon-InTransit {
	background-position: 0 -1400px;
}

.unfinished-icon-InformationReceived {
	background-position: 0 -1500px;
}

.unfinished-icon-Inspection {
	background-position: 0 -1600px;
}

.unfinished-icon-InternationalRoadTransport {
	background-position: 0 -1700px;
}

.unfinished-icon-InternationalShipping {
	background-position: 0 -1800px;
}

.unfinished-icon-LeaveStartPort {
	background-position: 0 -1900px;
}

.unfinished-icon-LiteratureReview {
	background-position: 0 -2000px;
}

.unfinished-icon-Outbound {
	background-position: 0 -2100px;
}

.unfinished-icon-PutInStorage {
	background-position: 0 -2200px;
}

.unfinished-icon-Railway {
	background-position: 0 -2300px;
}

.unfinished-icon-Refused {
	background-position: 0 -2400px;
}

.unfinished-icon-SignedStation {
	background-position: 0 -2500px;
}

.unfinished-icon-Sorting {
	background-position: 0 -2600px;
}

.unfinished-icon-StockUp {
	background-position: 0 -2700px;
}

.unfinished-icon-TrainStaging {
	background-position: 0 -2800px;
}

.unfinished-icon-WaitDelivery {
	background-position: 0 -2900px;
}

.unfinished-icon-WaitShipping {
	background-position: 0 -3000px;
}

.unfinished-icon-WaitTransport {
	background-position: 0 -3100px;
}

.unfinished-icon-WarehouseStorage {
	background-position: 0 -3200px;
}

.unfinished-icon-arrow {
	background-position: 0 -3300px;
}

.unfinished-icon-deliverTheGoods {
	background-position: 0 -3400px;
}

.unfinished-icon-signed {
	background-position: 0 -3500px;
}

.unfinished-icon-staging {
	background-position: 0 -3600px;
}

.ongoing-icon-sprite, .ongoing-icon-AbnormalCustomsDeclaration,
	.ongoing-icon-Arrive, .ongoing-icon-ArrivedAtPort,
	.ongoing-icon-ArrivedAtStation, .ongoing-icon-CheckCompleted,
	.ongoing-icon-Completed, .ongoing-icon-CustomsClearance,
	.ongoing-icon-CustomsDeclaration, .ongoing-icon-CustomsDeclarationIng,
	.ongoing-icon-CustomsInspection, .ongoing-icon-CustomsService,
	.ongoing-icon-DomesticTransportation, .ongoing-icon-HaveBooking,
	.ongoing-icon-HaveOutbound, .ongoing-icon-InTransit,
	.ongoing-icon-InformationReceived, .ongoing-icon-Inspection,
	.ongoing-icon-InternationalRoadTransport,
	.ongoing-icon-InternationalShipping, .ongoing-icon-LeaveStartPort,
	.ongoing-icon-LiteratureReview, .ongoing-icon-Outbound,
	.ongoing-icon-PutInStorage, .ongoing-icon-Railway,
	.ongoing-icon-Refused, .ongoing-icon-SignedStation,
	.ongoing-icon-Sorting, .ongoing-icon-StockUp,
	.ongoing-icon-TrainStaging, .ongoing-icon-WaitDelivery,
	.ongoing-icon-WaitShipping, .ongoing-icon-WaitTransport,
	.ongoing-icon-WarehouseStorage, .ongoing-icon-arrow,
	.ongoing-icon-deliverTheGoods, .ongoing-icon-signed,
	.ongoing-icon-staging {
	background: url(images/ongoing-icon.png) no-repeat;
}

.ongoing-icon-AbnormalCustomsDeclaration {
	background-position: 0 0;
}

.ongoing-icon-Arrive {
	background-position: 0 -100px;
}

.ongoing-icon-ArrivedAtPort {
	background-position: 0 -200px;
}

.ongoing-icon-ArrivedAtStation {
	background-position: 0 -300px;
}

.ongoing-icon-CheckCompleted {
	background-position: 0 -400px;
}

.ongoing-icon-Completed {
	background-position: 0 -500px;
}

.ongoing-icon-CustomsClearance {
	background-position: 0 -600px;
}

.ongoing-icon-CustomsDeclaration {
	background-position: 0 -700px;
}

.ongoing-icon-CustomsDeclarationIng {
	background-position: 0 -800px;
}

.ongoing-icon-CustomsInspection {
	background-position: 0 -900px;
}

.ongoing-icon-CustomsService {
	background-position: 0 -1000px;
}

.ongoing-icon-DomesticTransportation {
	background-position: 0 -1100px;
}

.ongoing-icon-HaveBooking {
	background-position: 0 -1200px;
}

.ongoing-icon-HaveOutbound {
	background-position: 0 -1300px;
}

.ongoing-icon-InTransit {
	background-position: 0 -1400px;
}

.ongoing-icon-InformationReceived {
	background-position: 0 -1500px;
}

.ongoing-icon-Inspection {
	background-position: 0 -1600px;
}

.ongoing-icon-InternationalRoadTransport {
	background-position: 0 -1700px;
}

.ongoing-icon-InternationalShipping {
	background-position: 0 -1800px;
}

.ongoing-icon-LeaveStartPort {
	background-position: 0 -1900px;
}

.ongoing-icon-LiteratureReview {
	background-position: 0 -2000px;
}

.ongoing-icon-Outbound {
	background-position: 0 -2100px;
}

.ongoing-icon-PutInStorage {
	background-position: 0 -2200px;
}

.ongoing-icon-Railway {
	background-position: 0 -2300px;
}

.ongoing-icon-Refused {
	background-position: 0 -2400px;
}

.ongoing-icon-SignedStation {
	background-position: 0 -2500px;
}

.ongoing-icon-Sorting {
	background-position: 0 -2600px;
}

.ongoing-icon-StockUp {
	background-position: 0 -2700px;
}

.ongoing-icon-TrainStaging {
	background-position: 0 -2800px;
}

.ongoing-icon-WaitDelivery {
	background-position: 0 -2900px;
}

.ongoing-icon-WaitShipping {
	background-position: 0 -3000px;
}

.ongoing-icon-WaitTransport {
	background-position: 0 -3100px;
}

.ongoing-icon-WarehouseStorage {
	background-position: 0 -3200px;
}

.ongoing-icon-arrow {
	background-position: 0 -3300px;
}

.ongoing-icon-deliverTheGoods {
	background-position: 0 -3400px;
}

.ongoing-icon-signed {
	background-position: 0 -3500px;
}

.ongoing-icon-staging {
	background-position: 0 -3600px;
}

.ui-schedule {
	position: relative;
	height: 120px;
}

.ui-schedule .ui-schedule-btn {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 30px;
	background-color: #D0EBF3;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	color: #333;
}

.ui-schedule .ui-schedule-btn.ui-schedule-prev {
	left: 0;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAADjSURBVCiRldG/LkRBFMfxz95NNhT0lBQSGol3oNDdMPsGU2y8wUa12YZCRLLFrTUumZ7KM2hQ0HoAEqJZhVnuovGrzi/ne+b8mdZ4PNZUWdV7OMn2utUEyqpewB3m8Y71wrSOchIOUwy3RaN6E91sHzGEIidnMGq81EsxvH4B6GM5x+cphssJ2b5ZXF3BKdp4xnZ3Y+1lAhS4QCf7/RTDU3Pqn1v8UoGdvDMM8i2+gRTDPQ6yn8PxXy2GeMjxblnVW1NAiuENvUbhqKzq2akhUwxXOMt2yedt/O+z8g362XYw+gB3MEHwwQTZ0QAAAABJRU5ErkJggg==);
	background-position: center center;
	background-repeat: no-repeat;
}

.ui-schedule .ui-schedule-btn.ui-schedule-next {
	right: 0;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAQCAYAAAArij59AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAEASURBVCiRXdBBKwVRGMbx34wiSrISK0mKlI9gx/rOYsoXmAUJCynWNhJZoDvf4E6ZnZIsfAYid2FtL0mUsTkzTc7qvO95zv99njfqdHv3WEaFzTJLz7VOjA38IMJhkhcT/wXPOA71GE4hyQsQdbo9GMETpsOolTJL7yAusxQ+sR4oES6SvBiqRwiiG1wF0Sz2Ia5nBfQWPgJlL8mLuaiqqsZxkhcRtnESWo9x23Gg/LZTNoQgmkQfo/jGUtsDnIVHOMJLVFVV/Xs1JIFXLJZZ+jXwMLUAw7jGeBCslVnab/aAA8yEe6/M0tvGJeaxG+p37LSTxbjEYE0qs/SNZrv+AM0XT3qOzwWwAAAAAElFTkSuQmCC);
	background-position: center center;
	background-repeat: no-repeat;
}

.ui-schedule .ui-schedule-container {
	margin: 0 50px;
	height: 120px;
	overflow: hidden;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery {
	width: 9999px;
	position: relative;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-width
	{
	position: absolute;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-item
	{
	float: left;
	width: 120px;
	text-align: center;
	line-height: 20px;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-item .ui-schedule-item-top
	{
	width: 120px;
	height: 50px;
	overflow: hidden;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-item .ui-schedule-item-top .ui-schedule-icon
	{
	width: 100px;
	height: 100px;
	margin-top: -25px;
	display: inline-block;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-item .ui-schedule-text
	{
	width: 120px;
	display: inline-block;
	font-size: 12px;
	color: #888;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-item .ui-schedule-datetime
	{
	width: 126px;
	display: inline-block;
	font-size: 12px;
	font-family: Arial;
	color: #888;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node
	{
	float: left;
	width: 100px;
	position: relative;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node .ui-schedule-line
	{
	float: left;
	width: 100px;
	height: 100px;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node .ui-schedule-line-icons
	{
	position: absolute;
	width: 100%;
	text-align: center;
	top: 15px;
	left: 0px;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node .ui-schedule-line-icons .ui-schedule-status-icon
	{
	display: inline-block;
	width: 25px;
	height: 25px;
	margin: 0 2px;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node .ui-schedule-line-icons .ui-schedule-status-icon.warning
	{
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNGKWxyYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACPklEQVRIia2VPWhUQRDHfy9cgpLVKBYHomIEsbGKQZdERSxUEC1FDWzvR2Elgkk0lzSpkii53m20sPMQsZRDFwzYKqJYCUHFgHtc8CNnsXNk8+7l7kUcWHa+/zP7ducljUaDvOStngeuAmVl3LW8cUleEG/1WaASqc4p4yrr+W8YxFvdC7wB9kfq98CAMs53iu/KUwkwngJA5PE8wR078VYPAs+B7cAKUAN6pcAl4JQy7nW7HG078VYXgAkBAHgHXATeirwNuCt+/wYiCU8LvwLMKeOeAvdERuyX2iVZ97i81TuBKtAvqipwAdgBLAKPgeNi+wQMK+M+b7STGxFAHbgDzAhYCbgNLIt9r/hnUiaIt3ogFTQHvCB88D6gRxlXBWbjorzVh3KBeKuR4G5RfQSmlXG/CccE8EX2aeCD8N3ArMR37OQKcCySR5VxS8J/lf0bgOhHI9+jQMu4WQPird4F3IpUFeBhJH9PgQE8Ap5E8k1v9e52nYwBe4SvASVlXGyvp3bEXhJ/JH4sE8RbfQIYiWzljJf8jHAhXsZKZdwCMB+pLnurT64B8VZvBaYItwfCi56glbYAhwk3LE0lwkRA8kx6q/viTkaAYeHrwHVlXI1WOgCcZ/X9xN3UCP+a5lEOSV6SHw+O9AOvgKIYF8Q5axQoYB9hzNcz7AlQBgZFXgSGCoSzLEaOBwU0kRXTH+AX0EPrpWnI+hnpisD9AqsDsEmbMipsUkFWFjUL2pzSn+kifOCs1v8HLQNTfwEMf6NS3jYRKAAAAABJRU5ErkJggg==)
		no-repeat center center;
}

.ui-schedule .ui-schedule-container .ui-schedule-gallery .ui-schedule-line-node .ui-schedule-line-icons .ui-schedule-status-icon.error
	{
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAVCAYAAACzK0UYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAK6wAACusBgosNWgAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMi8yNC8xNGKWxyYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAACJklEQVRIia3Vu2tUQRQG8N9KTJP4QjAgKkYQGysVEV+IhRayUwXxAfY+CisR1KgxTSoTJfkDbLRINQYRSwkqKNgqolgJRsUUCQk+shb3iDebdV3FA8Oc853HN2fuzNxKrVbTsqQ0jFMYkfPpVtMqLZOkdAhjJaQq57Hfhf89SUodeI6NJfQVtsh56k/pi1pZCXrrCITd20rynztJaRseYAXmMI2OWOAkDsj5abMSzTtJqQ1XgwBe4ghehL0cVyLuH0mKggdDn8OQnO/hRtjCf7RZkd9vV0qrMY7uQMZxGCvxHqPYG7632CXnd3/bydkSwQwu43qQ9eECZsO/PuIbSmOSlLbUJQ3hoeKDL0O7nMcxOG9RKW1tiWTq1g6RvDigNxiQ8zfFNsGHmAfwOvTFGIz85iSdo6tOYk8JuijnydA/xvwJAr9Yit3dObpqwXMznySlNThfQsameiZul+zPdWSmeibu4G4p5pyU1jbr5BLWhT6Nvs4TT8r+mbpZ+PsiXuRfakyS0j4cL/lGGtzk+4oD8WgemvMzDJeQY1LaP58kpaXoV5weiht91UJZgu2KE1YvfYoXQdS5JqVl5U6OY1foMzgj52kLZROSX/en3M204l/zcyt3Rl2VWrXajcfoCuezCG70FHRig+KZn2ngr2AE28J+j51tir3sKgVuDtJKjLJ8x1e0W3hoajG+lLAu3KzUqtXvDRL+p8wtUnzgRq3/D5lF/w9Sw5zYYMI3xAAAAABJRU5ErkJggg==)
		no-repeat center center;
}

/*schedule end*/
.gui-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 99999;
	left: 0;
	top: 0;
	background-color: #AAA;
	filter: alpha(opacity = 50);
	background: url(../images/loading.gif) center center no-repeat;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.gui-overlay {
	width: 100px;
	height: 100px;
	z-index: 99999;
	left: 0;
	top: 0;
	background: url(../images/loading4.gif) center center no-repeat;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.fullBG {
	z-index: 199999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1280px;
	height: 614px;
}

.mainMsg {
	z-index: 299999;
	margin: 0px;
	padding: 2px;
	position: fixed;
	top: 299px;
	left: 565px;
	width: 300px;
	height: 80px;
	background: #cccccc;
	border: 0px solid #aaa;
}

.msgContainer {
	width: 100%;
	height: 100%;
	align-content: center;
	line-height: 80px;
	text-align: center;
}

;
textarea {
	resize: none
}

.gridPanel .ui-form-grid>tbody>tr>th, .gridPanel .ui-form-grid>tbody>tr>td
	{
	padding: 3px 0;
}

.ui-form-grid {
	margin: 0 0 10px 0px;
}

.ui-form-grid td input[type="checkbox"], .ui-form-grid td input[type="radio"]
	{
	vertical-align: middle;
	margin-right: 3px;
}

.ui-form-grid td, .gridPanel .ui-form-grid th {
	vertical-align: top;
}

.ui-form-grid .ui-form-col-title {
	vertical-align: top;
	white-space: nowrap;
	background: none;
	overflow: visible !important;
}

.ui-form-grid .ui-form-col-title .ui-form-elem-group {
	z-index: 0;
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}

.ui-form-grid .ui-form-col-title .ui-form-elem-group .label-important {
	padding-right: 10px;
	color: #333;
	display: inline-block;
	background-color: #fff;
	border: 0 none;
	border-right: 0 none;
	line-height: 28px;
	text-indent: 7px;
	width: 100%;
}

.ui-form-grid td .ui-form-elem-group {
	z-index: 1;
	color: #888;
	width: 145px;
	padding: 0 5px;
	margin: 0;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0;
	background: #FFF;
}

.ui-form-grid td .ui-form-elem-group input[type="text"], 
.ui-form-grid td .ui-form-elem-group input[type="password"],
.ui-form-grid td .ui-form-elem-group input[type="number"], 
	.ui-form-grid td .ui-form-elem-group .ui-autocomplete-input {
	border: none;
	padding: 0;
	padding-right: 5px\0;
	margin: 0;
	width: 145px;
	height: 28px;
	line-height: 28px;
	float: left\9;
	background-color: transparent;
}

.ui-form-grid td .ui-form-elem-group.ui-required {
	height: 30px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8wNy8xNKyUMBwAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAASElEQVQImW3LoQ2AQAADwIOw0Vs0kgkQDItkBQQTIBDIokg+QJOaS9ukiG/O9gd3jN0LL0zWLPVjw2DNAm21nB8EKY4UfRJ1b4tdH1y4TOBKAAAAAElFTkSuQmCC);
}

.ui-form-grid td.ui-default-column .ui-form-elem-group {
	border: none;
	background-color: transparent;
	width: auto;
	height: auto;
	line-height: 20px
}

.ui-form-grid td .ui-form-elem-group .ui-selectOneMenu, .ui-form-grid td .ui-form-elem-group .ui-selectOneMenu-disabled
	{
	border: none;
	background: transparent;
	margin: 4px 0;
}

.ui-form-grid td .ui-form-elem-group .box_icon {
	overflow: hidden;
	height: 26px;
}

.ui-form-grid td .ui-form-elem-group .ui-selectOneMenu .ui-selectOneMenu-label
	{
	color: #333;
}

.ui-form-grid td .ui-form-elem-group .ui-selectOneMenu-disabled  .ui-selectOneMenu-label
	{
	color: #888;
}

.ui-form-grid td .ui-form-elem-group .datepicker[readonly="readonly"] {
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.ui-form-grid td .ui-form-elem-group textarea {
	border: none;
	background: none;
	width: 145px;
	height: 60px;
	line-height: 22px;
}

.ui-form-grid td .ui-form-elem-group .label-group {
	color: #333;
}

.ui-form-grid td .ui-form-elem-group .label-group.ui-disabled,
	.ui-form-grid td .ui-form-elem-group input[readonly="readonly"],
	.ui-form-grid td .ui-form-elem-group textarea[readonly="readonly"] {
	color: #888;
}

.ui-form-grid td.ui-col-auto .ui-form-elem-group {
	width: 97%;
	height: auto;
}

.ui-form-grid td.ui-col-auto .ui-form-elem-group input[type="text"],
	.ui-form-grid td.ui-col-auto .ui-form-elem-group textarea {
	width: 100%;
}

.ui-form-grid td.ui-clean-cell-padding .ui-form-elem-group {
	padding: 0;
}

.ui-form-grid td.ui-clean-cell-padding .ui-form-elem-group textarea {
	text-indent: 3px;
}

.ui-form-grid .ui-form-daterange>.ui-form-elem-group {
	padding: 0;
	border: none;
	border: none;
	background-color: transparent;
	width: auto;
	height: auto;
	line-height: 20px
}

.ui-form-grid .ui-form-daterange>.ui-form-elem-group .ui-form-elem-group
	{
	border: 1px solid #e0e0e0;
	background-color: #fff;
}

.ui-form-grid td .ui-form-elem-group.ui-disabled {
	background-color: #fff;
}

.ui-form-grid td .ui-form-elem-group>label {
	min-height: 28px;
	line-height: 28px;
	float: left;
	display: inline-block;
}

.ui-form-grid td .ui-form-elem-group>label.ui-common-button {
	min-height: 22px;
	line-height: 22px;
	height: 22px;
}

.ui-form-grid td .ui-form-elem-group .ui-combobox .ui-button-icon-only {
	margin-top: 5px\9;
}

.ui-form-grid td .ui-form-elem-group .ui-combobox .ui-button-icon-only .ui-icon
	{
	margin-left: -5px;
}

.ui-form-grid td .ui-form-elem-group .CodeMirror {
	border: none;
	width: auto;
	padding: 0;
}

.ui-form-grid td .ui-form-elem-group .ui-jqgrid tr td {
	padding-left: 2px;
}

.ui-form-grid td .ui-form-elem-group .ui-jqgrid tr td input {
	border: 1px solid #BABABA;
	background-color: #FFF;
}

.ui-advanced-search {
	overflow: hidden;
}

.ui-advanced-search .ui-advanced-search-f, .ui-advanced-search .ui-advanced-search-a
	{
	width: auto;
	margin: 0;
	padding: 0 7px;
}

.ui-advanced-search .ui-advanced-search-a {
	padding-top: 10px;
	margin: 0 5px;
}

.ui-advanced-search .ui-tabs-panel select {
	width: 100px
}

.ui-advanced-search-form  .ui-image-button {
	float: left;
}

.gridPanel .ui-advanced-search-form.ui-form-grid>tbody>tr>th, .gridPanel .ui-advanced-search-form.ui-form-grid>tbody>tr>td
	{
	vertical-align: middle;
	border: none;
	background: none;
}

.ui-button:hover, .ui-common-button:hover, .ui-image-button:hover,
	.fc-button:hover, .toolbar .ui-common-button:hover, .toolbar .ui-image-button:hover
	{
	filter: alpha(opacity = 70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.ui-tabs.ui-widget-content {
	background-color: transparent;
}

.ui-tabs .ui-tabs-panel {
	background-color: transparent;
}

.ui-main-tabs.ui-tabs>.ui-tabs-panel {
	padding-top: 0
}

.ui-main-tabs.ui-tabs {
	margin-bottom: 0;
}

.ui-main-tabs.ui-tabs>.ui-tabs-nav {
	border-width: 2px;
	height: 38px;
	border-bottom-color: #5198A9;
}

.ui-main-tabs.ui-tabs>.ui-tabs-nav>li.ui-state-default {
	border-width: 2px;
	top: 8px;
	margin-left: -2px;
	height: 28px;
	border-color: transparent;
	background-color: transparent;
}

.ui-main-tabs.ui-tabs>.ui-tabs-nav>li.ui-state-default a {
	color: #666 !important;
}

.ui-main-tabs.ui-tabs>.ui-tabs-nav>li.ui-tabs-selected {
	background-color: #5198A9;
	top: 8px;
	height: 29px;
}

.ui-main-tabs.ui-tabs>.ui-tabs-nav>li.ui-tabs-selected a {
	color: #FFF !important;
}

.ajax-file-upload {
	font-size: 12px;
}

.ajax-file-upload form {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
}

.ajax-file-upload-statusbar {
	overflow: hidden;
	padding: 3px 0;
}

.ajax-file-upload-statusbar .ajax-file-upload-filename {
	float: left;
}

.ajax-file-upload-statusbar .ajax-file-upload-filename {
	float: left;
}

.ajax-file-upload-statusbar .ajax-file-upload-red {
	float: right;
	color: red;
	cursor: pointer;
}

div.ctlBtn {
	height: 22px;
	line-height: 22px;
}

.ui-splitButton {
	display: inline-block;
	height: 20px;
	overflow: hidden;
}

.ui-splitButton .ui-splitButton-button {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px;
	text-decoration: none;
}

.ui-splitButton .ui-splitButton-button .ui-icon-default {
	width: 5px;
}

.ui-splitButton .ui-splitButton-dropTrigger {
	display: inline-block;
	width: 16px;
	height: 20px;
	background: url(../images/drop.png) center center no-repeat;
	cursor: pointer;
}

.ui-splitButton .ui-splitButton-dropTrigger:hover {
	background: #ffffff;
}

.ui-splitButton-button {
	display: inline-block;
	vertical-align: middle;
}

.ui-splitButton-button .ui-icon {
	display: inline-block;
	vertical-align: middle;
	height: 16px;
	width: 16px;
}

.ui-splitButton-button .ui-icon.ui-icon-save {
	background-position: -96px -112px;
}

.ui-splitButton-button .ui-icon.ui-icon-edit {
	background-position: -64px -112px;
}

.ui-splitButton-button .ui-icon.ui-icon-delete {
	background-position: -176px -97px;
}

.ui-splitButton-button .ui-icon.ui-icon-add {
	background-position: -32px -128px;
}

.ui-splitButton-button .ui-icon.ui-icon-default {
	background: none;
}

.ui-splitButton-button .ui-button-text {
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}

.ui-splitButton-list {
	display: none;
	list-style: none;
	position: absolute;
	border: 1px solid #A7C7CF;
	background-color: #E1E4E6;
	padding: 0;
	margin: 0;
	overflow: auto;
}

.ui-splitButton-list li {
	border-bottom: 1px solid #cccccc;
	padding: 5px 2px;
}

.ui-splitButton-list li.last-children {
	border-bottom: none;
}

.ui-splitButton-list li .ui-splitButton-button {
	line-height: 22px;
	text-decoration: none;
	color: #333333;
	display: inline-block;
}

.ui-splitButton-list li:hover {
	background: #ffffff;
}

.ui-widget-content {
	border: 1px solid #A7C7CF;
	background: #fff;
	color: #333;
}

.ui-jqgrid .ui-icon, .ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
	right: 10px;
	position: relative;
	top: 0px;
}

.ui-form-elem-group .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
	right: 10px;
	position: absolute;
	top: 0px;
}

.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 16px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 16px;
	background: url("../images/plat_icon/application_delete.png");
}

#login-warp-qrcode-area{
	margin-left: 20px;
}
/* ------新版web-login------ */
.jl-web input:-internal-autofill-previewed,
.jl-web input:-internal-autofill-selected {
	-webkit-text-fill-color: #fff !important;
	transition: background-color 5000s ease-in-out 0s !important;
}
.jl-web .container-login .login-warp,.container-login .login-module{
	position: static;
}
.jl-web #frmLogin label,#frmLogin input,#frmLogin select,#frmLogin a,#frmLogin p{
	color:#fff;
}
.jl-web .container-login{position: relative;}
.jl-web .container-login{
	background-image:url("../images/login_pc_bg02.png") !important;
	background-size: 100% 100% !important;
	background-position-x: 0 !important;
	background-position-y: 0 !important;
	height: calc(100% - 250px);
	min-height:550px;
	position:relative;
}
.jl-web .container-login::before{
	display: inline-block;
	position: absolute;
	top: 17%;
	left: 12%;
	height: 66%;
	width: 50%;
	background-image: url(../images/login_pc_bg03.png) !important;
	background-size: auto 100% !important;
	background-repeat: no-repeat;
}
.jl-web #frmLogin{
	padding: 30px;
	width: 450px;
	border-radius: 32px;
	background-color: rgba(14, 99, 111, 0.3);
	position: absolute;
	right: 10%;
	top: 50%;
	transform: translateY(-50%) scale(0.9);
	--font-color: rgba(255, 255, 255, 1);
	--error-color: red;
}
.jl-web #frmLogin input,#frmLogin select{
	color: var(--font-color);
	caret-color: var(--font-color);
}
.jl-web #frmLogin .input-group-wms input,.jl-web #frmLogin .input-group-wms select{
	height: 48px;
}
.jl-web ::-webkit-input-placeholder { /* WebKit browsers */
	color:var(--font-color);
}
.jl-web :-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--font-color);
}
.jl-web ::-moz-input-placeholder { /* Mozilla Firefox 4 to 18 */
	color: var(--font-color);
}
.jl-web ::-ms-input-placeholder { /* Internet Explorer 10+ */
	color: var(--font-color);
}
.jl-web .login-come{
	height: 43px;
	font-size: 36px;
	text-align: left;
	font-family: "Kingsoft_Cloud_Font";
	margin-bottom: 28px;
}
.jl-web .container-login .login-warp-bg{
	background-color: transparent;
}
.jl-web .input-group-wms{
	padding: 0;
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 30px;
	margin-bottom: 20px;
	height:48px;
}
.jl-web .input-group-wms>span{
	opacity:0;
}

.jl-web #frmLogin>.inputs_links>.input-group-wms:nth-child(1){
	background-image: url("../images/login_icon_user.png");
}
.jl-web #frmLogin>.inputs_links>.input-group-wms:nth-child(2){
	background-image: url("../images/login_icon_password.png");
}
.jl-web #frmLogin>.inputs_links>.input-group-wms:nth-child(3){
	background-image: url("../images/login_icon_warehouse.png");
}
.jl-web #frmLogin>.inputs_links>.input-group-wms{
	background-repeat: no-repeat;
	background-size: 24px 24px;
	background-position: 16px 50%;
	border: 2px solid transparent;
}
.jl-web #frmLogin>.inputs_links>.input-group-wms:nth-child(4)>span{
	opacity:1;
	border-radius: 30px;
}
.jl-web .form-control{
	box-shadow:none;
	-webkit-box-shadow:none;
}
.jl-web .form-control:focus{
	box-shadow:none;
}
.jl-web .input-group-wms:focus-within{
	border-color:rgba(255, 255, 255, 1) !important;
}
.jl-web .input-group-wms>input,
.jl-web .input-group-wms>select{
	background-color: transparent;
	height: 100%;
}
.jl-web #rc_input-wms{
	display: flex;
	justify-content: space-between;
	padding: 0 20px;
	height: 32px;
}
.jl-web #btnLogin{
	background:linear-gradient(to right,#3BB6C8,#0F8EA0);
	border-radius: 30px;
	height: 48px;
	margin: auto 0;
	outline:2px solid transparent;
}
.jl-web #btnLogin:focus{
	outline-color:var(--font-color);
}
.jl-web #j_whseid{width:90%}
.jl-web .forgot_password{
	height: 20px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
.jl-web .command {
	height: 50px;
	margin: 10px 5px 10px 5px;
}
.jl-web input[type=checkbox] {
	cursor: pointer;
	position: relative;
	width: 15px;
	height: 15px;
	font-size: 14px;
}
.jl-web input[type=checkbox]::after {
	position: absolute;
	top: 0;
	color: #000;
	width: 15px;
	height: 15px;
	display: inline-block;
	visibility: visible;
	padding-left: 0px;
	text-align: center;
	content: ' ';
	border-radius: 3px
}
.jl-web input[type=checkbox]:checked::after {
	content: "✓";
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	background-color:#0F8EA0;
}
.jl-web .jl-news{
	display: flex;
	justify-content: space-evenly;
	padding: 30px;
}
.jl-web .jl-news>li{
	color: #0E636f;
	width: 350px;
	position: relative;
}
.jl-web .jl-news>li::before{
	content: " ";
	display: inline-block;
	width: 6px;
	height: 6px;
	background: #0E636f;
	position: absolute;
	top: 8px;
	left: -16px;
}
.jl-web .navbar-nav>li>a{
	color:#0E636F;
	font-family: PingFangSC-Regular;
	padding:0 20px;
}
.jl-web .navbar-nav>li.li-tel{
	color:#DB0F0E;
	font-family: DINPro-Medium;
}
.jl-web #j_whseid option:checked{
	color:var(--font-color);
	-background: rgba(255, 255, 255, 0.2) !important;
}
.jl-web #j_whseid option{
	background: #3E5E70 !important;
	height:30px;
}

.jl-web #j_whseid ::selection {
	background-color: rgba(255, 255, 255, 0.2);
}
/* 重置密码功能样式 */
.jl-web  .forgot_password_box{
	padding: 5px;
	width: 100%;
	display: none;
}
.jl-web #forgot_password_b{
	display: none;
}
.jl-web  .forgot_password_box>p{
	color:var(--font-color);
	width: 100%;
	background-color: rgba(255, 255, 255, 0.2);
	height: 50px;
	margin-bottom: 20px;
	border-radius: 25px;
	padding-left: 44px;
	background-repeat: no-repeat;
	background-size: 20px;
	background-position: 14px 50%;
	position:relative;
}
.jl-web .forgot_password_box>p:focus-within {
	box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
	border: 2px solid rgba(255, 255, 255, 1);
}
.jl-web  .forgot_password_box>p>input:focus{
	outline: none;
}
.jl-web  .forgot_password_box>p>input,
.jl-web  .forgot_password_box>p>button{
	background: transparent;
	border: 0;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.jl-web  .forgot_password_box>p:nth-child(2)>input{
	width: 70%;
}
.jl-web  .forgot_password_box>p:nth-child(2)>button{
	width: 30%;
	border-left: 1px solid rgba(255, 255, 255, .3);
	height: 60%;
}
.jl-web .forgot_password_box>p:nth-child(1){
	background-image: url("../images/login_icon_email.png");
}
.jl-web .forgot_password_box>p:nth-child(2){
	background-image: url("../images/login_icon_safe.png");
}
.jl-web .forgot_password_box>p:nth-child(3){
	background-image: url("../images/login_icon_password.png");
}
.jl-web .forgot_password_box>p:nth-child(4){
	background-image: url("../images/login_icon_password.png");
}
.jl-web  .forgot_password_box>p:nth-child(5){
	background:linear-gradient(to right,#3BB6C8,#0F8EA0);
	padding: 0;
}
.jl-web .forgot_password_box>.validation-error:focus-within {
	box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.4);
	border: 2px solid  var(--error-color);
}
.jl-web .mainMsg{border-right: 4px;background:rgba(255, 255, 255, 0.2)}
.jl-web .msgContainer{color:#fff}
.jl-web .validation-error{border:1px solid var(--error-color);color:var(--error-color)}
.jl-web #frmLogin .validation-error>input,.jl-web #frmLogin .validation-error>select{color:var(--error-color)}
.jl-web .error-msg{display: none;}
.jl-web .validation-error>.error-msg{display: block;position: absolute;bottom:-20px;color:var(--error-color)}
/* ------新版web-login------ */
@keyframes scrollUp{
	0% {transform: translateY(0);}
	20% {transform: translateY(-10%);}
	40% {transform: translateY(-20%);}
	60% {transform: translateY(-30%);}
	80% {transform: translateY(-40%);}
	100% {transform: translateY(-50%);}
}
@keyframes scrollLeft{
	0% {transform: translateX(0);}
	20% {transform: translateX(-10%);}
	40% {transform: translateX(-20%);}
	60% {transform: translateX(-30%);}
	80% {transform: translateX(-40%);}
	100% {transform: translateX(-50%);}
}
.jl-web .jl-news .msg_item{
	width: 33.33vw;
	display: inline-block;
	padding: 0 1vw;
	text-align: center;
}
.jl-web .jl-news{
	display: flex;
	overflow: hidden;
	margin-bottom: 0;
	justify-content: space-evenly;
}
.jl-web .jl-news>li::before{left: 2px;display: none}
.jl-web .jl-news>li:hover{cursor: pointer;}
.jl-web .jl-news>li .title>i{display: inline-block;width: 6px;height: 6px;background: #0A246A;margin-right: 10px;}
.jl-web .jl-news:hover,.jl-web .jl-news .msg_item>div:hover{animation-play-state: paused !important;}
.jl-web .jl-news-box{
	width: 100%;
	overflow-x: hidden;
}
#footer{margin-top:-10px;}