::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: inherit;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #ccc;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
}
:root {
    --theme-color: #008add;
    --theme-background-color: rgba(3, 179, 178, 0.1);
}
.sub-scrollbar::-webkit-scrollbar-thumb{
	 background-color: #f0f0f0;
}
body {
	font-family: "Microsoft YaHei", "Arial", "\5b8b\4f53", Helvetica, sans-serif;
}
.popover {
	max-width:1000px;
}
a[disable]{
	opacity:0.5;
	cursor:default;
	pointer-events:none;
}
a.none{
	text-decoration:none;
}
.container {
	width: 1260px !important;
	margin: 0 auto;
}
.nowrap{
	white-space: nowrap;
    vertical-align: middle !important;
}
.ellipsis, .text-truncate {
	white-space: nowrap;
	text-overflow: ellipsis
}
.view-body{
  	width: 100%;
  	padding-top: 80px;
  	background-color: #fff;
}
.span12 {
    width: 940px !important;
	position: relative;
}
.span11 {
    width: 860px !important;
	position: relative;
}
.span10 {
    width: 780px !important;
	position: relative;
}
.span9 {
    width: 700px !important;
	position: relative;
}
.span8 {
    width: 620px !important;
	position: relative;
}
.span7 {
    width: 540px !important;
	position: relative;
}
.span6 {
    width: 460px !important;
	position: relative;
}
.span5 {
    width: 380px !important;
	position: relative;
}
.span4 {
    width: 300px !important;
	position: relative;
}
.span3 {
    width: 220px !important;
	position: relative;
}
.span2 {
    width: 140px !important;
	position: relative;
}
.span1 {
    width: 60px !important;
	position: relative;
}
.w70{
    width:70px !important;
}
.w90{
    width:90px !important;
}
.w110{
    width:110px !important;
}
.pt_5 {
	padding-top: 5px !important;
}
.pd_10 {
	padding: 10px !important;
}
.pd_15 {
	padding: 15px !important;
}
.pd_20 {
	padding: 20px !important;
}
.pd_0{
	padding:0 !important;
}
.pb_0 {
	padding-bottom: 0 !important;
}
.pt_5 {
	padding-top: 5px !important;
}
.pd_10 {
	padding: 10px !important;
}
.pd_15 {
	padding: 15px !important;
}
.pd_20 {
	padding: 20px !important;
}
.pd_0{
	padding:0 !important;
}
.pd_5{
	padding:5 !important;
}
.pb_0 {
	padding-bottom: 0 !important;
}
.mb_20 {
	margin-bottom: 20px !important;
}
.pos-a {
    position: absolute
}
.pos-f {
    position: fixed
}
.pos-r {
    position: relative
}
.t-0 {
    top: 0
}
.r-0 {
    right: 0
}
.b-0 {
    bottom: 0
}
.l-0 {
    left: 0
}
.m-a-0 {
    margin: 0!important
}
.m-t-0, .mt_0 {
    margin-top: 0!important
}
.m-r-0 {
    margin-right: 0!important
}
.m-b-0, .mb_0 {
    margin-bottom: 0!important
}
.m-l-0 {
    margin-left: 0!important
}
.m-x-0 {
    margin-left: 0!important;
    margin-right: 0!important
}
.m-y-0 {
    margin-bottom: 0!important;
    margin-top: 0!important
}
.m-a-sm {
    margin: 5px!important
}
.mt_3 {
    margin-top: 3px!important
}
.m-t-sm, .mt_5 {
    margin-top: 5px!important
}
.m-r-sm, .mr_5 {
    margin-right: 5px!important
}
.m-b-sm, .mb_5 {
    margin-bottom: 5px!important
}
.m-l-sm, .ml_5{
    margin-left: 5px!important
}
.m-x-sm {
    margin-left: 5px!important;
    margin-right: 5px!important
}
.m-y-sm {
    margin-bottom: 5px!important;
    margin-top: 5px!important
}
.m-a {
    margin: 10px!important
}
.m-t, .mt_10 {
    margin-top: 10px!important
}
.mt_15 {
    margin-top: 15px!important
}
.m-r, .mr_10 {
    margin-right: 10px!important
}
.m-b, .mb_10 {
    margin-bottom: 10px!important
}
.m-l, .ml_10  {
    margin-left: 10px!important
}
.ml_15{
	margin-left:15px !important;
}
.ml_140 {
    margin-left: 140px !important;
}
.m-x {
    margin-left: 10px!important;
    margin-right: 10px!important
}
.m-y {
    margin-bottom: 10px!important;
    margin-top: 10px!important
}
.m-a-md {
    margin: 15px!important
}
.m-t-md {
    margin-top: 15px!important
}
.m-r-md, .mr_15 {
    margin-right: 15px!important
}
.m-b-md, .mb_15 {
    margin-bottom: 15px!important
}
.mr_20 {
	margin-right: 20px !important;
}
.mt_20 {
	margin-top: 20px !important;
}
.m-l-md {
    margin-left: 15px!important
}
.m-x-md {
    margin-left: 15px!important;
    margin-right: 15px!important
}
.m-y-md {
    margin-bottom: 15px!important;
    margin-top: 15px!important
}
.m-a-lg {
    margin: 30px!important
}
.m-t-lg {
    margin-top: 30px!important
}
.m-r-lg {
    margin-right: 30px!important
}
.m-b-lg {
    margin-bottom: 30px!important
}
.m-l-lg {
    margin-left: 30px!important
}
.m-x-lg {
    margin-left: 30px!important;
    margin-right: 30px!important
}
.m-y-lg {
    margin-bottom: 30px!important;
    margin-top: 30px!important
}
.m-a-n {
    margin: -10px!important
}
.m-t-n {
    margin-top: -10px!important
}
.m-r-n {
    margin-right: -10px!important
}
.m-b-n {
    margin-bottom: -10px!important
}
.m-l-n {
    margin-left: -10px!important
}
.m-x-n {
    margin-left: -10px!important;
    margin-right: -10px!important
}
.m-y-n {
    margin-bottom: -10px!important;
    margin-top: -10px!important
}
.p-a-0 {
    padding: 0!important
}
.p-t-0 {
    padding-top: 0!important
}
.p-r-0 {
    padding-right: 0!important
}
.p-b-0 {
    padding-bottom: 0!important
}
.p-l-0 {
    padding-left: 0!important
}
.p-x-0 {
    padding-left: 0!important;
    padding-right: 0!important
}
.p-y-0 {
    padding-bottom: 0!important;
    padding-top: 0!important
}
.p-a-sm {
    padding: 5px!important
}
.p-t-sm {
    padding-top: 5px!important
}
.p-r-sm {
    padding-right: 5px!important
}
.p-b-sm {
    padding-bottom: 5px!important
}
.p-l-sm {
    padding-left: 5px!important
}
.p-x-sm {
    padding-left: 5px!important;
    padding-right: 5px!important
}
.p-y-sm {
    padding-bottom: 5px!important;
    padding-top: 5px!important
}
.p-a {
    padding: 10px!important
}
.p-t {
    padding-top: 10px!important
}
.p-r {
    padding-right: 10px!important
}
.p-b {
    padding-bottom: 10px!important
}
.p-l {
    padding-left: 10px!important
}
.p-x {
    padding-left: 10px!important;
    padding-right: 10px!important
}
.p-y {
    padding-bottom: 10px!important;
    padding-top: 10px!important
}
.p-a-md {
    padding: 15px!important
}
.p-t-md {
    padding-top: 15px!important
}
.p-r-md {
    padding-right: 15px!important
}
.p-b-md {
    padding-bottom: 15px!important
}
.p-l-md {
    padding-left: 15px!important
}
.p-x-md {
    padding-left: 15px!important;
    padding-right: 15px!important
}
.p-y-md {
    padding-bottom: 15px!important;
    padding-top: 15px!important
}
.p-a-lg {
    padding: 30px!important
}
.p-t-lg {
    padding-top: 30px!important
}
.p-r-lg {
    padding-right: 30px!important
}
.p-b-lg {
    padding-bottom: 30px!important
}
.p-l-lg {
    padding-left: 30px!important
}
.p-x-lg {
    padding-left: 30px!important;
    padding-right: 30px!important
}
.p-y-lg {
    padding-bottom: 30px!important;
    padding-top: 30px!important
}
.d-i {
    display: inline
}

.d-ib {
    display: inline-block
}
.truncate {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap
}
.f-lt, .f-li li {
	float: left;
	display: inline;
}
.fc_333 {
	color: #333;
}
.fc_666, .fc_666666 {
	color: #666;
}
.f-rt {
	float: right;
	display: inline;
}
.w25 {
	width: 25px !important;
}
.w45 {
	width: 45px !important;
}
.w95 {
	width: 95px !important;
}
.w91 {
	width: 91px !important;
}
.w100 {
	width: 100px !important;
}
.w115 {
	width: 115px !important;
}
.w160 {
	width: 160px !important;
}
.w180 {
	width: 180px !important;
}
.w200 {
	width: 200px !important;
}
.w320 {
    width: 320px !important;
}
.w62 {
	width: 62px !important;
}
.w125{
    width:125px !important;
}
.w110{
	width:110px !important;
}
.w90{
	width:90px !important;
}

.ft-right {
	text-align: right;
}
.ft-center {
	text-align: center;
}
.fc-999, .fc-999999 {
	color: #999;
}
.ft_12, .ft-12 {
	font-size: 12px !important;
}
.ft_14, .ft-14{
	font-size: 14px !important;
}
.ft_16, .ft-16 {
	font-size: 16px !important;
}
.ft_18, .ft-18 {
	font-size: 18px !important;
}
.fw-l {
    font-weight: 300
}

.fw-n {
    font-weight: 400
}

.fw-sb {
    font-weight: 500
}

.ft-center {
	text-align: center;
}
.inline, .display-inline{
	position: relative;
	display:inline-block;
	font-weight: normal;
	vertical-align: middle;
}
.d-b {
	display: block !important;
}

.caret-up {
	width: 0;
	height: 0;
	border-left: 4px solid rgba(0, 0, 0, 0);
	border-right: 4px solid rgba(0, 0, 0, 0);
	border-bottom: 4px solid;
	display: inline-block;
	margin-left: 2px;
	vertical-align: middle;
}
.bg-white {
    background-color: #fff !important
}
.bg-orange {
    background-color: #fb6e52 !important
}
.bg-green {
    background-color: #8cc474 !important
}
.bg-yellow {
    background-color: #ffce55 !important
}
.bg-lightyellow {
    background-color: #fffbe7 !important
}
.bg-lightred {
    background-color: #e46f61 !important
}
.bg-darkorange {
    background-color: #ed4e2a !important
}
.bg-red {
    background-color: #df5138 !important
}
.bg-azure {
    background-color: #2dc3e8 !important
}
.bg-gray {
	background-color:#f5f5f5 !important;
}
.bg-ivory {
	background-color: #eee !important
}
.bg-lightblue {
	background-color: #e5f2fe !important
}
.bg-primary {
    background-color: #0275d8 !important;
}
.bg-trans{
	background: url(../img/trans.png) 0 0 repeat transparent;
}
.fixed-jm a[href*="jd.com"]{
	cursor:default;
	color:#777;
}
.fixed-jm a.label:hover[href*="jd.com"],
.fixed-jm a.label[href*="jd.com"]{
	color:#fff;
}
.fixed-jm a:hover[href*="jd.com"]{
	text-decoration:none;
	color:#777;
}
.fixed-jm select.form-control{
	line-height:25px;
}
.fixed-jm select.form-control.input-sm{
	line-height:23px;
}
.fc-red {
    color: #d60000 !important;
}

.fc-blue {
    color: #2b61dd !important;
}

.fc-green {
    color: #84a905 !important;
}

.fc-orange {
    color: #f60 !important;
}

.fc-gray {
    color: #666 !important;
}
.fc-slate-gray {
    color: #333 !important;
}

.fc-black {
    color: #000 !important;
}
.red {
	color: red !important;
}
.green {
	color: green !important;
}
.blue {
    color: #5db2ff !important
}
a.label{
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
  	box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
	text-decoration:none;
	font-weight:normal;
 	line-height: 1.3;
	display: inline-block;
	padding:3px 6px 4px;
	font-size:75%;
}
a.label.disabled{
	pointer-events: none;
    cursor: not-allowed;
	box-shadow: none;
    opacity: .65;
}
a.label.default-bordered{
	text-shadow: none;
	border:1px solid #d1d1d1;
	color:#777;
	border-radius: 50px;
}
a.label.success-bordered{
	text-shadow: none;
	border:1px solid #5cb85c;
	color:#5cb85c;
	border-radius: 50px;
}
a.label.primary-bordered{
	text-shadow: none;
	border:1px solid #357ebd;
	color:#357ebd;
	border-radius: 50px;
}
a.label.danger-bordered{
	text-shadow: none;
	border:1px solid #a94442;
	color:#a94442;
	border-radius: 50px;
}
a.label.warning-bordered{
	text-shadow: none;
	border:1px solid #f0ad4e;
	color:#f0ad4e;
	border-radius: 50px;
}
.label-darkorange, .badge-darkorange {
	background-color: #ed4e2a;
	background-image: none !important;
}
.badge-success {
	background-color: #5cb85c;
}
.badge-danger {
	background-color: #d73d32;
}
.badge-warning {
	background-color: #ff6a00;
}
.fixed-jm a.label{
	font-size:12px;
}
.warning-tip{
	color: #F9AC10;
	padding-left: 145px;
	background: url(../img/warning_tip.jpg) no-repeat left top #FFF8D1;
	height: 50px;
	font-size: 21px;
  	line-height: 50px;
}
.icon-help16, .icon-import16, .icon-info16, .icon-stop16, .icon-succ16, .icon-warn16, .icon-wrong16 {
    font-size: 0;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/icon16.png);
    width: 16px;
    height: 16px;
}
.icon-succ16 {
	background-position: 0 0
}
.icon-wrong16 {
	background-position: -17px 0
}
.icon-stop16 {
	background-position: -34px 0
}
.icon-import16 {
	background-position: -51px 0
}
.icon-warn16 {
	background-position: -68px 0
}
.icon-info16 {
	background-position: -85px 0
}
.icon-help16 {
	background-position: -102px 0
}
.icon-help16:hover {
	background-position: -119px 0
}
.tip {
    padding: 5px;
    display: inline-block;
    position: relative;
}
.tip .icon-help16, .tip .icon-import16, .tip .icon-info16, .tip .icon-stop16, .tip .icon-succ16, .tip .icon-warn16, .tip .icon-wrong16 {
	vertical-align: top;
	margin-top: 3px;
    margin-right: 5px;
}
.tip-yellow {
	border: 1px solid #f0d58f;
    background-color: #fffdf0;
    color: #c00;
}
.tip-blue {
    border: 1px solid #8fd3f0;
    background-color: #f0f8ff;
    color: #13708e;
}
a.label.disabled, a.label[disabled]{
	pointer-events: none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}
.inline-box{
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 4px
}
.inline-box.no-padding{
	padding:0;
}
.inline-box.text-left{
	text-align:left;
}
.inline-box.text-right{
	text-align:right;
}
.inline-box.ws-normal, .ws-normal{
	white-space: normal !important;
}
.table.no-border td, .table.no-border th{
	border:none;
}
table.datatable tbody{
    padding: 1px
}
table.datatable thead th span.sortIco{
    padding-right: 20px;
    display: inline-block;
}
table.datatable thead,
table.datatable thead tr{
	background:url("../img/grid-thead.png") repeat-x scroll 0 0 #eee;
}
table.datatable {
	margin: 0 auto;
	width: 100%;
	clear: both;
	border-collapse: collapse;
	text-align:center;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
table.datatable tfoot th {
	padding: 3px 0px 3px 10px;
	font-weight: bold;
	font-weight: normal;
	text-align:center;
}
table.datatable tr.heading2 td {
	border-bottom: 1px solid #aaa;
	text-align:center;
}
table.datatable td {
	padding: 8px;
    height: 18px;
    line-height: 18px;
}
table.datatable tbody tr:nth-child(even){
	background-color:#F7F7F7;
}
table.datatable tbody tr:hover, table.datatable tbody tr.selected{
	background: #ffefd6;
}
table.datatable thead th {
	padding: 3px 0px 3px 10px;
	cursor: pointer;
	* cursor: hand;
	border:1px solid #ccc;
	height:19px;
	line-height: 19px;
}

.data-table {
	width: 100%;
	max-width: 100%;
	border: 1px solid #ccc;
	border-top: none;
}
.data-table th, .data-table td {
	padding: 6px 12px;
	font-size: 12px;
	vertical-align: middle;
	text-align: right;
}
.data-table th.text-left, .data-table td.text-left {
	text-align: left;
}
.data-table th.text-center, .data-table td.text-center {
	text-align: center;
}
.data-table th {
	border-top: 1px solid #333;
	background: #f5f5f5;
	font-weight: bold;
	/*cursor: pointer;*/
	padding: 10px 12px;
}
.data-table th a:link, .data-table th a:visited {
	color: #333;
	text-decoration: none;
}
.data-table th a.active {
	color: #428bca;
}
.data-table tfoot td {
	background: #f5f5f5;
}
.data-table td {
	border-top: 1px solid #ccc;
}
.data-table tbody tr:hover, .data-table tbody tr:hover td {
	background: #f5f5f5;
}
.data-table tr.click table td, .data-table tr.click table th, .data-table tr.conversion table td, .data-table tr.conversion table th {
	border: none;
	padding: 3px 12px 3px 0;
	text-align: left;
	background: transparent;
}
.data-table tr.click table th, .data-table tr.conversion table th {
	font-weight: bold;
	border: none;
	cursor: none;
}
.data-table thead .header-sort-up:after {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-left: 5px;
}
.data-table thead .header-sort-down:after {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-bottom: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-left: 5px;
}
.data-table tbody .message {
	margin: 20px auto;
	width: 350px;
	padding: 40px;
	background: #ffffff;
	color: #838383;
	white-space: normal;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
 *border-right-width: 2px;
 *border-bottom-width: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}

.clear {
	clear: both;
}
.btn-outline {
	color: #563d7c;
	background-color: transparent;
	border-color: #563d7c;
}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active {
	color: #fff;
	background-color: #563d7c;
	border-color: #563d7c;
}
.metrics{
	color: #333333;
	text-align: center;
	padding: 15px 5px 0;
	margin-bottom: 20px;
	background: #fff;
	min-height: 123px;
	border: 1px solid #ddd;
	border-width: 0 1px 4px 1px;
	border-top: 3px solid #585858;
}
.metrics.no-padding{
	padding:0;
}
.metrics.text-left{
	text-align: left;
}
.metrics.danger, .ovbox.danger{
	border-top-color:#ac2925
}
.metrics.success, .ovbox.success{
	border-top-color:#4cae4c
}
.metrics.warning, .ovbox.warning{
	border-top-color:#eea236
}
.metrics.primary, .ovbox.primary{
	border-top-color:#357ebd
}
.metrics.purple, .ovbox.purple{
	border-top-color:#7e3794
}
.metrics .title{
	display: block;
	font-size: 32px;
	font-weight: normal;
	padding: 0 0 6px 0;
}
.metrics>h4{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0;
}
.legend{
	background: #f5f5f5;
    padding: 8px;
    border-radius: 4px;
}
.legend > span {
    display: block;
    font-size: 20px;
    text-align: center;
    margin-bottom: 5px;
	min-width:85px;
}
.fixed-jm .legend > span{
	min-width:80px;
}
.legend.text-left > span,
.legend.text-left > h4.title{
	text-align: left;
}
.legend.text-right > span,
.legend.text-right > h4.title{
	text-align: right;
}
.legend h4.title {
    font-size: 14px;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
}
.dt-table.report{
	width: 100%;
	max-width: 100%;
	border:1px solid #ccc;
	border-top:none;
}
.dt-table.report.no-border{
	border:none;
}
.dt-table.report th,
.dt-table.report td {
	padding: 6px 12px;
	font-size: 12px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: right;
}
.dt-table.report.ws-normal td{
	white-space: normal !important;
}
.dt-table.report.text-left th,
.dt-table.report.text-left td,
.dt-table.report th.text-left,
.dt-table.report td.text-left{
	text-align: left;
}
.dt-table.report td.normal{
	white-space: normal;
}
.dt-table.report.text-center th,
.dt-table.report.text-center td,
.dt-table.report th.text-center,
.dt-table.report td.text-center{
	text-align: center;
}
.dt-table.report.text-right th,
.dt-table.report.text-right td,
.dt-table.report th.text-right,
.dt-table.report td.text-right{
	text-align: right;
}
.dt-table.report th {
	border-top: 3px solid #585858;
	background: #f5f5f5;
	font-weight: bold;
	/*cursor: pointer;*/
	padding: 10px 12px;
}
.dt-table>thead:first-child>tr:first-child>th  {
	border-top: 3px solid #585858;
}
.dt-table.report.no-bd th{
	border-top: none;
}
.dt-table.report th a:link,
.dt-table.report th a:visited {
	color: #333;
	text-decoration: none;
}
.dt-table.report th a.active{
	color:#428bca;
}
.dt-table.report tfoot td {
	background: #f5f5f5;
}
.dt-table.report td {
	border-top: 1px solid #ccc;
}
.dt-table.report tbody tr:hover td {
	background: #f5f5f5;
}
.dt-table.report tr.click table td,
.dt-table.report tr.click table th,
.dt-table.report tr.conversion table td,
.dt-table.report tr.conversion table th {
	border: none;
	padding: 3px 12px 3px 0;
	text-align: left;
	background: transparent;
}
.dt-table.report tr.click table th,
.dt-table.report tr.conversion table th {
	font-weight: bold;
	border: none;
	cursor: none;
}
.dt-table.report thead .headerSortUp:after {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-top: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-left: 5px;
}
.dt-table.report thead .headerSortDown:after {
	display: inline-block;
	width: 0;
	height: 0;
	vertical-align: middle;
	border-bottom: 4px solid #000000;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
	content: "";
	opacity: 0.5;
	filter: alpha(opacity=50);
	margin-left: 5px;
}
.dt-table.report tbody .message{
	margin: 20px auto;
	width: 350px;
	padding: 40px;
	background: #ffffff;
	color: #838383;
	white-space: normal;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	*border-right-width: 2px;
	*border-bottom-width: 2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
}
.box-tab{
	position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 0;
}
.box-tab-new{
    position: relative;
    border-radius: 0;
}
.box-tab .wizard-tabs {
    background-color: #f0f0f0;
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e4e4e4
}
.box-tab .wizard-tabs li {
    vertical-align: middle;
	display: table-cell;
    float: none;
    width: 1%;
    text-align: center
}
.box-tab .wizard-tabs li.active a {
    background-color: #fafafa;
	text-decoration: none;
}
.box-tab .wizard-tabs li.active a:after {
    border-left-color: #fafafa
}
.box-tab .wizard-tabs li:last-child a:after,.box-tab .wizard-tabs li:last-child a:before {
    display: none
}
.box-tab .wizard-tabs a {
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 10px 15px;
	color:#59595A;
}
.box-tab .wizard-tabs a:hover {
    background: #eee;
	text-decoration:none;
}
.box-tab .wizard-tabs a::after,.box-tab .wizard-tabs a::before {
    content:'';
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    display: block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 10px solid transparent
}
.box-tab .wizard-tabs a::before {
    margin-left: 1px;
    border-left-color: #d5d5d5
}
.box-tab .wizard-tabs a::after {
    border-left-color: #f0f0f0
}
.box-tab .form-actions{
    padding: 0 20px;
    margin: 0;
	line-height:40px;
    background-color: #f5f5f5;
    border-top: 1px solid #e7ecf1;
}
.box-tab .form-actions .buttons {
    display: inline-block;
    padding: 0 5px;
    line-height: 39px;
    position: relative;
    text-align: left;
    height: 41px;
	border-left: 1px solid #e5e5e5;
	float: right;
}
.box-tab .form-actions.top{
    margin-top: 0;
    margin-bottom: 10px;
    border-top: 0;
    border-bottom: 1px solid #e7ecf1;
}
.box-tab .form-actions .caption {
    line-height:40px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;
}
.box-tab .form-actions.center{
	border-top: 1px solid #e7ecf1;
    border-bottom: 1px solid #e7ecf1;
	margin-bottom: 10px;
}
.widget {
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin: 0 0 30px 0;
}
.widget-header.bordered-bottom {
	border-bottom: 3px solid #008add !important;
}
.widget-header.bordered-top {
     border-top: 3px solid #008add !important;
}
.widget-header {
	position: relative;
	min-height: 45px;
	background: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	color: #555;
	padding-left: 12px;
	text-align: right;
}
.widget-header.header-large {
    min-height: 49px;
    padding-left: 18px;
}
.widget-header .widget-icon {
    display: block;
    width: 30px;
    height: 32px;
    position: relative;
    float: left;
    font-size: 111%;
    line-height: 32px;
    text-align: center;
    margin-left: -10px;
}
.widget-header>.widget-caption {
	line-height: 34px;
	padding: 0;
	margin: 0;
	float: left;
	text-align: left;
	font-weight: 400 !important;
	font-size: 13px;
}
.widget-header.header-large h5 {
    line-height: 48px;
    font-size: 16px
}
.widget-header.header-large>.widget-buttons {
    line-height: 48px;
    height: 48px
}
.widget-header.header-large>.widget-buttons a {
    min-width: 26px
}
.widget-header.header-large>.widget-buttons a i {
    font-size: 20px
}
.widget-header.header-small {
    min-height: 29px;
    padding-left: 10px
}
.widget-header.header-small h5 {
    line-height: 28px;
    font-size: 12px
}
.widget-header.header-small>.widget-buttons {
    line-height: 29px;
    height: 29px
}
.widget-header.header-small>.widget-buttons a {
    min-width: 16px;
    height: 16px
}
.widget-header.header-small>.widget-buttons a i {
    font-size: 14px
}
.widget-buttons {
    display: inline-block;
    padding: 0 5px;
    line-height: 34px;
    position: relative;
    text-align: left;
    height: 36px;
}
.widget-body {
	background-color: #fff;
	-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	padding: 12px;
}
.widget-body.no-padding {
    padding: 0;
}
.widget-body>table {
    margin-bottom: 0
}
.widget-body hr.wide {
    margin-left: -12px;
    margin-right: -12px
}
.task-container {
    position: relative;
    padding: 0;
	background:#fff;
}
.task-container .task-list .panel-default{
	border-radius:0;
	-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.15);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.15);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.15);
	position: relative;
}
.task-container .tasks-list {
    list-style: none;
    padding: 0
}
.task-container .tasks-list .task-item {
    position: relative;
	min-height:130px;
    border-bottom: 1px solid #e5e5e5
}
.task-container .tasks-list .task-item:last-child {
    border-bottom: 0
}
.task-container .tasks-list .task-item:hover {
    background-color: #f5f5f5
}
.task-container .tasks-list .task-item .task-check {
    position: absolute;
    top: 10px;
    left: 0px;
    margin-right: 5px;
	padding:5px 15px;
}
.task-container .tasks-list .task-item .task-state {
    position: absolute;
    top: 15px;
    left: 150px
}
.task-container .tasks-list .task-item .task-state .label {
    padding: 6px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.task-container .tasks-list .task-item .task-time {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 11px;
    color: #999
}
.task-container .tasks-list .task-item .task-body {
    padding: 55px 15px 10px 15px;
    line-height: 22px;
	font-size:12px;
}
.task-container .tasks-list .task-item .task-creator {
    position: absolute;
    top: 110px;
    left: 45px
}
.task-container .tasks-list .task-item .task-creator a {
    font-size: 13px;
    color: #11a9cc
}
.task-container .tasks-list .task-item .task-creator a:hover {
    text-decoration: none
}
.task-container .tasks-list .task-item .task-assignedto {
    position: absolute;
    bottom: 10px;
    right: 20px;
    font-size: 13px;
    color: #999
}
.task-container .tasks-list .task-item .task-creator {
    top: 95px
}
.box-item-container {
    position: relative;
    padding: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
    margin-bottom: 30px;
}
.box-item-container .box-item-list{
 	list-style: none;
    padding: 0;
    margin: 0
}
.box-item-container .box-item-list .box-item {
    position: relative;
    padding: 7px 10px;
    vertical-align: top;
	background-color:#fff;
    border-bottom: 1px solid #e5e5e5;
}
.box-item-container .box-item-list .box-item:before {
    display: none;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    width: 3px;
    max-width: 3px;
    overflow: hidden;
    background-color: #2dc3e8
}
.box-item-container .box-item-list .active.box-item{
	 background-color: #f9ff8e;
}
.box-item-container .box-item-list .active.box-item:before{
	display:block;
}
.box-item-container .box-item-list .box-item:not(.active):hover {
    background-color: #f5f5f5;
}
.box-item-container .box-item-list .box-item:hover:before {
    display: block
}
h1.row-title, h2.row-title, h3.row-title, h4.row-title, h5.row-title, h6.row-title {
    line-height: 17px;
    margin: 10px 0;
    padding: 9px 10px 9px 8px;
    display: inline-block;
    color: #646464;
    font-weight: 400;
    background-color: #fff;
    position: relative;
    -webkit-border-radius: 0 2px 2px 0;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 0 2px 2px 0;
    -moz-background-clip: padding;
    border-radius: 0 2px 2px 0;
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}
h1.row-title:before, h2.row-title:before, h3.row-title:before, h4.row-title:before, h5.row-title:before, h6.row-title:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #2dc3e8;
}
.databox {
    display: inline-block;
    width: 100%;
    height: 55px;
    padding: 0;
    font-size: 0;
    margin-bottom: 30px;
    vertical-align: top;
    min-width: 130px;
	position:relative;
}
.databox.databox-shadowed {
    -webkit-box-shadow: 1px 0 10px 1px rgba(166, 166, 166, 0.15);
    -moz-box-shadow: 1px 0 10px 1px rgba(166, 166, 166, 0.15);
    box-shadow: 1px 0 10px 1px rgba(166, 166, 166, 0.15);
}
.databox.pointer{
	cursor: pointer;
}
.databox .databox-right.bordered-thick {
    border-left: 2px solid #2dc3e8;
}
.databox .databox-left {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0;
    width: 55px;
    height: 55px;
    padding: 5px;
    color: #fff;
    position: absolute;
}
.databox .databox-piechart {
    padding: 10px 0;
	border: 2px solid #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
	text-align: center;
    font-size: 14px;
    font-weight: 300;
	vertical-align: middle;
}
.databox .databox-piechart.activity {
    border: solid 2px transparent;
    border-top-color: #fff;
    border-left-color: #fff;
    -webkit-animation: fa-spin 1.5s linear infinite;
    -moz-animation: fa-spin 1.5s linear infinite;
    -ms-animation: fa-spin 1.5s linear infinite;
    -o-animation: fa-spin 1.5s linear infinite;
    animation: fa-spin 1.5s linear infinite;
}
.databox .databox-process{
	position:absolute;
    top: 20px;
    width: 100%;
	left:0;
	text-align:center;
	font-size:14px;
}
.databox .databox-right {
    position: relative;
    vertical-align: top;
    margin: 0;
    -lh-property: 0;
    width: -webkit-calc(100% - 65px);
    width: -moz-calc(100% - 65px);
    width: calc(100% - 65px);
    height: 55px;
    color: #555;
    padding: 5px;
    border: 1px solid #e5e5e5;
    width: auto;
    margin-left: 55px;
    border-left: none;
}
.databox.active .databox-left.bg-azure~.databox-right{
	border: 1px solid #2dc3e8;
}
.databox.active .databox-left.bg-green~.databox-right{
	border: 1px solid #8cc474;
}
.databox .databox-number {
    display: block;
    font-size: 16px;
    line-height: 1.25;
    margin: 2px;
    position: relative;
	color:#fb6e52 !important;
}
.databox .databox-text {
    display: block;
    font-size: 11px;
    margin: 4px 0 2px;
    position: relative;
	color:#999;
}
.databox .databox-state {
    display: none;
    position: absolute;
    right: 5px;
    top: 3px;
    padding: 2px 5px;
	color: #8cc474;
	font-size: 16px;
}
.databox.active .databox-state{
	display:inline-block;
}
.databox.active .databox-left.bg-azure~.databox-right .databox-state{
	color:#2dc3e8;
}
.databox.active .databox-left.bg-green~.databox-right .databox-state{
	color:#8cc474;
}
.box-progress {
    padding: 0;
    position: relative;
}
.box-progress .progress {
    margin-bottom: 0;
}
.progress.progress-no-radius {
    -webkit-border-radius: 0 !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 0 !important;
    -moz-background-clip: padding !important;
    border-radius: 0 !important;
    background-clip: padding-box !important;
}
.box-progress .progress .progress-bar {
    position: relative;
	box-shadow:none;
}
.progress.progress-xs .progress-bar {
    line-height: 8px;
    font-size: 11px;
}
.box-progress .progress-heading{
	font-size: 14px;
    margin-bottom: 0;
    color: #777;
    margin-top: 5px;
	line-height: 25px;
}
.progress-xlg{
	height:32px;
}
.progress.progress-xxs{
	 height: 4px;
}
.progress.progress-xs {
    height: 9px;
}
.progress-xlg .progress-bar{
	line-height:32px;
}
.panel-tabs.nav-tabs>li.active>a {
	background: url(../img/tab-b.png) 50% top no-repeat #fff;
	border-top: 3px solid #48a7e7;
}
.panel-tabs.nav>li>a {
	padding: 8px 10px;
}
.panel-tabs.nav-tabs{
	border-bottom:none;
}
.panel-tabs.nav-tabs>li>a{
	height: 41px;
	color: #808080;
}
.panel-tabs.nav-tabs>li.active>a{
	height: 46px;
	margin-top: -5px;
	padding-top: 10px;
	border-top-width:4px;
    font-weight: bold;
	color: #48a7e7;
}
.im-tab.nav-tabs{
	border-bottom: 1px solid #eee;
}
.im-tab.nav-tabs.borderd-blue{
	border-bottom: 1px solid #2896dd;
}
.im-tab.nav-tabs > li{
	margin-right: 2px;
}
.im-tab.nav-tabs > li.active > a{
	padding-top: 7px;
	padding-bottom: 7px;
	margin-top: 2px;
	background: #2896dd;
	color: #fff;
	border-color: #2896dd;
}
.im-tab.nav-tabs > li > a{
	margin-top: 6px;
	background: #eee;
	border-color: #eee;
	color: #777;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	padding: 5px 10px;
	font-size: 14px;
    cursor: pointer;
}
.im-tab.nav-tabs > li > a:hover,
.im-tab.nav-tabs > li > a:focus{
  padding-top: 7px;
  padding-bottom: 7px;
  margin-top: 2px;
  background: #2896dd;
  color: #fff;
  border-color: #2896dd;
}

.tabs-left>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left;
    margin-left: 0;
    border: 0;
    background-color: #eee;
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
    -moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
    box-shadow: 0 0 4px rgba(0,0,0,.3);
}

.tabs-left>.nav-tabs>li {
    float: none;
}
.tabs-left>.nav-tabs>li.active>a, .tabs-left>.nav-tabs>li.active>a:focus, .tabs-left>.nav-tabs>li.active>a:hover {
    border: 0;
    border-left: 2px solid #5db2ff;
    border-right-color: transparent;
    margin: 0 -1px 0 -1px;
    -webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
    box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    min-width: 60px;
    border-radius: 0!important;
	line-height:16px;
    z-index: 12;
}
.tabs-left>.nav-tabs.tab-md>li>a{
	padding:8px 15px;
	font-size:12px;
}
.tabs-left>.nav-tabs>li>a, .tabs-left>.nav-tabs>li>a:focus, .tabs-left>.nav-tabs>li>a:hover {
    margin: 0 -1px 0 0;
}
.tabs-left .tab-content, .tabs-right .tab-content {
    overflow: auto;
	background-color: #fff;
    padding: 16px 12px;
    position: relative;
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	min-height: 75px;
}
.nav-tabs>li.active.tab-sky>a {
    border-color: #11a9cc!important
}
.nav-tabs>li.active.tab-sky>a>.fa,.nav-tabs>li.active.tab-sky>a .glyphicon{
    color: #11a9cc
}
.nav-tabs>li.active.tab-red>a {
    border-color: #df5138!important;
}
.nav-tabs>li.active.tab-red>a>.fa,.nav-tabs>li.active.tab-red>a .glyphicon{
    color: #df5138
}
.tab-lg.nav-tabs {
    border-bottom: 2px solid #008add;
    padding-left: 30px;
    background: none;
    box-shadow: none;
}
.tab-lg.nav-tabs>li{
	margin-bottom: 0;
}
.tab-lg.nav-tabs>li.active>a,
.tab-lg.nav-tabs>li.active>a:hover,
.tab-lg.nav-tabs>li.active>a:focus{
	color: #fff;
    background-color: #008add;
    border: 1px solid #008add;
    border-bottom: 0;
	margin-top: 0;
	line-height: 1.42857;
}
.tab-lg.nav-tabs>li.is-ltao.active>a,
.tab-lg.nav-tabs>li.is-ltao.active>a:hover,
.tab-lg.nav-tabs>li.is-ltao.active>a:focus{
    color: #008add;
    border-bottom: 4px solid #008add;
}
.tab-lg.nav-tabs>li>a,
.tab-lg.nav-tabs>li>a:focus {
    padding: 10px 15px;
    background-color: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
    font-size: 16px;
    margin-right: -1px;
    line-height: 1.42857;
    color: #666;
    margin-top: 0;
}
.tab-lg.nav-tabs>li:first-child>a,
.tab-lg.nav-tabs>li.active:first-child>a{
    border-top-left-radius: 5px !important;
}
.tab-lg.nav-tabs>li.active:last-child>a,
.tab-lg.nav-tabs>li:last-child>a {
    border-top-right-radius: 5px !important;
}
.tab-lg.nav-tabs>li>a,
.tab-lg.nav-tabs>li>a:focus {
	border-radius: 0 !important;
	color: #777;
	margin-right: -1px;
	line-height: 12px;
	position: relative;
	z-index: 11;
}
.tab-lg.nav-tabs>li>a,
.tab-lg.nav-tabs>li>a:focus {
    padding: 10px 15px;
    background-color: #fcfcfc;
    border: 1px solid #e5e5e5;
    border-bottom: 0;
	font-size:16px;
	margin-right: -1px;
    line-height: 1.42857;
    color: #666;
	margin-top: 0;
}
.tab-lg.tab-content {
	padding: 16px 12px;
	position: relative;
	-webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
	box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
}
.tab-line.nav-tabs>li.active>a,
.tab-line.nav-tabs>li.active>a:focus {
    background: #fff;
    padding: 7px 15px 9px;
    border: solid 1px #ddd;
    border-top: solid 2px #d73d32;
    border-bottom: none !important;
}
.tab-line.nav-tabs>li>a,
.tab-line.nav-tabs>li>a:focus {
    padding: 9px 16px;
    background: none;
    border: none;
	border-radius: 0;
    color: #555;
}

.customtab {
	border-bottom: 2px solid #f0f0f0
}
.customtab li.active a, .customtab li.active a:focus, .customtab li.active a:hover {
	background: #fff;
	border: 0;
	border-bottom: 2px solid #0283cc;
	margin-bottom: -1px;
	color: #0283cc;
}
.customtab li a, .customtab li a:focus, .customtab li a:hover {
	border: 0;
    border-radius: 0;
    color: #2b2b2b;
}
.customtab>li>a:hover {
    background: #fff;
}
.customtab2 {
	border-bottom: 1px solid #f7fafc;
	border-top: 1px solid #f7fafc;
	padding: 10px 0
}
.customtab2 li.active a, .customtab2 li.active a:focus, .customtab2 li.active a:hover {
	background: #0283cc;
	border: 1px solid #0283cc;
	color: #fff
}
.customtab2 li a, .customtab2 li a:focus, .customtab2 li a:hover {
	border: 0
}

.group-items.active {
    color: #03b3b2;
    border-color: #03b3b2;
}
.group-items {
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
	margin-bottom: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 14px;
    color: #7a818b;
    cursor: pointer;
}
.group-items.active .fa {
    background-color: #03b3b2;
}
.group-items .fa {
    height: 100%;
    width: 26px;
    line-height: 28px;
    margin-right: 5px;
    text-align: center;
    vertical-align: top;
    background-color: #ccc;
    color: #fff;
}
.group-items .group-items-name {
    display: inline-block;
    text-align: center;
	padding:0 10px 0 5px;
}

hr.wide {
    margin-right: -15px;
    margin-left: -15px;
}
hr.wide_10 {
    margin-right: -10px;
    margin-left: -10px;
}
.tab-lg.tab-content.no-padding{
	padding:0;
}
.bts-tagsinput {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 7px 3px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #262626;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
	cursor:text;
}
.bts-tagsinput.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.bts-tagsinput.bts-sm{
	min-height: 32px;
	padding: 1px 3px;
}
.bts-tagsinput span.tag {
    font-weight: 400;
    padding: 4px 28px 4px 8px;
    font-size: 13px;
    border: 1px solid #2dc3e8;
    background: #2dc3e8
}
.bts-tagsinput .tag-list input {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit;
	line-height: 28px;
}
.bts-tagsinput input:focus {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}
.bts-tagsinput .tag {
    color: #fff;
    position: relative;
    margin: 2px 0 2px 2px;
    display: inline-block;
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box
}
.bts-tagsinput .tag [data-role=remove] {
    display: block;
    top: -1px;
    right: 0;
    padding: 3px 4px 3px 5px;
    width: 23px;
    height: 22px;
    position: absolute;
    cursor: pointer
}
.bts-tagsinput .tag [data-role=remove]:hover:after {
    zoom:1;filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.bts-tagsinput .tag [data-role=remove]:hover:active:after {
    zoom:1;filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.bts-tagsinput .tag [data-role=remove]:after {
    content: "\f00d";;
    font-family: fontAwesome;
    padding: 2px 1px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    zoom:1;filter: alpha(opacity=70);
    -webkit-opacity: .7;
    -moz-opacity: .7;
    opacity: .7
}
.bts-tagsinput .tag [data-role=remove]:after:hover {
    zoom:1;filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.bts-tagsinput .tag [data-role=remove]:after:hover:active {
    zoom:1;filter: alpha(opacity=100);
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1
}
.headline {
    display: block;
    margin: 10px 0 25px 0;
    border-bottom: 1px dotted #e4e9f0;
}
.headline h2, .headline h3, .headline h4 {
	color: #555;
    margin: 0 0 -2px 0;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid #2dc3e8;
}
.headline h2 {
	font-size: 24px;
	line-height: 33px;
}
.headline h3 {
	font-size: 20px;
	line-height: 27px;
}
.headline h4 {
	line-height: 25px;
}
.tag-box {
    padding: 20px;
    background: #fff;
    margin-bottom: 30px;
}
.tag-box-v1 {
	border: solid 1px #eee;
	border-top: solid 2px #0087b4;
}
.tag-box-v2 {
	background: #fafafa;
	border: solid 1px #eee;
	border-left: solid 2px #0087b4;
}
.tag-box-v3 {
	border: solid 2px #eee;
}
.tag-box-v4 {
	border: dashed 1px #bbb;
}
.tag-box-v5 {
	margin: 20px 0;
	text-align: center;
	border: dashed 1px #ccc;
}
.tag-box-v5 span {
	color: #555;
	font-size: 28px;
	margin-bottom: 0;
}
.tag-box-v6 {
	background: #fafafa;
	border: solid 1px #eee;
}
.tag-box-v7 {
	border: solid 1px #eee;
	border-bottom: solid 2px #0087b4;
}
.modal {
	overflow-y: auto !important;
}
.modal-blue .modal-header {
    border-bottom: 3px solid #5db2ff
}
.modal-danger .modal-header {
    border-bottom: 3px solid #d73d32
}
.modal-success .modal-header {
    border-bottom: 3px solid #53a93f
}
.modal-warning .modal-header {
    border-bottom: 3px solid #fe7702
}
.modal-silver .modal-header {
    border-bottom: 3px solid #777
}
.modal-inverse .modal-header {
    border-bottom: 3px solid #444
}
.modal-blueberry .modal-header {
    border-bottom: 3px solid #6f85bf
}
.modal-palegreen .modal-header {
    border-bottom: 3px solid #a0d468
}
.modal-orange .modal-header {
    border-bottom: 3px solid #fb6e52
}
.modal-darkorange .modal-header {
    border-bottom: 3px solid #ed4e2a
}
.modal-magenta .modal-header {
    border-bottom: 3px solid #bc5679
}
.modal-purple .modal-header {
    border-bottom: 3px solid #7e3794
}
.modal-maroon .modal-header {
    border-bottom: 3px solid #981b48
}
.modal-primary .modal-header {
    border-bottom: 3px solid #4374e0
}
.modal-azure .modal-header {
    border-bottom: 3px solid #2dc3e8
}
.wizard.wizard-wired {
	padding-top: 10px;
	display: block;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	border-bottom: 1px solid #eee;
}
.wizard.wizard-wired.wizard-lg{
	border-bottom: none;
}
.wizard.wizard-wired.wizard-sm{
	border-bottom: none;
	padding-top: 5px;
}
.wizard.wizard-wired.wizard-xs{
	border-bottom: none;
	padding-top: 0px;
}
.wizard {
	-webkit-border-radius: 2px;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px;
	-moz-background-clip: padding;
	border-radius: 2px;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,.3);
	box-shadow: 0 0 4px rgba(0,0,0,.3);
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.wizard ul{
	padding:0;
	margin:0;
}
.wizard ul li {
	float: left;
	margin: 0;
	padding: 0 20px 0 30px;
	line-height: 46px;
	position: relative;
	background: #f5f5f5;
	color: #d0d0d0;
	font-size: 16px;
	cursor: default;
	-webkit-transition: all .218s ease;
	-moz-transition: all .218s ease;
	-o-transition: all .218s ease;
	transition: all .218s ease;
}
.wizard.wizard-sm ul li{
	line-height: 36px;
	font-size: 14px;
}
.wizard.wizard-xs ul li{
	line-height: 25px;
	font-size: 12px;
}
.wizard.wizard-wired ul {
	display: table;
	width: 100%;
	position: relative;
	list-style: none;
}
.wizard.wizard-wired ul li.active {
	background-color: #fff;
}
.wizard ul li.active {
	background: #fff;
	color: #262626;
}
.wizard ul li:first-child {
	-webkit-border-radius: 2px 0 0 0;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 2px 0 0 0;
	-moz-background-clip: padding;
	border-radius: 2px 0 0 0;
	background-clip: padding-box;
	padding-left: 20px;
}
.wizard.wizard-wired ul li:first-child:before {
	max-width: 51%;
	left: 50%;
}
.wizard.wizard-wired ul li:last-child:before {
    max-width: 50%;
    width: 50%;
}
.wizard ul li.active:before {
	display: block;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: -1px;
	height: 2px;
	max-height: 2px;
	overflow: hidden;
	background-color: #2dc3e8;
	z-index: 10000;
}
.wizard ul li.active .step {
	border-color: #2dc3e8;
	color: #2dc3e8;
}
.wizard.wizard-wired ul li .step {
	border-width: 2px;
	width: 40px;
	height: 40px;
	line-height: 34px;
	font-size: 15px;
	z-index: 2;
	background-color: #fff;
}
.wizard.wizard-wired.wizard-lg ul li .step{
	width: 60px;
	height: 60px;
	line-height: 54px;
	font-size: 18px;
}
.wizard.wizard-wired.wizard-sm ul li .step{
	width: 25px;
	height: 25px;
	line-height: 20px;
	font-size: 12px;
}
.wizard.wizard-wired.wizard-xs ul li .step{
	width: 20px;
	height: 20px;
	line-height: 15px;
	font-size: 12px;
}
.wizard ul li .step {
	border: 2px solid #e5e5e5;
	color: #ccc;
	font-size: 13px;
	border-radius: 100%;
	position: relative;
	z-index: 2;
	display: inline-block;
	width: 24px;
	height: 24px;
	line-height: 20px;
	text-align: center;
	margin-right: 10px;
}
.wizard.wizard-wired ul li .title {
	display: block;
	margin-top: 4px;
	margin-bottom: 6px;
	max-width: 100%;
	font-size: 14px;
	line-height: 20px;
	z-index: 104;
	text-align: center;
	table-layout: fixed;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.wizard.wizard-wired.wizard-lg ul li .title {
	margin-top: 10px;
	margin-bottom: 3px;
	font-size: 14px;
	font-weight:600;
}
.wizard.wizard-wired.wizard-sm ul li .title {
	margin-top: 2px;
	margin-bottom: 3px;
	font-size: 12px;
	line-height: 15px;
}
.wizard.wizard-wired.wizard-xs ul li .title {
	margin-top: 2px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 12px;
}
.wizard.wizard-wired ul li .chevron {
	display: none;
}
.wizard.wizard-wired ul li {
	display: table-cell;
	text-align: center;
	background-color: #fff;
	width: 20%;
	padding: 0;
	margin: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.wizard.wizard-wired ul li:before {
	display: block;
	content: "";
	width: 100%;
	height: 2px !important;
	font-size: 0;
	overflow: hidden;
	background-color: #e5e5e5;
	position: relative !important;
	top: 25px;
	z-index: 1 !important;
	-webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}
.wizard.wizard-wired.wizard-lg ul li:before{
	top: 30px;
}
.wizard.wizard-wired.wizard-sm ul li:before{
	top: 20px;
}
.wizard.wizard-wired.wizard-xs ul li:before{
	top: 14px;
}
.wizard ul li.active:before {
	background-color: #2dc3e8;
}
.wizard ul li .chevron {
	border: 24px solid transparent;
	border-left: 14px solid #d4d4d4;
	border-right: 0;
	display: block;
	position: absolute;
	right: -14px;
	top: 0;
	z-index: 1;
}
ul.wizard-gsi{
	padding:0;
	margin:0;
}
.wizard-gsi li a{
	color: #2c3f4c;
	text-decoration: none !important;
}
.wizard-gsi li>* {
    display: flex;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wizard-gsi li{
	margin-left: 5px;
    display: inline-block;
}
.wizard-gsi li.current>* .number {
    background-color: #0275d8;
    color: #fff;
}
.wizard-gsi.green li.current>* .number{
	background-color:#96c03d;
}
.wizard-gsi li a:hover .number, .wizard-gsi.green li a:hover .number {
    background-color: #2c3f4c;
    color: #fff;
}
.wizard-gsi li>* {
    transition: background-color .6s ease,border-color .6s ease
}
.wizard-gsi li>* .number,.wizard-gsi li>* .number:before {
    transition: background-color .6s ease,border-color .6s ease
}
.wizard-gsi li>* .number {
    font-size:16px;
    height:30px;
    width: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #edeff0;
	line-height:30px;
	margin-top:3px;
}
.wizard-gsi li>* .desc {
    padding-left: 15px;
}
.wizard-gsi li>* .desc label {
    font-size: 14px;
	margin-bottom:0;
}
.wizard-gsi li>* .desc span {
    font-size: 12px;
    display: block;
	color:#777;
}
.fix-box-outer {
	position : absolute;
	padding-right:10px;
	top:-80px;
	left:-260px;
	z-index: 99;
}

.fix-box-inner {
	border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f7f7f7;

    width: 250px;
    overflow: hidden;
    cursor: default;
}

.fix-box-inner i.pointer {
	border:8px solid transparent;
	border-right-width: 0;
	border-left-color:#ccc;
    position: absolute;
    right: 2px;
    top: 85px;
}

.fix-box-inner b.pointer {
	border:8px solid transparent;
	border-right-width:0;
	border-left-color:#f7f7f7;

    position: absolute;
    right: 4px;
    top: 85px;
}

.fake-label {
	color:#5bc0de;
	cursor:pointer;
	display:inline-block;
}

.fake-label.trace {
	color:#bbb;
}

.btn-default-select {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default-select.selected {
    color: #0275d8;
    background-color: transparent;
    background-image: none;
    border-color: #0275d8;
}
.btn-default-outline {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default-outline.active,.btn-default-outline.focus,.btn-default-outline:active,.btn-default-outline:focus,.btn-default-outline:hover,.open>.btn-default-outline.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
	outline:none;
}
.btn-primary-outline {
    color: #0275d8;
    background-color: transparent;
    background-image: none;
    border-color: #0275d8
}
.btn-primary-outline.active,.btn-primary-outline.focus,.btn-primary-outline:active,.btn-primary-outline:focus,.btn-primary-outline:hover,.open>.btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
	outline:none;
}
.btn-primary-outline.disabled.focus,.btn-primary-outline.disabled:focus,.btn-primary-outline:disabled.focus,.btn-primary-outline:disabled:focus,fieldset[disabled] .btn-primary-outline.focus,fieldset[disabled] .btn-primary-outline:focus {
    border-color: #43a7fd
}
.btn-primary-outline.disabled:hover,.btn-primary-outline:disabled:hover,fieldset[disabled] .btn-primary-outline:hover {
    border-color: #43a7fd
}
.btn-secondary-outline {
    color: #ccc;
    background-color: transparent;
    background-image: none;
    border-color: #ccc
}
.btn-secondary-outline.active,.btn-secondary-outline.focus,.btn-secondary-outline:active,.btn-secondary-outline:focus,.btn-secondary-outline:hover,.open>.btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #ccc;
    border-color: #ccc;
	outline:none;
}
.btn-secondary-outline.disabled.focus,.btn-secondary-outline.disabled:focus,.btn-secondary-outline:disabled.focus,.btn-secondary-outline:disabled:focus,fieldset[disabled] .btn-secondary-outline.focus,fieldset[disabled] .btn-secondary-outline:focus {
    border-color: #fff
}
.btn-secondary-outline.disabled:hover,.btn-secondary-outline:disabled:hover,fieldset[disabled] .btn-secondary-outline:hover {
    border-color: #fff
}
.btn-info-outline {
    color: #5bc0de;
    background-color: transparent;
    background-image: none;
    border-color: #5bc0de
}
.btn-info-outline.active,.btn-info-outline.focus,.btn-info-outline:active,.btn-info-outline:focus,.btn-info-outline:hover,.open>.btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
	outline:none;
}
.btn-info-outline.disabled.focus,.btn-info-outline.disabled:focus,.btn-info-outline:disabled.focus,.btn-info-outline:disabled:focus,fieldset[disabled] .btn-info-outline.focus,fieldset[disabled] .btn-info-outline:focus {
    border-color: #b0e1ef
}
.btn-info-outline.disabled:hover,.btn-info-outline:disabled:hover,fieldset[disabled] .btn-info-outline:hover {
    border-color: #b0e1ef
}
.btn-success-outline {
    color: #5cb85c;
    background-color: transparent;
    background-image: none;
    border-color: #5cb85c
}
.btn-success-outline.active,.btn-success-outline.focus,.btn-success-outline:active,.btn-success-outline:focus,.btn-success-outline:hover,.open>.btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
	outline:none;
}
.btn-success-outline.disabled.focus,.btn-success-outline.disabled:focus,.btn-success-outline:disabled.focus,.btn-success-outline:disabled:focus,fieldset[disabled] .btn-success-outline.focus,fieldset[disabled] .btn-success-outline:focus {
    border-color: #a3d7a3
}
.btn-success-outline.disabled:hover,.btn-success-outline:disabled:hover,fieldset[disabled] .btn-success-outline:hover {
    border-color: #a3d7a3
}
.btn-warning-outline {
    color: #f0ad4e;
    background-color: transparent;
    background-image: none;
    border-color: #f0ad4e
}
.btn-warning-outline.active,.btn-warning-outline.focus,.btn-warning-outline:active,.btn-warning-outline:focus,.btn-warning-outline:hover,.open>.btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
	outline:none;
}
.btn-warning-outline.disabled.focus,.btn-warning-outline.disabled:focus,.btn-warning-outline:disabled.focus,.btn-warning-outline:disabled:focus,fieldset[disabled] .btn-warning-outline.focus,fieldset[disabled] .btn-warning-outline:focus {
    border-color: #f8d9ac
}
.btn-warning-outline.disabled:hover,.btn-warning-outline:disabled:hover,fieldset[disabled] .btn-warning-outline:hover {
    border-color: #f8d9ac
}

.btn-orange-outline {
    color: #FE7702;
    background-color: transparent;
    background-image: none;
    border-color: #FE7702
}
.btn-orange-outline.active,.btn-orange-outline.focus,.btn-orange-outline:active,.btn-orange-outline:focus,.btn-orange-outline:hover,.open>.btn-orange-outline.dropdown-toggle {
    color: #fff;
    background-color: #FE7702;
    border-color: #FE7702;
    outline:none;
}
.btn-orange-outline.disabled.focus,.btn-orange-outline.disabled:focus,.btn-orange-outline:disabled.focus,.btn-orange-outline:disabled:focus,fieldset[disabled] .btn-orange-outline.focus,fieldset[disabled] .btn-orange-outline:focus {
    border-color: #f8d9ac
}
.btn-orange-outline.disabled:hover,.btn-orange-outline:disabled:hover,fieldset[disabled] .btn-orange-outline:hover {
    border-color: #f8d9ac
}

.btn-danger-outline {
    color: #d9534f;
    background-color: transparent;
    background-image: none;
    border-color: #d9534f
}
.btn-danger-outline.active,.btn-danger-outline.focus,.btn-danger-outline:active,.btn-danger-outline:focus,.btn-danger-outline:hover,.open>.btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
	outline:none;
}
.btn-danger-outline.disabled.focus,.btn-danger-outline.disabled:focus,.btn-danger-outline:disabled.focus,.btn-danger-outline:disabled:focus,fieldset[disabled] .btn-danger-outline.focus,fieldset[disabled] .btn-danger-outline:focus {
    border-color: #eba5a3
}
.btn-danger-outline.disabled:hover,.btn-danger-outline:disabled:hover,fieldset[disabled] .btn-danger-outline:hover {
    border-color: #eba5a3
}
.btn-sky, .btn-sky:focus {
	background-color: #11a9cc !important;
	border-color: #11a9cc;
	color: #fff
}
.btn-sky:hover {
	color: #fff
}
.btn-sky.dropdown-toggle {
	border-left-color: #81c1fb !important
}
.btn-sky.active {
	background-color: #2095b0 !important;
	border-color: #2f97af
}
.btn-sky.shiny {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMyOGIzZDMiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIwOTViMCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
	background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
	background-image: -moz-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
	background-image: -o-linear-gradient(linear, left top, left bottom, from(#28b3d3), to(#2095b0));
	background-image: linear-gradient(linear, left to bottom, left bottom, from(#28b3d3), to(#2095b0))
}
.btn-sky:hover, .open .btn-sky.dropdown-toggle {
	background-color: #28b3d3 !important;
	border-color: #28b3d3;
	color: #fff
}
.btn-sky.disabled, .btn-sky[disabled], fieldset[disabled] .btn-sky, .btn-sky.disabled:hover, .btn-sky[disabled]:hover, fieldset[disabled] .btn-sky:hover, .btn-sky.disabled:focus, .btn-sky[disabled]:focus, fieldset[disabled] .btn-sky:focus, .btn-sky.disabled:active, .btn-sky[disabled]:active, fieldset[disabled] .btn-sky:active, .btn-sky.disabled.active, .btn-sky[disabled].active, fieldset[disabled] .btn-sky.active {
	background-color: #11a9cc !important;
	border-color: #11a9cc;
	zoom: 1;
	filter: alpha(opacity=50);
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5
}
.btn-file {
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}
.btn-file>input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}
.circle {
    border-radius: 50%;
}
.sq-8 {
    display: inline-block;
    font-size: 4px;
    height: 8px;
    line-height: 8px;
    text-align: center;
    width: 8px
}
.sq-12 {
    display: inline-block;
    font-size: 6px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    width: 12px
}
.sq-16 {
    display: inline-block;
    font-size: 8px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px
}
.sq-20 {
    display: inline-block;
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 20px
}
.sq-24 {
    display: inline-block;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    width: 24px
}
.sq-28 {
    display: inline-block;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 28px
}
.sq-32 {
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    width: 32px
}
.sq-36 {
    display: inline-block;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    width: 36px
}
.sq-40 {
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 40px
}
.sq-44 {
    display: inline-block;
    font-size: 22px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 44px
}
.sq-48 {
    display: inline-block;
    font-size: 24px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    width: 48px
}
.sq-52 {
    display: inline-block;
    font-size: 26px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    width: 52px
}
.sq-56 {
    display: inline-block;
    font-size: 28px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    width: 56px
}
.sq-60 {
    display: inline-block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    width: 60px
}
.sq-64 {
    display: inline-block;
    font-size: 32px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px
}
.sq-68 {
    display: inline-block;
    font-size: 34px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    width: 68px
}
.sq-72 {
    display: inline-block;
    font-size: 36px;
    height: 72px;
    line-height: 72px;
    text-align: center;
    width: 72px
}
.sq-76 {
    display: inline-block;
    font-size: 38px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    width: 76px
}
.sq-80 {
    display: inline-block;
    font-size: 40px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    width: 80px
}
.sq-84 {
    display: inline-block;
    font-size: 42px;
    height: 84px;
    line-height: 84px;
    text-align: center;
    width: 84px
}
.sq-88 {
    display: inline-block;
    font-size: 44px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    width: 88px
}
.sq-92 {
    display: inline-block;
    font-size: 46px;
    height: 92px;
    line-height: 92px;
    text-align: center;
    width: 92px
}
.sq-96 {
    display: inline-block;
    font-size: 48px;
    height: 96px;
    line-height: 96px;
    text-align: center;
    width: 96px
}
.sq-100 {
    display: inline-block;
    font-size: 50px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100px
}
.bordered-1 {
	border: 1px solid #fff
}
.bordered-2 {
	border: 2px solid #fff
}
.bordered-3 {
	border: 3px solid #fff
}
.bordered-4 {
	border: 4px solid #fff
}
.bordered-5 {
	border: 5px solid #fff
}
.bordered-right-1 {
    border-right: 1px solid #fff;
}
.bordered-primary {
	border-color: #0275d8 !important
}
.bordered-condary {
	border-color: #fb6e52 !important
}
.bordered-white {
	border-color: #fff !important
}
.bordered-snow {
	border-color: #fbfbfb !important
}
.bordered-whitesmoke {
	border-color: #f5f5f5 !important
}
.bordered-seashell {
	border-color: #f3f3f3 !important
}
.bordered-ivory {
	border-color: #eee !important
}
.bordered-platinum {
	border-color: #e5e5e5 !important
}
.bordered-lightgray {
	border-color: #d0d0d0 !important
}
.bordered-gray {
	border-color: #ccc !important
}
.bordered-darkgray {
	border-color: #999 !important
}
.bordered-silver {
	border-color: #777 !important
}
.bordered-danger {
	border-color : #d73d32 !important;
}
.bordered-orange {
    border-color: #fb6e52 !important;
}

.enable-len-tip-outer {
	position:relative;
	display:inline-block;
}

.enable-len-tip {
	position:absolute;
	right:8px;
	bottom:6px;
	color:#666;
	font-size:12px;
	line-height:14px;
}

.custom-select:focus {
    border-color: #0288d1;
    outline: 0
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 24px 5px 10px;
    padding-right: 10px\9
}

.custom-select-lg {
    border-radius: 6px;
    font-size: 18px;
    height: 46px;
    line-height: 1.333333;
    padding: 10px 24px 10px 16px;
    padding-right: 16px\9
}

.has-error .custom-select {
    border-color: #a20000
}

.has-warning .custom-select {
    border-color: #bc5500
}

.has-success .custom-select {
    border-color: #5c5c5c
}
.transparent-img-box {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC) 0 0 repeat;
}
.input-with-icon {
    position: relative
}
.input-with-icon .form-control {
    padding-left: 34px
}
.input-icon {
    color: #757575;
    display: block;
    height: 34px;
    left: 1px;
    line-height: 34px;
    pointer-events: none;
    position: absolute;
    text-align: center;
    top: 0;
    width: 34px;
    z-index: 5
}
.form-group-lg .input-with-icon .form-control {
    padding-left: 46px
}
.form-group-lg .input-with-icon .input-icon {
    font-size: 18px;
    height: 46px;
    line-height: 46px;
    width: 46px
}
.form-group-sm .input-with-icon .form-control {
    padding-left: 30px
}
.form-group-sm .input-with-icon .input-icon {
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 30px
}
.input-group-addon.hide {
	display: table-cell;
	width: 0px;
	height: 0px;
	padding: 0px;
	border: 0px;
}
.dropdown-heading {
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
}
.dropdown-body {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.modal.modal-flexible {
	overflow: auto;
}
.modal-flexible .modal-dialog {
	width: calc(100% - 120px);
	min-width: 1215px;
	height: calc(100% - 80px);
	min-height: 400px;
}
.modal-flexible .modal-dialog.full {
	width: 100%;
	height: 100%;
	margin: 0px;
}
.modal-flexible .modal-content, .modal-flexible .modal-body {
	height: 100%;
}
.modal-dialog.modal-flexible-width {
	width: calc(100% - 120px);
}
.modal-dialog.modal-flexible-height {
	height: calc(100vh - 80px);
}
.modal-dialog.modal-flexible-width.full {
	width: calc(100%);
}
.modal-dialog.modal-flexible-height.full {
	height: calc(100vh);
	margin: 0px;
}
.modal-flexible-width {
	width: calc(100% - 120px);
}
@media screen and (max-width: 1440px) {
	.modal-flexible .modal-dialog {
		width: calc(100% - 50px);
		height: calc(100% - 60px);
	}
	.modal-dialog.modal-flexible-width {
		width: calc(100% - 50px);
	}
	.modal-dialog.modal-flexible-height {
		height: calc(100vh - 60px);
	}
}
.sidebar {
    bottom: 0;
    left: 0;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}
.nav-sidebar {
    margin-right: -21px; /* 20px padding + 1px border */
    margin-bottom: 20px;
    margin-left: -20px;
}
.nav-sidebar > li{
    margin: 2px;
    background-color: #eee;
}

.nav-sidebar > li.active {
    color: #fff;
    background-color: #0288D1;
}

.nav-sidebar > li > a {
    padding-right: 20px;
    padding-left: 20px;
}
.nav-sidebar > li > a:hover,
.nav-sidebar > li > a:focus {
    color: #fff;
    background-color: #0288D1;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
    color: #fff;
    background-color: #0288D1;
}
.btn-check .custom-control-input{
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.btn-check{
    background-position: 50%;
    -webkit-background-size: 200% 200%;
    background-size: 200% 200%;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    outline: 0;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.btn-check.active,.btn-check:hover,.btn-check:focus{
    background-color: #28b3d3 !important;
    border-color: #28b3d3;
    color: #fff;
}
.h_25 {
    height: 25px;
}

@font-face {
    font-family: 'payfont';
    src: url('../fonts/payfont.eot');
    src: url('../fonts/payfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/payfont.woff2') format('woff2'),
    url('../fonts/payfont.woff') format('woff'),
    url('../fonts/payfont.ttf') format('truetype'),
    url('../fonts/payfont.svg#iconfont') format('svg');
}
.payfont {
    font-family: "payfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-zhifubao:before {
    content: "\e647";
}
.icon-weixin:before {
    content: "\e662";
}
.indeterminate-checkbox-indicator {
    background-color: #0288d1;
    background-image: none !important;
}
.indeterminate-checkbox {
    content: "";
    position: absolute;
    display: block;
    background-color: #fff;
    height: 2px;
    transform: scale(.5);
    left: 0;
    right: 0;
    top: 5px;
}

.el-notification {
    display: -ms-flexbox;
    display: flex;
    width: 330px;
    padding: 14px 26px 14px 13px;
    border-radius: 8px;
    box-sizing: border-box;
    border: 1px solid #ebeef5;
    position: fixed;
    background-color: #fff;
    box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
    transition: opacity .3s,transform .3s,left .3s,right .3s,top .4s,bottom .3s;
    overflow: hidden
}

.el-notification.right {
    right: 16px
}

.el-notification.left {
    left: 16px
}

.el-notification__group {
    margin-left: 13px;
    width: 100%;
}

.el-notification__title {
    font-weight: 700;
    font-size: 16px;
    color: #303133;
    margin: 0
}

.el-notification__content {
    font-size: 14px;
    line-height: 21px;
    margin: 6px 0 0;
    color: #606266;
    text-align: justify
}

.el-notification__content p {
    margin: 0
}

.el-notification__icon {
    height: 24px;
    width: 24px;
    font-size: 24px
}

.el-notification__closeBtn {
    position: absolute;
    top: 18px;
    right: 15px;
    cursor: pointer;
    color: #909399;
    font-size: 16px
}

.el-notification__closeBtn:hover {
    color: #606266
}

.el-notification .el-icon-success {
    color: #67c23a
}

.el-notification .el-icon-error {
    color: #e74c3f
}

.el-notification .el-icon-info {
    color: #909399
}

.el-notification .el-icon-warning {
    color: #fb9c31
}

.el-notification-fade-enter.right {
    right: 0;
    transform: translateX(100%)
}

.el-notification-fade-enter.left {
    left: 0;
    transform: translateX(-100%)
}

.el-notification-fade-leave-active {
    opacity: 0
}

.selected-app-items li{
    display:inline-block;
    font-size:12px;
    line-height:30px;
    padding:2px 4px;
    margin:5px 5px 0 0;
    border-radius: 4px;
}
.selected-app-items li.item{
    position:relative;
    border:1px solid #ccc;
    cursor: move;
}
.selected-app-items li.item:hover span {
    visibility: visible;
    opacity: 1;
    background: rgba(0, 0, 0, 0.54);
    filter: none;
}
.selected-app-items li.item span {
    display: block;
    border-radius: 4px;
    color: #FFFFCC;
    font-size: 14px;
    line-height: 34px;
    height: 34px;
    text-align: center;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    visibility: hidden;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000, endColorstr=#7f000000);
}

.switch-container .switch {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0;
    position: relative;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
    width: 44px;
    min-width: 44px;
}

.switch-container .switch-input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: -1
}

.switch-container .switch-input:checked~.switch-thumb {
    left: 24px
}

.switch-container .switch-track {
    background-color: #9f9f9f;
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.switch-container .switch-thumb {
    background-color: #fff;
    border-color: #9f9f9f;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: left .15s ease-out;
    -o-transition: left .15s ease-out;
    transition: left .15s ease-out;
    width: 20px
}

.switch-container .switch-default .switch-input:checked~.switch-track {
    background-color: #757575
}

.switch-container .switch-default .switch-input:checked~.switch-thumb {
    border-color: #757575
}

.switch-container .switch-primary .switch-input:checked~.switch-track {
    background-color: #03b3b2
}

.switch-container .switch-primary .switch-input:checked~.switch-thumb {
    border-color: #03b3b2
}

.switch-container .switch-success .switch-input:checked~.switch-track {
    background-color: #43a047
}

.switch-container .switch-success .switch-input:checked~.switch-thumb {
    border-color: #43a047
}

.switch-container .switch-success .switch-input:checked:disabled~.switch-track {
    background-color: #B4EEB4
}

.switch-container .switch-info .switch-input:checked~.switch-track {
    background-color: #2196f3
}

.switch-container .switch-info .switch-input:checked~.switch-thumb {
    border-color: #2196f3
}

.switch-container .switch-warning .switch-input:checked~.switch-track {
    background-color: #ef6c00
}

.switch-container .switch-warning .switch-input:checked~.switch-thumb {
    border-color: #ef6c00
}

.switch-container .switch-danger .switch-input:checked~.switch-track {
    background-color: #d50000
}

.switch-container .switch-danger .switch-input:checked~.switch-thumb {
    border-color: #d50000
}

.switch-container .switch .switch-input:disabled~.switch-track {
    background-color: #e0e0e0
}

.switch-container .switch .switch-input:disabled~.switch-thumb {
    border-color: #e0e0e0;
    cursor: not-allowed
}
.main-container {
    position: static;
    padding: 0;
}
.main-container>.page-container {
    position: relative;
}
.page-content {
    display: block;
    margin-left: 205px;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding: 0;
    min-width:1300px;
    position: relative;
}

.page-body {
    background: #fff;
    padding: 18px 20px 24px;
}


.page-header .nav-tabs{
    border-bottom: 2px solid #03b3b2;
    padding-left: 30px;
    background: none;
    box-shadow: none;
}
.nav-tabs>li {
    margin-bottom: -2px;
}
.page-header .nav-tabs>li {
    margin-bottom: 0;
}
.page-header .nav-tabs>li.disabled {
    cursor: not-allowed;
    opacity: .65;
}
.page-container .page-header{
    margin-top:0;
    margin-bottom:10px;
    padding-bottom:0;
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}
.page-container .page-header h3 {
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    display: inline-block;
}
.page-container .page-header:before{
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: -4px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #0087b4;
}
.page-breadcrumbs{
    list-style: none;
    display: inline-block;
    line-height: 26px;
    margin: 10px 22px 0 12px;
    padding: 0;
    font-size: 14px;
    color: #333;
    border-radius: 0;
}
.page-breadcrumbs ul li, .page-breadcrumbs ul li.active, .page-breadcrumbs ul li.active a {
    color: #777;
    -webkit-text-shadow: none;
    text-shadow: none;
}
.page-breadcrumbs li{
    display: inline-block;
}
.page-breadcrumbs li:first-child>a {
    padding-left: 4px;
}
.page-breadcrumbs li a {
    display: inline-block;
    color: #2dc3e8;
}
.btn-maroon, .btn-maroon:focus {
    background-color: #981b48 !important;
    border-color: #981b48;
    color: #fff
}
.btn-maroon:hover {
    color: #fff
}
.btn-maroon.dropdown-toggle {
    border-left-color: #b55274 !important
}
.btn-maroon.active {
    background-color: #7c1138 !important;
    border-color: #9f3156
}
.btn-maroon.shiny {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNhODI4NTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2MTIzYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: -moz-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: -o-linear-gradient(linear, left top, left bottom, from(#a82856), to(#86123c));
    background-image: linear-gradient(linear, left to bottom, left bottom, from(#a82856), to(#86123c))
}
.btn-maroon:hover, .open .btn-maroon.dropdown-toggle {
    background-color: #a82856 !important;
    border-color: #a82856;
    color: #fff
}
.btn-maroon.disabled, .btn-maroon[disabled], fieldset[disabled] .btn-maroon, .btn-maroon.disabled:hover, .btn-maroon[disabled]:hover, fieldset[disabled] .btn-maroon:hover, .btn-maroon.disabled:focus, .btn-maroon[disabled]:focus, fieldset[disabled] .btn-maroon:focus, .btn-maroon.disabled:active, .btn-maroon[disabled]:active, fieldset[disabled] .btn-maroon:active, .btn-maroon.disabled.active, .btn-maroon[disabled].active, fieldset[disabled] .btn-maroon.active {
    background-color: #981b48 !important;
    border-color: #981b48;
    zoom: 1;
    filter: alpha(opacity=50);
    -webkit-opacity: .5;
    -moz-opacity: .5;
    opacity: .5
}
.mt_0 {
    margin-top : 0px !important;
}
.mt_5 {
    margin-top : 5px !important;
}
.mt_10 {
    margin-top : 10px !important;
}
.mt_15 {
    margin-top : 15px !important;
}
.mt_20 {
    margin-top : 20px !important;
}
.mb_0{
    margin-bottom: 0px !important;
}
.mb_5{
    margin-bottom: 5px !important;
}
.mb_10{
    margin-bottom: 10px !important;
}
.mb_15{
    margin-bottom: 15px !important;
}
.mb_20{
    margin-bottom: 20px !important;
}
.mr_0{
    margin-right:0px !important;
}
.mr_5{
    margin-right:5px !important;
}
.mr_10{
    margin-right:10px !important;
}
.mr_15{
    margin-right:15px !important;
}
.mr_20{
    margin-right:20px !important;
}
.ml_0{
    margin-left:0px !important;
}
.ml_5{
    margin-left:5px !important;
}
.ml_10{
    margin-left:10px !important;
}
.ml_15{
    margin-left:15px !important;
}
.ml_20{
    margin-left:20px !important;
}
.pt_5 {
    padding-top : 5px !important;
}
.pt_10 {
    padding-top : 10px !important;
}
.pt_15 {
    padding-top : 15px !important;
}
.pt_20 {
    padding-top : 20px !important;
}
.pd_0 {
    padding : 0px !important;
}
.pd_10 {
    padding : 10px !important;
}
.pl_5 {
    padding-left : 5px !important;
}
.pl_10 {
    padding-left : 10px !important;
}
.pl_15 {
    padding-left : 15px !important;
}
.pl_25 {
    padding-left : 20px !important;
}

.list-items {
    margin-left: -20px;
    padding: 10px 0;
}
.list-items.col-list{
    margin-left: -10px;
    margin-right: -10px;
}
.list-items.col-list .col-item{
    margin: 0;
    padding:8px;
}
.list-items .list-item {
    float: left;
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    margin: 0 0 20px 20px;
    padding-top: 8px;
    height: 280px;
    width: 198px;
    cursor:pointer;
    position: relative;
}
.list-items.col-list .list-item{
    float:none;
    width:100%;
    height:100%;
    margin: 0;
    padding:8px;
}

.list-items .list-item.is-disabled, .list-items .list-item.is-disabled:hover {
    background: #FFF !important;
    opacity: .8;
    filter: alpha(opacity=80);
}
.list-items .list-item .pic {
    display: block;
    margin: 0 8px;
    height: 190px;
    width: 180px;
    position: relative;
}
.list-items.col-list .list-item .pic, .list-items.col-list .list-item .pic>img{
    width:100%;
    height:100%;
    margin:0;
}
.list-items .list-item .tit {
    font-size: 12px;
    line-height: 1.36;
    margin: .8em 8px 0 .5em;
    height: 2.8em;
    overflow: hidden;
}
.list-items .list-item .tit a {
    color: #434a54;
    word-break: break-all;
    text-decoration: none;
}
.list-items .list-item .tit a:hover {
    color: #44618d;
    text-decoration: none;
}

.list-items .list-item .price {
    color: #434a54;
    font-size: 24px;
    margin: 0 8px;
}
.list-items .list-item .price  em{
    font-style: normal;
    font-weight: 400;
}
.list-items .list-item .icon-check {
    background-image: url(../img/ware/checkbox-big.png);
    cursor: pointer;
    margin: 0;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom: 0;
    right: 0;
    visibility: hidden;
}
.list-items .list-item.is-disabled .icon-check {
    background-image: url(../img/ware/checkbox-big.png) !important;
}
.list-items ul{
    list-style: none;
    margin: 0;
    padding: 0px;
}
.left-item{
    height:30px;
    line-height: 30px;
    margin-bottom: 5px;
}
.right-item{
    height:30px;
    margin-bottom: 5px;
}
.list-items .list-item.is-selected {
    background-color: #D6EBFF;
    border: 1px solid #F2F2F2;
}
.list-items .list-item.is-selected .icon-check {
    background-image: url(../img/ware/checkbox-big-checked.png);
    visibility: visible;
}
.list-items .list-item:hover .icon-check {
    visibility: visible;
}
.list-items .tip{
    position:absolute;
    top:10px;
    left:0;
    font-size:12px;
    padding:3px 10px;
}

.data-table {
    width: 100%;
    max-width: 100%;
    border: 1px solid #ccc;
    border-top: none;
}
.data-table.text-left>thead>tr>th, .data-table.text-left>tbody>tr>td{
    text-align: left;
}
.data-table.text-center>thead>tr>th, .data-table.text-center>tbody>tr>td{
    text-align: center;
}
.data-table>thead>tr>th, .data-table>tbody>tr>td{
    padding: 6px 12px;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
}
.data-table th.text-left, .data-table td.text-left {
    text-align: left!important;
}
.data-table th.text-center, .data-table td.text-center {
    text-align: center!important;
}
.data-table>thead>tr>th{
    border-top: 1px solid #03b3b2;
    background: #f5f5f5;
    font-weight: bold;
    /*cursor: pointer;*/
    padding: 10px 12px;
}
.data-table>thead>tr>th a:link, .data-table>thead>tr>th a:visited {
    color: #333;
    text-decoration: none;
}
.data-table>thead>tr>th a.active {
    color: #428bca;
}
.data-table tfoot td {
    background: #f5f5f5;
}
.data-table td {
    border-top: 1px solid #ccc;
}
.data-table>tbody>tr:hover>td {
    background: #f5f5f5;
}
.data-table.no-hover>tbody>tr:hover>td{
    background:none;
}
.data-table tr.click table td, .data-table tr.click table th, .data-table tr.conversion table td, .data-table tr.conversion table th {
    border: none;
    padding: 3px 12px 3px 0;
    text-align: left;
    background: transparent;
}
.data-table tr.click table th, .data-table tr.conversion table th {
    font-weight: bold;
    border: none;
    cursor: none;
}
.data-table thead .header-sort-up:after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 5px;
}
.data-table thead .header-sort-down:after {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-bottom: 4px solid #000000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: "";
    opacity: 0.5;
    filter: alpha(opacity=50);
    margin-left: 5px;
}
.data-table tbody .message {
    margin: 20px auto;
    width: 350px;
    padding: 40px;
    background: #ffffff;
    color: #838383;
    white-space: normal;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.tabs-left>.nav-tabs {
    top: auto;
    margin-bottom: 0;
    float: left
}
.tabs-left>.nav-tabs>li {
    float: none
}
.tabs-left>.nav-tabs>li>a,.tabs-left>.nav-tabs>li>a:focus,.tabs-left>.nav-tabs>li>a:hover {
    margin: 0 -1px 0 0
}
.tabs-left>.nav-tabs>li.active>a,.tabs-left>.nav-tabs>li.active>a:focus,.tabs-left>.nav-tabs>li.active>a:hover {
    border: 0;
    border-left: 2px solid #03b3b2;
    border-right-color: transparent;
    margin: 0 -1px 0 -1px;
    -webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
    -moz-box-shadow: -2px 0 3px 0 rgba(0,0,0,.3);
    box-shadow: -2px 0 3px 0 rgba(0,0,0,.3)
}
.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    min-width: 60px
}
.tabs-left .tab-content,.tabs-right .tab-content {
    overflow: auto
}
.nav-tabs.tabs-flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: rgba(0,0,0,0);
}
.tab-content.tabs-flat {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid #e5e5e5
}
.tab-content {
    background-color: #fff;
    padding: 16px 12px;
    position: relative;
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
}
.tab-content-new {
    background-color: #fff;
    padding: 16px 12px;
    position: relative;
}

.batch-stock-form-item{
    display: flex;
    align-items: center;
}

.batch-stock-form-item .control-label {
    width: 110px;
    text-align: left;
    padding-top: 0;
}
.darkcarbon {
    color: #262626 !important
}
.snow {
    color: #ffffff !important
}
.blue {
    color: #5db2ff !important
}
.info {
    color: #57b5e3 !important
}
.sky {
    color: #11a9cc !important
}
.primary {
    color: #4374e0 !important
}
.azure {
    color: #2dc3e8 !important
}
.blueberry {
    color: #6f85bf !important
}
.palegreen {
    color: #a0d468 !important
}
.success {
    color: #53a93f !important
}
.green {
    color: #8cc474 !important
}
.lightyellow {
    color: #f6d52e !important
}
.yellow {
    color: #ffce55 !important
}
.warning {
    color: #fe7702 !important
}
.gold {
    color: #f9b256 !important
}
.orange {
    color: #fb6e52 !important
}
.lightred {
    color: #e46f61 !important
}
.darkorange {
    color: #ed4e2a !important
}
.red {
    color: #df5138 !important
}
.pink {
    color: #e75b8d !important
}
.darkpink {
    color: #cc324b !important
}
.danger {
    color: #d73d32 !important
}
.magenta {
    color: #bc5679 !important
}
.purple {
    color: #7e3794 !important
}
.maroon {
    color: #981b48 !important
}
.label-default, .badge-default {
    background-color: #777!important;
}
.label-info, .badge-info {
    background-color: #57b5e3;
    background-image: none !important
}
.label-sky, .badge-sky {
    background-color: #11a9cc;
    background-image: none !important
}
.label-azure, .badge-azure {
    background-color: #2dc3e8;
    background-image: none !important
}
.label-danger, .badge-danger {
    background-color: #d73d32;
    background-image: none !important;
}
.label-warning, .badge-warning {
    background-color: #fe7702;
    background-image: none !important;
}
.label-purple, .badge-purple {
    background-color: #7e3794;
    background-image: none !important;
}
.label-darkorange, .badge-darkorange {
    background-color: #ed4e2a;
    background-image: none !important;
}
.label-maroon, .badge-maroon {
    background-color: #981b48;
    background-image: none !important;
}
.label-darkpink, .badge-darkpink {
    background-color: #cc324b;
    background-image: none !important;
}
.label-orange, .badge-orange {
    background-color: #fb6e52;
    background-image: none !important;
}
.label-blueberry, .badge-blueberry {
    background-color: #6f85bf;
    background-image: none !important
}
.label-palegreen, .badge-palegreen {
    background-color: #a0d468;
    background-image: none !important
}
.label {
    font-size: 12px;
    padding: 4px 6px 4px 6px;
    -webkit-border-radius: 2px !important;
    -webkit-background-clip: padding-box !important;
    -moz-border-radius: 2px !important;
    -moz-background-clip: padding !important;
    border-radius: 2px !important;
    background-clip: padding-box !important;
}
.label, .badge {
    display: inline-block;
    font-weight: 300;
    -webkit-text-shadow: none !important;
    text-shadow: none !important;
}

/**
    组合商品样式
 */
.skus_setting_box {
    position: relative;
    min-width: 300px;
    background-color: #fff;
    padding: 20px;
}
.skus_add_item {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    height: 80px;
    line-height: 80px;
    text-align: center;
    color: #388eef;
    border: 1px solid #388eef;
    background-color: rgba(56, 142, 239, 0.1);
    cursor: pointer;
    margin: 0 0.5%;
}
.skus_setting_item {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    background-color: rgb(242, 242, 242);
    margin: 0 0.5% 20px;
    border: 1px solid #ccc;
}
.skus_setting_hd {
    position: relative;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
    padding: 0 15px;
}

.skus_setting_hd .skus_delete {
    position: absolute;
    right: 20px;
    color: #388eef;
}
.skus_setting_bd {
    padding: 15px 15px;
}
.sku_setting_item {
    margin-bottom: 15px;
    display: flex;
}
.sku_setting_label {
    width: 70px;
    text-align: right;
    margin-right: 20px;
}
.sku_setting_label.require::before {
    content: "*";
    color: red;
}

.sku_setting_item_con {
    flex: 1;
}
.sku_setting_product_box {
    display: flex;
    align-items: center;
}
.sku_setting_product_box .product_pic{
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin-right: 10px;
}
.sku_setting_product_box img{
    width: 100%;
    height: 100%;
}
.sku_setting_product_box .product_text{
    width: 200px;
}
.sku_setting_product_box .product_text.product_text_auto{
    width: auto;
}
.sku_setting_product_control {
    cursor: pointer;
    text-align: center;
    margin-right: 10px;
    width: 28px;
    height: 28px;
    background: url(../img/icon_open.svg) no-repeat center;
    background-size: 100%;
}
.sku_setting_product_control.open {
    background: url(../img/icon_close.svg) no-repeat center;
    background-size: 70%;
}
.sku_setting_product_control img{
    width: 20px;
}
.tr_detail {
    display: none;
}
.tr_detail th{
    padding: 0 !important;
    border:none !important;
}
.tr_detail.open {
    display: table-row;
}
.tr_detail_con {
    padding-left: 150px;
}
.tr_detail_con_msgbox {
    width: 78%;
}
#J_productBatchPreview {
    margin-bottom: 60px;
}

/*
违禁词
*/

.mt-grid-view ul {
    padding: 10px 0;
}
.mt-grid-view ul li {
    float: none;
    display: block;
    position: relative;
    height: 62px;
    margin: 5px 8px;
    padding: 10px 75px 10px 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    cursor: pointer
}
.mt-grid-view .checkBox {
    float: left;
    margin: 10px 10px 0 0;
}
.mt-grid-view .pic {
    float: left;
    display: inline;
    width: 40px;
    height: 40px;
    text-align: center
}
.mt-grid-view .pic img {
    max-width: 40px;
    max-height: 40px
}
.mt-grid-view .pic .table-cell {
    width: 100%;
    height: 100%
}
.mt-grid-view .joined-tit {
    float: left;
    display: inline;
    margin: 10px 0 0 10px;
    padding: 2px 10px;
    color: #fff;
    font-size: 12px;
    background: #4879e9
}
.mt-grid-view .name {
    float: left;
    width: 600px;
    height: 21px;
    margin: 10px 100px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.mt-grid-view .price {
    float: left;
    width: 130px;
    margin-top: 5px;
    font-size: 14px;
    font-family: 微软雅黑;
    color: #d60000
}
.mt-grid-view .price strong {
    font-size: 22px;
    font-weight: 700;
    font-family: arial
}
.mt-grid-view .tip {
    float: left;
    margin-top: 12px;
    font-size: 13px;
    color: #fff;
    padding: 0 5px;
    background-color: #4879e9;
}
.mt-grid-view .tip-exists {
    float: left;
    font-size: 13px;
    color: #428bca;
}
.mt-grid-view .pop-bar div {
    display: none !important
}
.mt-grid-view .icon-check {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 29px;
    height: 29px;
    font-size: 24px;
    color: #e5e5e5;
}
.mt-grid-view li:hover, .mt-grid-view li.product-hover {
    border-color: #4879e9
}
.mt-grid-view li.cancel-product-li:hover {
    border-color: none;
    background: #eef5fe;
}
.mt-grid-view li:hover .icon-check, .mt-grid-view li.product-hover .icon-check {
    background-position: -29px -2279px
}
.mt-grid-view li.product-have-select {
    border-color: #e4393c;
}
.mt-grid-view li.product-have-select .icon-check {
    right: 17px;
    color: #e4393c;
}
.mt-grid-view ul li.product-not-select:hover {
    float: none;
    display: block;
    position: relative;
    height: 62px;
    margin: 5px 8px;
    padding: 10px 75px 10px 10px;
    border: 1px solid #e5e5e5;
    font-size: 14px;
    cursor: default;
}
.mt-grid-view ul li.disabled {
    cursor: not-allowed !important;
}

.dddz-nav-li-a {
    background: none !important;
    font-weight: 900 !important;
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    padding: 12px 0 !important;
}

.dddz-container {
    box-shadow: 1px 0 10px 1px rgb(0 0 0 / 30%);
    height: 100%;
    margin-top: -20px !important;
    border-radius: 5px;
    min-height: 1000px !important;
    padding-right: 0 !important;
    margin-right: 15px !important;
    position: relative;
}

.dddz-wired-step-active {
    border-radius: 50%;
    background: #337ab7;
    color: white;
    padding: 0 4px;
    font-size: 11px;
}

.dddz-wired-step-normal {
    border-radius: 50%;
    background: #efe9e9;
    color: #b5b0b0;
    padding: 0px 4px;
    font-size: 11px;
}

.dddz-wired-step-title-active {
    color: black;
    margin-right: 8px;
    font-size: 12px;
}

.dddz-wired-step-title-normal {
    color: #b5b0b0;
    margin-right: 15px;
    font-size: 12px;
}

.bottom-btn-box {
    height: 58px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.bottom-btn-box-btn {
    height: 42px !important;
    font-size: 16px;
}

@media screen and (max-width: 1440px) {
    .bottom-btn-box {
        height: 52px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .bottom-btn-box-btn {
        height: 36px !important;
        font-size: 14px;
    }

}

.move-setting-tab > ul > li.active > a{
    color: #337ab7 !important;
    border-top: 4px solid #337ab7 !important;
    border-bottom: 0px solid #337ab7 !important;
    background-color: white;
}

.move-setting-tab > ul > li > .move-setting-tab-selected {
    width: 0;
    height: 0;
    border-top: 5px solid #337ab7  !important;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    top: 44px;
    left: 50%;
    margin-left: -5px;
    z-index: 1;
    display: none;
}

.move-setting-tab-icon {
    background-image: url("../img/dz-icon-config-tab.png") !important;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

.setting-left-nav.current {
    background: white !important;
    border-left: 3px solid #337ab7 !important;
}

.move-setting-content-box .conf-title {
    text-align: left !important;
}

.move-setting-tab > ul > li > a:hover {
    color: #337ab7 !important;
}

.J_sizeTemplateCateAll .list-group-item {
    border: 0px solid #ddd;
}

.move-setting-set-desc-size-template-img {
    background-color: #ececec;
    padding: 10px;
    border: solid 1px #cdc7c76e;
}

.J_sizeTemplateItemList {
    box-shadow: none;
    border: solid 1px #cdc7c76e;
    margin-top: -5px !important;
}

.top-nav-bar .nav-bar {
    height: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
    flex: 1;
}

.top-nav-bar .nav-bar li {
    float: left;
    min-width: 90px;
    position: relative;
    text-align: center;
    color: white;
    font-size: 16px;
    line-height: 49px;
}

.top-nav-bar .nav-bar li:hover .dropdown-menu-box {
    display: flex;
}

.top-nav-bar .nav-bar li .dropdown-menu-box {
    position: absolute;
    padding: 10px;
    top: 49px;
    width: 500px;
    box-shadow: 0px 0px 6px 0px #b5b5b5;
    background-color: #FFFFFF;
    display: none;
    flex-wrap: wrap;
    z-index: 10000;
    text-align: left;
}
.top-nav-bar .nav-bar li.active{
    background-color: #337ab7;
}
.top-nav-bar .nav-bar li .dropdown-menu-box .dropdown-item {
    width: 160px;
}
.top-nav-bar .nav-bar li .dropdown-menu-box .dropdown-item .active {
    color: #337ab7;
    text-decoration: unset;
}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item{
    width: 140px;
    line-height: 30px;
    margin-bottom: 5px;
}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item:last-child{

    margin-bottom: 0px;
}

.top-nav-bar .nav-bar li .dropdown-menu-box .dropdown-item a{
    padding: 5px 15px;
}
.top-nav-bar .nav-bar li .dropdown-menu-box .dropdown-item a:hover{
    /*background-color: #f5f5f5;*/
    color:#20b7e9;

}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item:hover{
    /*background-color: #f5f5f5;*/
}

.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item a {
    padding: 15px 0px 15px 3px;
}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item:hover a{
    color: #20b7e9;
    background-color: unset;
    text-decoration: unset;
}

.top-nav-bar .nav-bar li:hover .dropdown-menu-box.min-menu-box {
    display: block;
    width: auto;
}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box .dropdown-item{
    min-width: 90px;
}

.top-nav-bar .nav-bar li .dropdown-menu-box div a {
    flex-basis: 100px;
    box-sizing: border-box;
    padding: 8px;
    text-align: left;
    cursor: pointer;
    line-height: normal;
    font-size: 14px;
    color: black;
}
.top-nav-bar .nav-bar li .dropdown-menu-box.min-menu-box div a {

}

.top-nav-bar .nav-bar li:hover {
    background-color: #337ab7;
}

.top-nav-bar .nav-bar li > a {
    color: white;
    text-decoration: none;
    font-size: 16px;
    line-height: 49px;
}
/**************product_batch******************/
.index-menu-nav-dz {

}

.index-menu-nav-dz li {
    float:left;
    list-style:none;
    margin-right:10px;
    margin-bottom:10px;
    display:block;
    border-radius:5px;
    font-size:16px;
    text-align:left;
    background-color: #f8f9fb;
    line-height:50px;
}

.index-menu-nav-dz li a {
    width:210px;
    display:inline-block;
    color:#333333;
    border: 1px solid #f8f9fb;
    transition: all 0.3s ease;
    position: relative;
    padding-left: 20px;
}

.index-menu-nav-dz li:hover {
    background-color: #f0f8ff;
}

.index-menu-nav-dz li:hover a{
    color:#337ab7;
    box-shadow: 0 6px 6px rgb(36 60 138 / 8%);
    border: 1px solid #8fd3f0;
    border-radius: 3px;
    top: -2px;
}

.index-menu-nav-dz li span {
    display:inline-block;
    vertical-align: middle;
}

.index-menu-nav-dz i.batch-icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    background: url(../img/batch_icon.png?3) no-repeat 0 0;
    margin: 0 10px 0 0;
}

.index-menu-nav-dz i.title {
    background-position: 0px 0px;
}

.index-menu-nav-dz i.short-product-name {
    background-position: -270px 0px;
}

.index-menu-nav-dz i.brand-id {
    background-position: -30px 0px;
}

.index-menu-nav-dz i.product-format {
    background-position: -60px 0px;
}

.index-menu-nav-dz i.cross-product-format {
    background-position: -90px 0px;
}

.index-menu-nav-dz i.item-num {
    background-position: -120px 0px;
}

.index-menu-nav-dz i.product-delete {
    background-position: -150px 0px;
}

.index-menu-nav-dz i.product-status {
    background-position: -180px 0px;
}

.index-menu-nav-dz i.timer-product-status {
    background-position: -210px 0px;
}

.index-menu-nav-dz i.shop-category {
    background-position: -240px 0px;
}

.index-menu-nav-dz i.channel-product {
    background-position: -300px 0px;
}

.index-menu-nav-dz i.clear-recycle {
    background-position: -330px 0px;
}

.index-menu-nav-dz i.price {
    background-position: 0px -30px;
}

.index-menu-nav-dz i.stock {
    background-position: -30px -30px;
}

.index-menu-nav-dz i.outer-id {
    background-position: -60px -30px;
}

.index-menu-nav-dz i.spec-name {
    background-position: -90px -30px;
}

.index-menu-nav-dz i.sku-add {
    background-position: -300px -30px;
}

.index-menu-nav-dz i.white-bg-img {
    background-position: -180px -60px;
}

.index-menu-nav-dz i.sku-delete {
    background-position: -330px -30px;
}

.index-menu-nav-dz i.presell-type {
    background-position: -120px -30px;
}

.index-menu-nav-dz i.presell-time {
    background-position: -150px -30px;
}

.index-menu-nav-dz i.description {
    background-position: -180px -30px;
}

.index-menu-nav-dz i.image-change {
    background-position: -210px -30px;
}

.index-menu-nav-dz i.long-pic {
    background: url(../img/long_pic.png) no-repeat 0 0;
}

.index-menu-nav-dz i.main-image-three-to-four {
    background: url(../img/batch_main_image_three_to_four.png) no-repeat 0 0;
}

.index-menu-nav-dz i.reduce-type {
    background-position: -240px -30px;
}

.index-menu-nav-dz i.size-template-type {
    background-position: -270px -30px;
}

.index-menu-nav-dz i.sku-classification-type {
    background-position: -360px -30px;
}

.index-menu-nav-dz i.with-sku-type {
    background-position: -390px -30px;
}

.index-menu-nav-dz i.sku-status {
    background-position: -420px -30px;
}

.index-menu-nav-dz i.transport-id {
    background-position: 0px -60px;
}

.index-menu-nav-dz i.product-purchase-limit {
    background-position: -30px -60px;
}

.index-menu-nav-dz i.assoc-ids {
    background-position: -60px -60px;
}

.index-menu-nav-dz i.mobile {
    background-position: -90px -60px;
}

.index-menu-nav-dz i.quality {
    background-position: -120px -60px;
}

.index-menu-nav-dz i.day_return {
    background-position: -150px -60px;
}
.sys-size-img-nav a:hover, .sys-size-img-nav a.active {
    color: #337ab7 !important;
}

.move-serial-number{
    position: absolute;
    height: 20px;
    line-height: 20px;
    text-align: left;
    padding: 0 10px;
    background-color: #ddd;
    top: 0;
    left: 0;
    border-bottom-right-radius: 10px;
    color: #fff;
}

.move-serial-number:hover{
    background-color: #00adee;
    color: #fff;
}

tr:hover .move-serial-number{
    background-color: #00adee;
    color: #fff;
}

tr.current .move-serial-number{
    background-color: #00adee;
    color: #fff;
}

.history-drainage-tip {
    color: red;
    padding-left: 35px;
    background: url(../img/dddz_notify.png) no-repeat left top #FFF8D1;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
}

.upload-material-modal .modal-header {
    margin-bottom: 60px;
}

.upload-material-modal .modal-header .container-fluid .navbar-header {
    float: none;
}

.upload-material-modal .modal-header .container-fluid>.navbar-collapse {
    margin: 9px 0 0 0;
    padding: 0;
    border-bottom: 1px solid #dcdfe6;
}

.upload-material-modal .modal-header .container-fluid .navbar-nav {
    padding: 0 24px;
}

.upload-material-modal .modal-header .container-fluid .tab a {
    margin: 0 48px 0 0;
}

.upload-material-modal .modal-body .tab-content>.local-upload-pane,
.upload-material-modal .modal-body .tab-content>.link-upload-pane {
    border: none;
    border-radius: 0;
    height: 500px;
}

.upload-material-modal .modal-body .tab-content>.local-upload-pane {
    margin: 24px 24px;
}

.upload-material-modal .modal-header .navbar-nav.tab .active a {
    color: #337ab7;
}

.upload-material-modal .modal-body .tab-content>.link-upload-pane textarea {
    height: 339px;
    margin: 24px 24px;
}

.upload-material-div .close,
.upload-material-modal .close {
    position: absolute;
    right: 24px;
}

.upload-material-modal .modal-header .nav.navbar-right {
    margin-right: 0;
    padding-right: 0;
}

.upload-material-div .dropdown-menu img,
.upload-material-modal .dropdown-menu img {
    margin-right: 4px;
}

.upload-material-modal .modal-body div.text {
    text-align: center;
    width: 100%; margin: 16px 0 8px 0;
}

.upload-material-modal .modal-body button {
    margin-top: 10px;
}

.upload-material-progress-modal .progress-thead {
    border-top: 2px solid #03b3b2;
}

.upload-material-progress-modal .progress-tr .status .fail,
.upload-material-progress-modal .progress-tr .status .fail .fail-status {
    background-color: #ffffff;
}
.moveSettingItem.current {
    box-shadow: 0px 8px 16px #eee;
    border: none;
    background-color: #EBF2F8 !important;
}
.list-plan-head-dz {
    position: absolute;
    top: 91px;
}
.page-container .page-header:before {
    background-color: #0099cc !important;
    height: 25px;
}
.move-group .active {
    color: #fff !important;
    background: #0099cc;
    border-color: #0099cc;
}


/*
找同款css
*/

.source-select-nav {
    padding: 2px 0 20px 0;
}
.source-select-tab {
    transition: all 0.3s ease;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    padding-bottom: 7px;
}
.source-select-tab.active,.source-select-tab:hover {
    color: #3ECACA;
    border-bottom-color: #3ECACA;
}
.same-item-info-img,.same-item-info-img > img {
    display: inline-block;width: 60px;height: 60px;float: left
}
.same-item-info-title {
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 36px;
}
.same-item-info-content {
    margin-left:10px;display: inline-block;width: calc(100% - 70px)
}

.m-x {
    margin-left: 10px!important;
    margin-right: 10px!important;
}

.btn-default.active,.btn-default.active:focus,.btn-default.active:hover {
    transition: all 0.3s ease;
    background: #008add;
    color: #FFF;
    border-color: #03B3B2;
}

.select-single-img-item {
    width: 200px;
    height: 200px;
    display: inline-block;
    text-align: center;
    position: relative;
    border: 2px dashed;
}

.select-single-img-body {
    cursor: pointer;
    font-size: 30px;
    float: left;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 98px;
    background: no-repeat 50% 50%;
    background-size: contain;
}
.select-single-img-body.selected .select-single-img-icon {
    display: none;
}

.select-single-img-icon {
    padding-top: 76px;
    width: 40px;
    height: 40px;
}

.same-product-upload-tips{
    margin-top: 30px;
    font-size: 14px;
    color: #333
}

.same-product-upload-format{
    color: #999;
    font-size: 14px;
}

.same-product-btn.active,.same-product-btn.active:focus,.same-product-btn.active:hover {
    transition: all 0.3s ease;
    background: #008add;
    color: #FFF;
    border-color: #03B3B2;
}

.select-single-img-item-delete {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: white;
    font-size: 12px;
    font-weight: 100;
    padding: 3px 0;
    cursor: pointer;
    backdrop-filter: blur(15px);
    transition: all 0.3s ease;
    display: none;
}

.select-single-img-item-delete:hover {
    background: rgba(3,179,178, 0.9);
}

.select-single-img-item.selected .select-single-img-item-delete{
    display: block;
    opacity: 0;
}

.select-single-img-item.selected:hover .select-single-img-item-delete{
    opacity: 1;
}

.same-product-upload-btn{
    font-size: 14px;
    line-height: 15px;
}
.alibaba-move-footer {
    margin:0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.alibaba-auth {
    position: relative;
}
.ltao-auth-icon {
    width: 36px;
    height: 36px
}
.ltao-auth-icon.authorized {
    background: url(../img/dz/ltaoAuthorized.png) no-repeat;
    background-size: contain;
}
.ltao-auth-icon.notAuthorized {
    background: url(../img/dz/ltaoNotAuthorized.png) no-repeat;
    background-size: contain;
}

.move-config-real-box {
    padding: 10px;
    position: relative;
    height: 100%;
    display: block;
    background-color: white;
}
.wetsite-copy-logo {
    background-color: #d2d2d23b;
    margin-top: 5px;
    width: 200px;
    line-height: 40px;
}

.wetsite-copy-logo-select .check {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    right: 3px;
    top: -2px;
}

.wetsite-copy-logo-select .check::after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 50%;
    height: 25%;
    border: 3px solid #fff;
    border-radius: 1px;
    border-top: none;
    border-right: none;
    background: transparent;
    transform: rotate(-45deg);
}
.wetsite-copy-logo-select {
    display: block;
    width: 0;
    height: 0;
    border: 11px solid transparent;
    border-color: transparent #0099cc #0099cc transparent;
    position: absolute;
    top: 18px;
    right: 0px;
    opacity: 0;
    transition: all 0.5s ease;
}
.wetsite-copy-logo.active {
    background-color: #0099cc21;
}
.wetsite-copy-logo.active img {
    filter: unset;
}
.wetsite-copy-logo.active .wetsite-copy-logo-select{
    opacity: 1;
}
.J_productCopyStatus > li {
    border: solid 1px #d2d2d23b;
    margin-left: -1px;
}
.J_productCopyStatus  > li > a {
    border: solid 1px #d2d2d23b;
    margin-left: -1px;
    border-radius:unset !important;
    margin-right:0px !important;
}
.export-nav>li.active>a, .export-nav>li.active>a:hover, .export-nav>li.active>a:focus {
    color: #008add !important;;
    background-color: white !important;
}
.export-nav>li {
    width: 90px !important;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #322f2fd9;
}
.data-table>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.nav-tabs-new {
    border-bottom: none;
    margin-bottom: 3px;
}

.nav-tabs-new>li>a{
    margin-right: 0px;
    line-height: 1.42857143;
    border: 1px solid #b7acac;
    border-radius: 0 0 0 0;
}
.batch-search-filter-new {
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
}

.fix-mask-toolbar {
    z-index: 100;
    background: white !important;
    border: none !important;
    width: 100%;
    left: 220px;
    -webkit-box-shadow: 1px 0 10px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.3);
    box-shadow: 1px 0 10px 1px rgb(0 0 0 / 30%);
    position: fixed;
    bottom: 0;
}

.batch-search-pre-new {
    font-size: x-large;
}

.batch-search-pre-new:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -10px;
    width: 4px;
    max-width: 4px;
    overflow: hidden;
    background-color: #337ab7;
}

.batch-top-nav-new a:hover, .batch-top-nav-new a.active {
    text-decoration: none;
    border-color: #a0deef;
    color: #378ef2;
    background: #c8f0ff;
}

.batch-top-nav-new a {
    height: 30px;
    line-height: 25px;
    margin-right: 5px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    font-size: 12px;
    color: #777;
    text-align: center;
    padding: 2px 10px;
    border-radius: 4px;
}

.batch-alert {
    border: 1px solid transparent;
    border-radius: 4px;
    color: #ff8f0a;
    background-color: #fcf8e3;
}
.manage-list-btn {
    padding: 5px 5px 0px 5px;
    background-color: #fff;
    border-color: #ccc;
}

.manage-list-btn.active,.manage-list-btn:hover,.manage-list-btn-group.active,.manage-list-btn-group:hover {
    transition: all 0.3s ease;
    background: #c8f0ff;
    color: #378ef2;
    border-color: #a0deef;
}
.manage-list-btn.active svg,.manage-list-btn svg:hover {
    fill: #378ef2;
}

.manage-list-btn-group {
    background-color: #fff;
    border-color: #ccc;
}
.manage-list-new {
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
}

.check-all-product-left span.zc-custom-control-label{
    margin-left: 0 !important;
}

.warning-tip-new {
    color: #fcf8e3;
    padding-left: 45px;
    background: url(../img/warning-tip-new.png) no-repeat left top #ffebc5;
    height: 40px;
    line-height: 40px;
    background-size: 28px;
    background-position-x: 10px;
    background-position-y: 5px;
}
.text-warning-new {
    color: #ff8f0a;
}

.watermark-nav-top {
    border-bottom: none !important;
}

.watermark-nav {
    width: auto !important;
}

.watermark-nav a {
    color: black !important;
    font-size: 16px;
}

.watermark-nav.active a {
    color: #008add !important;
    border-bottom: 4px solid #008add !important;
    background: #fff !important;
    font-size: 16px;
    padding: 10px 0 10px 0;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}
.watermark-btn-primary {
    color: #fff !important;
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.watermark-search-list-new {
    -webkit-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    -moz-box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
    box-shadow: 1px 0 10px 1px rgba(0,0,0,.11);
}

.watermark-dt-table th {
    border-top: 1px solid #ccc !important;
    background: #f5f5f5;
    font-weight: bold;
    padding: 10px 12px;
}

.watermark-dt-table-tbody td {
    vertical-align: top !important;
}

.watermark-dt-table-tbody label {
    font-weight: normal !important;
}

.watermark-dt-table-div-inline-block {
    display: inline-block;
}
.dz_export_box {
    width: 103px !important;
}
.layer-cart .item-selected {
    border: none !important;
    background: #daeaff url(https://dy-zndz-dd-rt.jiancent.com/market/open/2024-09-04/5241aaf8-4ec7-48b6-b391-05c54de8c451.png?dy) no-repeat right 11px !important;
}

.layer-cart .sel-item {
    padding: 0px 25px !important;
    height: 30px;
    line-height: 30px !important;
}
.white-border {
    border: solid 1px white;
}
.font-size-16 {
    font-size: 16px;
    color: #666
}
.main-background-color {
    background: #008add;
}
.background-white{
    background-color: white;
}
.btn-primary {
    color: #fff;
    background-color: #008add !important;
    border-color: #008add !important;
}
.config-modal .sku-img-item {
    float: unset !important;
}
.dz-mb-10 {
    margin-bottom: 10px;
}
.no-shadow {
    box-shadow: none;
}
.font-black {
    color: black;
}
.ml_-1 {
    margin-left: -1px;
}
.btn-onsale {
    color: #0098cb;
    background-color: white;
    border-color: #0098cb;
}
.dz-export.active {
    border-bottom: solid 1px #337ab7;
    padding: 5px;
    color: #008ADD;
}
.dz-export {
    width: 65px;
    height: 16px;
    font-size: 16px;
    font-family: Microsoft YaHei UI;
    font-weight: bold;
    line-height: 40px;
    text-decoration-line: none !important;
}
.w-110 {
    width: 110px;
    text-align: center;
}
.product-quality-left::-webkit-scrollbar-track {
    background-color: white;
}
.J_productQualitySettingCateItem {
    border: 0px ;
}
.font-size-12 {
    font-size: 12px;
}
.line-height-30 {
    line-height: 30px;
}
.exit-app {
    background-color: #0077c3 !important;;
    border-color: #199bff !important;
}
.exit-app:hover {
    background-color: #199bff !important;;
}
.goods-center-page-input, .clue-search-input {
    border: 2px solid var(--theme-color);
}
.cate-content {
    --theme-color: #0077c3;
    --cate-item-active-background-color: #0077c345
}
.cate-content .cate-cell .cate-item.active {
    background-color: var(--cate-item-active-background-color);
    color: var(--theme-color);
}
.clue-second-cat:hover {
    color: var(--theme-color);
}
.primary-color {
    color: var(--theme-color);
}
.primary-border {
    border: 1px solid var(--theme-color);
}
.clue-guess-you-like-cat {
    padding-right: 6px;
}
.competitive-clue-type-button.active {
    color: var(--theme-color);
}
.clue-container {
    text-align: center;
}
.clue-search-input-wrap {
    border-radius: 5px;
}
.goods-center-page-search-btn {
    height: 47px;
    top: 0;
    left: 0;
    border-radius: unset;
}
.clue-container .goods-center-page-input,.clue-container .clue-search-cat-dropdown-button,.clue-container .goods-center-page-input,.clue-container .clue-search-input {
    /*border: none;*/
}
.clue-search-input {
    width: 44vw;
}
.clue-search-cat-dropdown-button {
    width: 6vw;
}
.clue-container .cate-content {
    border: none;
}
.cate-content .cate-cell .cate-item.active, .cate-content .cate-cell .cate-item.active span {
    color: #1393e0;
    background-color: unset;
}
.cate-item.active .fa-check {
    display: inline;
    margin-left: 12px;
}
.cate-item.active span {
    margin-left: 5px;
}
.competitive-clue-type-button {
    background-color: unset;
}
.competitive-clue-type-button:hover {
    color: var(--theme-color);
}
.competitive-clue-type-button.active {
    background-color: unset;
}
.move-clue-btn {
    width: 100%;
}
.clue-container .product-edit-cube.active {
    border: 1px #eeeeee solid !important;
}
.batch-move-clue-btn {
    background-color: #fe7702;
}
.product-edit-cube .product-edit-cube-select, .product-edit-cube.active .product-edit-cube-select {
    border: 14px solid transparent;
    border-color: #008add #008add #008add #008add;
    top: 6px;
    right: 6px;
}
.product-edit-cube.active .product-edit-cube-select {
    border-color: #008add #008add #008add #008add !important;
}
.product-edit-cube-select .check {
    top: 9px;
    right: 10px;
}
.product-edit-cube:hover .product-edit-cube-select {
    opacity: 1;
}
.product-edit-cube:hover .product-edit-cube-select {
    border: 14px solid transparent;
    border-color: #ffffff #ffffff #ffffff #ffffff;
    top: 6px;
    right: 6px;
}
.product-edit-cube:not(.active):hover .product-edit-cube-select .check::after {
    border: 3px solid #008add;
    content: "";
    position: absolute;
    left: 1px;
    top: -15px;
    width: 70%;
    height: 35%;
    border-radius: 1px;
    border-top: none;
    border-right: none;
    background: transparent;
    /*transform: rotate(-45deg);*/
}

.product-edit-cube:not(.active):hover .product-edit-cube-select{
    width: 28px;
    height: 28px;
    border: 2px solid #008add;
}
.product-edit-cube:not(.active):hover .product-edit-cube-select .check {
    top: 21px;
    right: -3px;
}
.product-edit-cube-select {
    transition: unset;
}
.move-clue-btn:hover {
    color: #008add;
}
.clue-moved-tag {
    background-color: #eef8ee;
    border-radius: 4px;
    color: #5cb85c;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 0px;
    width: 42px;
    height: 16px;
    position: relative;
    margin-left: 3px;
}
.clue-container .clue-search-cat-dropdown-button {
    overflow: hidden;
    text-overflow: ellipsis;
}
.ltao-rank-radio {
    -webkit-appearance: none;
}
.ltao-rank-radio-item {
    padding: 10px;
    font-size: 14px;
    color: #5a5b5f;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    background-color: #f5f6f8;
    font-weight: normal;
}
.ltao-rank-radio:checked + .ltao-rank-radio-item {
    background-color: #e5f3fc;
    color:#008add;
    box-shadow: none;
}
.ltao-rank-radio-item.more {
    color: #008add;
    display: inline-block;
    position: absolute;
    bottom: 5px;
    width: 128px;
    cursor: default;
}
.ltao-rank-radio-item.more:after{
    content: '';
    border-right: 1px solid #008add;
    border-bottom: 1px solid #008add;
    transform: rotate(45deg);
    width: 8px;
    height: 8px;
    position: absolute;
    right: 10px;
    bottom: 18px;
}
.ltao-rank-radio-item .ltao-rank-radio-item-icon {
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.app_version_diff_box_parent {
    position: absolute;
    top: 120px;
    width: 96.5%;
    text-align: center;
    left: 16px;
    height: 550px;
    overflow-y: scroll;
}
.app_version_diff_box div {
    width: 152px;
    display: inline-block;
}
.app_version_diff_box.ori {
    background:#fcf8f1;
    padding: 10px 0;
}
.app_version_diff_box.white {
    background:#ffffff;
    padding: 10px 0;
}
.app_version_diff_box_parent::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    box-shadow:none;
}
.app_version_diff_box_parent::-webkit-scrollbar-track {
    background: inherit;
}
.app_version_diff_box_parent::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #efc382;
    -webkit-box-shadow: none;
}
.app_version_diff_box_close {
    position: absolute;
    right: 35px;
    top: 20px;
}
.app_version_diff_box_version_text {
    width:120px;
    height:21px;
    font-family:MicrosoftYaHei;
    color:#ffffff;
    font-size:16px;
    line-height:19.2px;
    position: absolute;
    top: 20px;
    left: 45px;
    font-weight: 400;
}
.app_version_diff_box_version_text span {
    color: black;
    background: #fed804;
    border-radius: 13px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.11);
    padding: 0 9px;
}

.dropdown-item-od-panel {
    display: flex;
    height: 80px;
    width: 296px;
    align-items: center;
    background-color: #FFFFFF;
}
.dropdown-item-od-panel:hover {
    background-image: url("http://ddy-rt-dev.tos-cn-beijing.volces.com/market/open/2023-07-06/bb95069d-aef7-4e14-94ab-a5abff3f4b6f.png?dy");
}
.dropdown-item-od-panel .dropdown-item-od-right-content {
    margin-left: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.dropdown-item-od-panel .dropdown-item-od-panel-title {
    font-size: 14px;
    line-height: 19px;
    height: 19px;
    color: #444444;
}
.dropdown-item-od-panel:hover .dropdown-item-od-panel-title {
    color: #008add;
}
.dropdown-item-od-panel .dropdown-item-od-panel-explain {
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    color: #999999;
    margin-top: 4px;
}
.dropdown-item-od-panel .dropdown-item-od-panel-badge {
    height: 16px;
    border-radius: 4px;
    background-color: #ffeeec;
    font-size: 12px;
    color: #ff5949;
    line-height: 16px;
    padding: 0px 4px;
}
.dropdown-item-od-panel img {
    width: 60px;
    height: 60px;
}
/*
分销授权页面
*/

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #7FCCE5;
    display: inline-block;
    position: absolute;
    left: 0px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #7FCCE5;
    left: -8px;
    width: 16px;
    height: 16px;
    z-index: 400;
}

/**
主客更新源
 */

.relevance-product-dialog{
    background-color: #fff;
    padding: 20px 30px;
}

.relevance-product{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.relevance-product .product-info{
    background-color: white;
    width: 364px;
    height: 120px;
    border: 1px solid rgb(228, 226, 226) ;
}

.relevance-product .product-info .info{
    display: flex;
}

.relevance-product .product-info>p{
    font-weight: 600;
    background-color: #f5f7fa;
    height: 28px;
}

.product-info .info img{
    width: 60px;
    height: 60px;
    object-fit: cover;
    margin-right: 12px;
}

.relevance-product-attr{
    display: flex;
    margin-top: 12px;
    position: relative;
}

.relevance-product-attr .product_sku{
    position: relative;
}

.relevance-product-attr .product_sku:before{
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 100%;
    top: 0;
    background-color: #ccc;
}

.relevance-product-attr .product-attr{
    width: 100%;
    /*border: 1px solid rgb(172, 170, 170);*/
}
.relevance-product-attr .product-attr .product-attr-title{
    background-color: #eeeeee;
    line-height: 30px;
    padding: 10px;
}

.relevance-product-attr .product-attr:last-child .product-attr-title{
    background-color: #eeeeee;
}

.relevance-product-attr .product-attr .table-hearder {
    background-color: #f5f7fa!important;
}

.relevance-product-attr .product-attr .table-hearder td {
    padding-left: 12px!important;
    border-right: 0px solid #fffafa;
}

.relevance-product-attr .product-attr:last-child .table-hearder{
    background-color: rgb(224, 215, 215);
}

.product-attr .table .table-select{
    width: 350px;
    height: 30px;
    border-color: rgb(218, 215, 215);
}
.product-attr .table  .tr_content{
    height: 51px
}
.product-attr .table  .tr_content td{
    padding-left: 12px!important;
    border-right: 0px solid #fffafa;
}
a.label{
    text-shadow: 0 -1px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);
    text-decoration:none;
    font-weight:normal;
    line-height: 1.3;
    display: inline-block;
    padding:3px 6px 4px;
    font-size:75%;
}
a.label.disabled{
    pointer-events: none;
    cursor: not-allowed;
    box-shadow: none;
    opacity: .65;
}
a.label.default-bordered{
    text-shadow: none;
    border:1px solid #d1d1d1;
    color:#777;
    border-radius: 50px;
}
a.label.success-bordered{
    text-shadow: none;
    border:1px solid #5cb85c;
    color:#5cb85c;
    border-radius: 50px;
}
a.label.primary-bordered{
    text-shadow: none;
    border:1px solid #357ebd;
    color:#357ebd;
    border-radius: 50px;
}
a.label.danger-bordered{
    text-shadow: none;
    border:1px solid #a94442;
    color:#a94442;
    border-radius: 50px;
}
a.label.warning-bordered{
    text-shadow: none;
    border:1px solid #f0ad4e;
    color:#f0ad4e;
    border-radius: 50px;
}

.ds-step2-item {
    background-color: #a29f9f;
    cursor: pointer;
    bottom: 0px;
    width: 100%;
    left: 0%;
}
.danger-bordered{
    border:1px solid #a94442 !important;
    color:#a94442 !important;
}

.glyphicon-plus-grey {
    font-family: unset!important;
    font-size: 22px;
    color:#333333!important;
}

.custom-checkbox-lg {
    height: 28px;
    line-height: 28px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    position: relative;
}
.custom-checkbox-lg input[type=checkbox] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}
.custom-checkbox-lg .custom-checkbox-lg-indicator {
    height: 100%;
    width: 26px;
    line-height: 26px;
    text-align: center;
    vertical-align: top;
    background-color: #ccc;
    color: #fff;
    border: 1px solid #ccc;
    border-right: none;
    position: absolute;
    top: 0;
    left: 0;
}
.custom-checkbox-lg .custom-checkbox-lg-label {
    display: block;
    text-align: center;
    padding: 0 10px;
    margin-left: 26px;
    line-height: 26px;
    color: #7a818b;
    border: 1px solid #ccc;
    border-left: none;
}
.custom-checkbox-lg input[type=checkbox]:checked~.custom-checkbox-lg-indicator {
    background-color: #03b3b2;
    border-color: #03b3b2;
}
.custom-checkbox-lg input[type=checkbox]:checked~.custom-checkbox-lg-label {
    color: #03b3b2;
    border-color: #03b3b2;
}
.custom-checkbox-lg input[type=checkbox]:disabled~.custom-checkbox-lg-indicator, .custom-checkbox-lg input[type=checkbox]:disabled~.custom-checkbox-lg-label {
    cursor: no-drop;
}
.sku-rule-notice{
    position: absolute;
    bottom: 45px;
    left: 100px;
    background-color:#FFFFFF;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
}
.arrow{ position:absolute; left:10px; bottom:0px;}
.arrow *{ display:block; position:absolute; border-style:none solid solid dashed; font-size:0; line-height:0; }
.arrow em{border-color:#FFFFFF transparent transparent #FFFFFF; border-width:15px 20px;}
.arrow span{border-color:#FFF transparent transparent; top:-7px;}
.sku-matching-tips-content {
    position: absolute;
    background-color:#fff;
    border-radius: 3px;
    padding: 5px 10px;
    color: #c9302c;
    top: -30px;
    left: 40px;
    box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
}
.sku-matching-tips-content:after {
    content: '';
    position: absolute;
    border-color:#fff transparent transparent #fff;
    border-width:15px 20px;
    border-style:none solid solid dashed;
    bottom: -10px;
    left: 5px;
}
.size-template-tips{
    color: #FF6600;
    border: #FF6600 1px solid;
    padding: 5px;
}

.ds_supplier_shop_name:hover{
    color:#008add;
}

.category-select .glyphicon-edit {
    font-size: 12px;
    color: #898b8f;
    line-height: 30px;
}

.recent-category-list li:hover {
    background-color: #008add19;
    color: #008add;
    font-weight: normal;
}

.recent-category-list li.active {
    color: #008add;
    font-weight: normal;
}

.search-cate-keyword-box {
    text-align: left;
    background-color: unset;
}

.search-cate-keyword-box .search-cat-btn {
    color: #008add;
    border-color: #008add;
}

.search-cate-keyword-box .search-cat-btn:hover {
    color: #f0f2f5;
    background-color: #008add;
}

.search-cate-keyword-box .rsync-cat-btn {
    color: #f36800;
    border-color: #f36800;
}

.search-cate-keyword-box .rsync-cat-btn:hover {
    color: #f0f2f5;
    background-color: #f36800;
}

.modal-recent-category-list button {
    background-color: #f0f2f5;
    height: 30px;
    padding: 4px 8px;
    border-radius: 4px;
    margin: 0 0 10px 0;
}

.modal-recent-category-list button:not(:first-child) {
    border-right: 0;
}

.modal-recent-category-list button:hover {
    background-color: #e5f3fc;
    color: #008add;
}

.modal-recent-category-list>span {
    color: #252931;
}

.modal-recent-category-list .fa-remove {
    color: #b7b9bc;
}

.modal-recent-category-list button span {
    font-size: 19px;
}

.search-cate-keyword-box .tooltip .tooltip-inner {
    padding-top: 6px;
    padding-bottom: 6px;
}

.category-list .search-cat-empty {
    color: #999999;
}

.category-list .search-cat-empty button {
    color: #008add;
}

.source-platform-circle-container {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.source-platform-circle-image {
    max-width: 80%;
    max-height: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.source-platform-circle-text {
    width: 60px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.w660 {
	width: 660px !important;
}
.w-100p {
    width: 100% !important;
}
.choiceness_source_item_sort.active {
    color: #fff;
    background-color: #008add;
}
.supply-center-product-sort-item {
    margin-right: 10px;
}

.ds-qr-button {
    background: linear-gradient(180deg,#008add12 0%,rgba(0, 138, 221, 0) 100%);
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16);
    padding: 6px 11px;
    min-width: 155px;
}

/*
多规格
 */

.data-table td.first-ds-product {
    border-bottom: 1px solid #cccccc !important;
}

.data-table td.other-ds-product {
    border: 0;
    border-right: 1px solid #cccccc !important;
}

.multi-spec-tip {
    color: #ff5f13;
}

.relevance-product .self-product-info{
    padding: 12px;
    width: 22%;
    height: 115px;
    border: 1px solid rgb(228, 226, 226) ;
    border-radius: 3px;
}

.relevance-product .relevance-text{
    width: 7%;
}

.relevance-product .self-product-info .title{
    margin-bottom: 5px;
    font-weight: 600;
}

.relevance-product .self-product-info .info{
    display: flex;
}

.self-product-info .info img{
    height: 55px;
    object-fit: cover;
    margin-right: 15px;
}

.self-product-info .info .product-title{
    width: 43%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    line-height: 2;
}

.self-product-info .info .product-id{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #a39f9f;
    line-height: 1.5;
}

.relevance-product .source-item-info{
    padding: 12px;
    width: 116%;
    height: 115px;
    border: 1px solid rgb(228, 226, 226) ;
    border-radius: 3px;
    background: #f5f7fa;
}

.relevance-product .source-item-info .title{
    margin-bottom: 5px;
    font-weight: 600;
}

.relevance-product .source-item-info .info{
    display: flex;
}

.relevance-product .source-item-info>p{
    font-weight: 600;
}

.source-item-info .info img{
    max-width: 55px;
    height: 55px;
    object-fit: cover;
    margin-right: 15px;
}

.source-item-info .info .product-title{
    width: 40%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    line-height: 2;
}

.product-info .info .product-title{
    width: 71%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: black;
    line-height: 2;
}

.source-item-info .info .product-id{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #a39f9f;
    line-height: 1.5;
    cursor: pointer;
}

.source-item-info .info .supplier{
    width: 165px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #a39f9f;
    line-height: 1.5;
    cursor: pointer;
}

.relevance-product .source-item-slider{width:calc(100% );margin: 0 auto; overflow: hidden;white-space: nowrap;margin-left: -10px;}
.relevance-product .source-item-slider .source-item-slider-item{  display: inline-block;width:220px;max-height: 270px; margin: 0 25px;}
.relevance-product .source-item-slider .source-item-slider-item + .source-item-slider-item {}
.relevance-product .swipe-btn-left{position: absolute; left: 0; top: calc(50% - 23px);height: 46px; width: 20px; background-color: #ececec; color: #ffffff;text-align: center;line-height: 46px;cursor: pointer;}
.relevance-product .swipe-btn-left::after{content: '<';}
.relevance-product:hover .swipe-btn-left {background-color: #cccccc;}
.relevance-product .swipe-btn-right {position: absolute; right: 0; top: calc(50% - 23px);height: 46px; width: 20px; background-color: #ececec; color: #ffffff;text-align: center;line-height: 46px;cursor: pointer;}
.relevance-product .swipe-btn-right::after{content: '>';}
.relevance-product:hover .swipe-btn-right {background-color: #cccccc;}

.relevance-product-dialog form .source-item-img {
    height: 55px;
    width: 55px;
}

.relevance-product-dialog form select {
    margin: 0 11px;
    border-radius: 3px;
    height: 34px !important;
}

.relevance-product-dialog form .source-item-select {
    width: 13% !important;
}

.relevance-product-dialog form .source-sku-select {
    width: 35% !important;
}

.relevance-product-dialog form .source-item-selector-td {
    display: flex;
    justify-content: flex-start;
}

.relevance-product-dialog form .source-item-selector-source {
    flex: 1;
}

.relevance-product-dialog form .source-item-selector-sku {
    flex: 3.2;
}

.relevance-product-dialog form .source-item-selector-num {
    flex: 0.7;
}

.relevance-product-dialog form .operate-text {
    cursor: pointer;
    font-weight: 600;
    margin: 0 2px;
}

.relevance-product-dialog form .operate-text.add {
    color: #12b0af;
}

.relevance-product-dialog form .operate-text.del {
    color: #a39f9f;
}

.relevance-product-dialog form .operate-text.del:hover {
    color: #e93333;
}

.relevance-product-dialog form .copy-block {
    margin: 5px 0;
}

.relevance-product-dialog form .operate-block {
    line-height: 55px;
}

.in-b {
    display: inline-block;
}

.J_fissionCopyAiProductBox .active{
	color: #008add;
}

.J_fissionCopyMainImageBox .J_skuImgItemBox .active {
	border: 1px solid #008add;
}

#J_aiImageSelectModal .active, #J_aiImageSelectModal .J_replaceImgItem:hover{
	border-color: #008add;
}

.product-select-box .product-select-item.active {
	border-color: #008add;
	background-color: #008add;
}

#J_editProductInfoBody .ai-title-btn,.J_fissionCopyAiProductBox .ai-title-btn, #J_warePreviewModal .ai-title-btn{
    border: 1px solid #008add;
	color: #008add;
}

.ykt-ai-tag{
    position: absolute;
    background: #ebeef5;
    color: #909399;
    line-height: 16px;
    font-size: 12px;
    padding: 0 4px;
    right: 0;
    top: -16px;
    z-index: 1;
}
.relevance-product-dialog form .source-item-img {
    height: 40px;
    width: 40px;
}

.encrypt-order-pool.active{
    color: #03b3b2
}

.ds_center_guide {
    position: fixed;
    right: 33px;
    bottom: 33px;
    padding: 10px;
    background-color: #fff;
    z-index: 1000;
}
.title-quick-assistant-box {
    background:linear-gradient(180deg,#c4e0ff 0%,#ffffff 100%);
}
.open-title-quick-assistant {
    background-image: url(../img/dz-title-quick-assistant-tool.png);
}
.video-upload-file-box {
    height: 230px;
}

.J_buyinStrategyCommissionRateTypeInput[type=number]::-webkit-inner-spin-button,.J_buyinStrategyCommissionRateTypeInput[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.J_autoSelectProductType.active {
	text-shadow: none;
	border:1px solid #0283cc;
	color:#0283cc;
    background-color: #ffffff !important;
}

#J_dsSameProductFilterBtn button{
    height: 100%;
    border: none;
    color: #000;
    font-size: 13px;
}

#J_dsSameProductFilterBtn button.selected {
    color:#0283cc !important;
}