html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tfoot,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

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

html {
  font-family: "Trebuchet MS", sans-serif;
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  background-color: #f5f5f5;
  font-size: 12px;
  overflow-y: scroll;
}

#applicationContainer {
  width: 980px;
  margin: auto;
}

#applicationContainer.fullscreen {
  width: 100%;
}

#applicationContainer.fullscreen div#sideNavWrapper {
  margin-left: 15px;
}

#applicationContainer.fullscreen div#contentWrapper {
  width: calc(100% - 315px);
}

#_qrRoot {
  margin-top: 10px;
}

div {
}

div#_loading {
  background: url(/image/home/ajax-loader.gif) 5px 2px no-repeat yellow;
  width: 300px;
  position: fixed;
  left: 50%;
  top: 0px;
  margin-left: -150px;
  height: 20px;
  z-index: 100000;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

/* misc */

h1,h2,h3,h4,h5,h6,p {
  margin: 0;
  padding: 0;
}

a.white {
  color: #fff;
}

span.red {
  color: #f00;
}

div.hidden {
  display: none;
}

tr.hidden {
  display: none;
}

.nomargin {
  margin: 0;
}

.block {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

select.block, input.block {
  display: inline-block;
}

.input-group.block {
  display: inline-block;
}

.left {
  float: left;
}

.right {
  float: right;
}

.bold {
  font-weight: bold;
}

.noItem {
  margin: 10px;
  display: block;
  text-align: center;
}

div.label {
  display: inline-block;
  width: 150px;
}

span.required {
  color: #f00;
}

.pad05 {
  padding: 0 5px;
}

div.tag {
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #000;
  display: inline-block;
  line-height: 15px;
  margin-right: 5px;
  padding: 0 5px;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  opacity: 0.3;
}

div.tag:hover {
  opacity: 0.7;
}

div.tag.selected, div.tag.selected:hover {
  opacity: 1;
}

.cut {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

p.noResult {
  padding: 10px;
  text-align: center;
}

/*
button {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
  background: -moz-linear-gradient(90deg, rgba(228, 228, 228, 0.9), rgba(255, 255, 255, 0.9)) #222;
  background: -webkit-gradient(
    linear, center bottom, center top, 
    from(rgba(228, 228, 228, 0.9)), 
    to(rgba(255, 255, 255, 0.9))
  ) #222;
  font-size: 12px;
  height: 20px;
  cursor: pointer;
  text-decoration: none;
  color: #4e4e50;
  border: 0 none;
  display: inline-block;
  margin: 0 5px;
  position: relative;
  -webkit-border-image: -webkit-gradient(
    linear, center bottom, center top, 
    from(rgba(179, 179, 179, 1)), 
    to(rgba(223, 223, 223, 1))
  ) #222;
}

button.boxOpen {
  margin: 5px;
  width: 490px;
  height: 30px;
  font-weight: bold;
}

button.red     { background-color: #e33100; }
button.blue    { background-color: #2daebf; }
button.orange  { background-color: #ff5c00; }
button.magenta { background-color: #a9014b; }
button.yellow  { background-color: #ffb515; }
button.green   { background-color: #91bd09; color: #000; }

button.red:hover     { background-color: #872300; }
button.blue:hover    { background-color: #007d9a; }
button.orange:hover  { background-color: #d45500; }
button.magenta:hover { background-color: #630030; }
button.yellow:hover  { background-color: #fc9200; }
button.green:hover   { background-color: #749a02; }

button:active {
  top: 1px;
}

button:hover {
  background-color: #111;
}
*/

.highlight:hover {
  background-color: #ffffce;

}

div.dataPreview {
  border: solid 2px #555;
  padding: 0 5px;
  background-color: #ffffce;
  line-height: 20px;
  font-weight: bold;
  font-weight: 15px;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
}

.scroll2 {
  max-height: 250px;
  overflow-y: scroll;
}

div.iframeCloseButton {
  padding: 10px;
  border: solid 2px #000;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  float: right;
  background-color: #555;
  color: #fff;
  opacity: .5;
  cursor: pointer;
}

/* end misc */

/* header */

header {
  display: block;
  position: relative;
  height: 60px;
  line-height: 60px;
  color: #4e4e50;
  padding: 0 0 0 10px;
  background-color: #fff;
  box-shadow: 0px 1px 1px #ddd;
}

/* header title */

header h1 {
  margin: 0;
  float: left;
  font-size: 18px;
}

header h1 span.headerGray {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 200;
}

/*end header title */

/* header nav */

header nav {
  float: right;
  display: inline;
  margin-right: 0px;
}

header nav ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

header > nav > ul > li {
  float: right;
  width: 120px;
  padding: 0 10px;
  margin: 0;
  text-align: center;
  cursor: inherit;
  font-size: 15px;
  font-weight: bold;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
}

header > nav > ul > li:first-of-type {
  border-left: solid 1px #e1e1e1;
}

header > nav > ul > li:hover, header > nav > ul > li.active {
  background-color: #eee;
}

header > nav > ul > li.active:hover, header > nav > ul > li.active {
  background: #eee;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
}

div.menuContent {
  position: absolute;
  width: 300px;
  margin-left: -171px;
  background-color: #eee;
  z-index: 1000;
  text-align: left;
  border: solid 1px #ddd;
  border-top: none;
  display: none;
}

div.menuContent.full {
  left: 0;
  right : 0;
  margin-left: 0;
  width: auto;
}

div.rightMenuContent {
  float: right;
  margin-right: 10px;
  text-align: right;
  font-size: 12px;
  line-height: 30px;
  margin-top: 5px;
}

div.rightMenuContent ul li a {
  color: #FFF;
}

div#usraccLabel {
  width: 120px;
  overflow: hidden;
  color: #891617;
  white-space: nowrap;
}

/*
li.menu:hover div.menuContent {
  display: block;
}
  */

/* menu button */

div.menuButton {
  height: 35px;
  width: 120px;
  line-height: 35px;
  padding-left: 45px;
  text-align: left;
}

button.menuButton {
  height: 35px;
  margin: 10px;
}

div.smallMenuButton {
  height: 20px;
  line-height: 20px;
  padding-left: 25px;
  text-align: left;
}

div.smallMenuButton.add,div.smallMenuButton.edit,
div.smallMenuButton.remove,div.smallMenuButton.check,
div.smallMenuButton.next,div.smallMenuButton.prev,
div.smallMenuButton.massAdd,div.smallMenuButton.massEdit,
div.smallMenuButton.first,div.smallMenuButton.last,
div.smallMenuButton.massDelete,div.smallMenuButton.refresh,
div.smallMenuButton.save {
  padding-left: 16px;
}

div.menuButton.user {
  background: url(/image/user/user_32.png) 0 50% no-repeat;
}

div.menuButton.site {
  background: url(/image/site_32.png) 0 50% no-repeat;
}

div.menuButton.publisher {
  background: url(/image/publisher_32.png) 0 50% no-repeat;
}

div.menuButton.mail {
  background: url(/image/mail_32.png) 0 50% no-repeat;
}

div.menuButton.notification {
  background: url(/image/notification_32.png) 0 50% no-repeat;
}

div.menuButton.changePassword {
  background: url(/image/user/editPassword_32.png) 0 50% no-repeat;
}

div.menuButton.logout {
  background: url(/image/user/logout_32.png) 0 50% no-repeat;
}

div.menuButton.comment {
  background: url(/image/product/comment_32.png) 0 50% no-repeat;
}

div.menuButton.criteria {
  background: url(/image/product/criteria_32.png) 0 50% no-repeat;
}

div.menuButton.discount {
  background: url(/image/product/tax_32.png) 0 50% no-repeat;
}

div.menuButton.partner {
  background: url(/image/product/partner_32.png) 0 50% no-repeat;
}

div.menuButton.selection {
  background: url(/image/product/selection_32.png) 0 50% no-repeat;
}

div.menuButton.customer {
  background: url(/image/customer/customer_32.png) 0 50% no-repeat;
}

div.menuButton.interest {
  background: url(/image/customer/interest_32.png) 0 50% no-repeat;
}

div.menuButton.carrier {
  background: url(/image/order/carrier_32.png) 0 50% no-repeat;
}

div.menuButton.shipping {
  background: url(/image/order/shipping_32.png) 0 50% no-repeat;
}

div.menuButton.order {
  background: url(/image/order/order_32.png) 0 50% no-repeat;
}

div.menuButton.warehouse {
  background: url(/image/order/warehouse_32.png) 0 50% no-repeat;
}

div.menuButton.city {
  background: url(/image/earth_location_32.png) 0 50% no-repeat;
}

div.menuButton.label {
  background: url(/image/tag_32.png) 0 50% no-repeat;
}

div.menuButton.supplier {
  background: url(/image/product/supplier_32.png) 0 50% no-repeat;
}

div.menuButton.bike {
  background: url(/image/product/bike_32.png) 0 50% no-repeat;
}

div.menuButton.index {
  background: url(/image/product/index_32.png) 0 50% no-repeat;
}

div.menuButton.product {
  background: url(/image/product/package_32.png) 0 50% no-repeat;
}

div.menuButton.kit {
  background: url(/image/product/kit_32.png) 0 50% no-repeat;
}

div.menuButton.purchase {
  background: url(/image/product/purchase_32.png) 0 50% no-repeat;
}

div.menuButton.gear {
  background: url(/image/product/gear_32.png) 0 50% no-repeat;
}

div.menuButton.deal {
  background: url(/image/deal_32.png) 0 50% no-repeat;
}

div.menuButton.comment {
  background: url(/image/comment_32.png) 0 50% no-repeat;
}

div.menuButton.mail {
  background: url(/image/mail_32.png) 0 50% no-repeat;
}

div.menuButton.text {
  background: url(/image/text_32.png) 0 50% no-repeat;
}

div.menuButton.invoice {
  background: url(/image/order/invoice_32.png) 0 50% no-repeat;
}

div.menuButton.task {
  background: url(/image/task_32.png) 0 50% no-repeat;
}

div.menuButton.asset {
  background: url(/image/order/asset_32.png) 0 50% no-repeat;
}

div.menuButton.coupon {
  background: url(/image/order/coupon_32.png) 0 50% no-repeat;
}

div.menuButton.shippingWave {
  background: url(/image/order/shippingWave_32.png) 0 50% no-repeat;
}

div.menuButton.orderReturn {
  background: url(/image/order/orderReturn_32.png) 0 50% no-repeat;
}

div.menuButton.paymentTransaction {
  background: url(/image/order/paymentTransaction_32.png) 0 50% no-repeat;
}

div.menuButton.fianet {
  background: url(/image/order/fianet_32.png) 0 50% no-repeat;
}

div.menuButton.stat {
  background: url(/image/order/stat_32.png) 0 50% no-repeat;
}

div.menuButton.inventory {
  background: url(/image/product/inventory_32.png) 0 50% no-repeat;
}


div.smallMenuButton.check {
  background: url(/image/home/check_16.png) 0 50% no-repeat;
}

div.smallMenuButton.site {
  background: url(/image/site_16.png) 0 50% no-repeat;
}

div.smallMenuButton.publisher {
  background: url(/image/publisher_16.png) 0 50% no-repeat;
}

div.smallMenuButton.edit {
  background: url(/image/home/edit_16.png) 0 50% no-repeat;
}

div.smallMenuButton.add {
  background: url(/image/home/add_16.png) 0 50% no-repeat;
}

div.smallMenuButton.refresh {
  background: url(/image/home/refresh_16.png) 0 50% no-repeat;
}

div.smallMenuButton.massAdd {
  background: url(/image/home/massAdd_16.png) 0 50% no-repeat;
}

div.smallMenuButton.massEdit {
  background: url(/image/home/massEdit_16.png) 0 50% no-repeat;
}

div.smallMenuButton.massDelete {
  background: url(/image/home/massDelete_16.png) 0 50% no-repeat;
}


div.smallMenuButton.next {
  background: url(/image/next_16.png) 0 50% no-repeat;
}

div.smallMenuButton.prev {
  background: url(/image/prev_16.png) 0 50% no-repeat;
}

div.smallMenuButton.first {
  background: url(/image/home/first_16.png) 0 50% no-repeat;
}

div.smallMenuButton.last {
  background: url(/image/home/last_16.png) 0 50% no-repeat;
}

div.smallMenuButton.remove {
  background: url(/image/home/remove_16.png) 0 50% no-repeat;
}

div.smallMenuButton.city {
  background: url(/image/earth_location_16.png) 0 50% no-repeat;
}

div.smallMenuButton.carrier {
  background: url(/image/order/carrier_16.png) 0 50% no-repeat;
}

div.smallMenuButton.shipping {
  background: url(/image/order/shipping_16.png) 0 50% no-repeat;
}

div.smallMenuButton.order {
  background: url(/image/order/order_16.png) 0 50% no-repeat;
}

div.smallMenuButton.warehouse {
  background: url(/image/order/warehouse_16.png) 0 50% no-repeat;
}

div.smallMenuButton.criteria {
  background: url(/image/product/criteria_16.png) 0 50% no-repeat;
}

div.smallMenuButton.supplier {
  background: url(/image/product/supplier_16.png) 0 50% no-repeat;
}

div.smallMenuButton.partner {
  background: url(/image/product/partner_16.png) 0 50% no-repeat;
}

div.smallMenuButton.link {
  background: url(/image/product/link_16.png) 0 50% no-repeat;
}

div.smallMenuButton.bike {
  background: url(/image/product/bike_16.png) 0 50% no-repeat;
}

div.smallMenuButton.discount {
  background: url(/image/product/discount_16.png) 0 50% no-repeat;
}

div.smallMenuButton.selection {
  background: url(/image/product/selection_16.png) 0 50% no-repeat;
}

div.smallMenuButton.purchase {
  background: url(/image/product/purchase_16.png) 0 50% no-repeat;
}

div.smallMenuButton.user {
  background: url(/image/user/user_16.png) 0 50% no-repeat;
}

div.smallMenuButton.customer {
  background: url(/image/customer/customer_16.png) 0 50% no-repeat;
}

div.smallMenuButton.interest {
  background: url(/image/customer/interest_16.png) 0 50% no-repeat;
}

div.smallMenuButton.product {
  background: url(/image/product/product_16.png) 0 50% no-repeat;
}

div.smallMenuButton.kit {
  background: url(/image/product/kit_16.png) 0 50% no-repeat;
}

div.smallMenuButton.clock {
  background: url(/image/product/clock_16.png) 0 50% no-repeat;
}

div.smallMenuButton.tax {
  background: url(/image/product/tax_16.png) 0 50% no-repeat;
}

div.smallMenuButton.index {
  background: url(/image/product/index_16.png) 0 50% no-repeat;
}

div.smallMenuButton.deal {
  background: url(/image/deal_16.png) 0 50% no-repeat;
}

div.smallMenuButton.mail {
  background: url(/image/mail_16.png) 0 50% no-repeat;
}

div.smallMenuButton.gear {
  background: url(/image/product/gear_16.png) 0 50% no-repeat;
}

div.smallMenuButton.invoice {
  background: url(/image/order/invoice_16.png) 0 50% no-repeat;
}

div.smallMenuButton.refresh {
  background: url(/image/home/refresh_16.png) 0 50% no-repeat;
}

div.smallMenuButton.comment {
  background: url(/image/product/comment_16.png) 0 50% no-repeat;
}

div.smallMenuButton.cash {
  background: url(/image/product/cash_16.png) 0 50% no-repeat;
}

div.smallMenuButton.asset {
  background: url(/image/order/asset_16.png) 0 50% no-repeat;
}

div.smallMenuButton.coupon {
  background: url(/image/order/coupon_16.png) 0 50% no-repeat;
}

div.smallMenuButton.shippingWave {
  background: url(/image/order/shippingWave_16.png) 0 50% no-repeat;
}

div.smallMenuButton.orderReturn {
  background: url(/image/order/orderReturn_16.png) 0 50% no-repeat;
}

div.smallMenuButton.filter {
  background: url(/image/product/filter_16.png) 0 50% no-repeat;
}

div.smallMenuButton.video {
  background: url(/image/product/video_16.png) 0 50% no-repeat;
}

div.smallMenuButton.paymentTransaction {
  background: url(/image/order/paymentTransaction_16.png) 0 50% no-repeat;
}

div.smallMenuButton.fianet {
  background: url(/image/order/fianet_16.png) 0 50% no-repeat;
}

div.smallMenuButton.stat {
  background: url(/image/order/stat_16.png) 0 50% no-repeat;
}

div.smallMenuButton.inventory {
  background: url(/image/product/inventory_16.png) 0 50% no-repeat;
}

/* end menu button */

/* icon p */

p.phone {
  background: url(/image/product/phone_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.bike {
  background: url(/image/product/bike_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.birthdate {
  background: url(/image/customer/birthdate_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.cellPhone {
  background: url(/image/product/cellPhone_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.delivery {
  background: url(/image/product/delivery_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.criteria {
  background: url(/image/product/criteria_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.comment {
  background: url(/image/product/comment_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.selection {
  background: url(/image/product/selection_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.fax {
  background: url(/image/product/fax_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.website {
  background: url(/image/product/website_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.email {
  background: url(/image/product/email_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.people {
  background: url(/image/people_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.user {
  background: url(/image/user/user_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.customer {
  background: url(/image/customer/customer_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.order {
  background: url(/image/order/order_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.shipping {
  background: url(/image/order/shipping_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.carrier {
  background: url(/image/order/carrier_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.warehouse {
  background: url(/image/order/warehouse_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.customer.fem {
  background: url(/image/customer/customerFem_16.png) 0 50% no-repeat;
}

p.key {
  background: url(/image/key_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.measure {
  background: url(/image/product/measure_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.weight {
  background: url(/image/product/weight_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.barcode {
  background: url(/image/product/barcode_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.product {
  background: url(/image/product/product_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.partner {
  background: url(/image/product/partner_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.flag {
  background: url(/image/product/europe_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.link {
  background: url(/image/product/link_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.discount {
  background: url(/image/product/tax_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.supplier {
  background: url(/image/product/supplier_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.company {
  background: url(/image/product/supplier_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.login {
  background: url(/image/customer/login_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.city {
  background: url(/image/earth_location_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.clock {
  background: url(/image/product/clock_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.tax {
  background: url(/image/product/tax_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.cash {
  background: url(/image/product/cash_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.kit {
  background: url(/image/product/kit_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.credit {
  background: url(/image/order/paymentType_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.index {
  background: url(/image/product/index_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.sum {
  background: url(/image/product/sum_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.deal {
  background: url(/image/deal_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.gear {
  background: url(/image/gear_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.file {
  background: url(/image/file_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.invoice {
  background: url(/image/order/invoice_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.task {
  background: url(/image/task_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.asset {
  background: url(/image/order/asset_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.coupon {
  background: url(/image/order/coupon_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.shippingWave {
  background: url(/image/order/shippingWave_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.orderReturn {
  background: url(/image/order/orderReturn_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.filter {
  background: url(/image/product/filter_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.video {
  background: url(/image/product/video_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.paymentTransaction {
  background: url(/image/order/paymentTransaction_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.fianet {
  background: url(/image/order/fianet_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.stat {
  background: url(/image/order/stat_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.inventory {
  background: url(/image/product/inventory_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

p.publisher {
  background: url(/image/product/publisher_16.png) 0 50% no-repeat;
  padding: 0 0 0 20px;
  margin: 10px 0;
}

/* end icon p */

/* icon title  */

h2.user {
  background: url(/image/user_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.customer {
  background: url(/image/customer/customer_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.customer.fem {
  background: url(/image/customer/customerFem_24.png) 0 50% no-repeat;
}

h2.product {
  background: url(/image/product/package_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.kit {
  background: url(/image/product/kit_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.partner {
  background: url(/image/product/partner_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.barcode {
  background: url(/image/product/barcode_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.key {
  background: url(/image/key_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.productImportFile {
  background: url(/image/product/productImportFile_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.selection {
  background: url(/image/product/selection_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.bike {
  background: url(/image/product/bike_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.criteria {
  background: url(/image/product/criteria_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.purchase {
  background: url(/image/product/purchase_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.comment {
  background: url(/image/product/comment_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.paymentType {
  background: url(/image/order/paymentType_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.shipping {
  background: url(/image/order/shipping_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.europe {
  background: url(/image/product/europe_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.carrier {
  background: url(/image/order/carrier_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.order {
  background: url(/image/order/order_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.warehouse {
  background: url(/image/order/warehouse_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.accounting {
  background: url(/image/product/accounting_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.home {
  background: url(/image/customer/home_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.interest {
  background: url(/image/customer/interest_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.index {
  background: url(/image/product/index_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.login {
  background: url(/image/customer/login_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.delivery {
  background: url(/image/product/delivery_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.gear {
  background: url(/image/product/gear_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.master {
  background: url(/image/master_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.cash {
  background: url(/image/product/cash_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.text {
  background: url(/image/text_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.link {
  background: url(/image/product/link_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.discount {
  background: url(/image/product/tax_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.supplier {
  background: url(/image/product/supplier_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.company {
  background: url(/image/product/company_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.deal {
  background: url(/image/deal_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.image {
  background: url(/image/product/noImage_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.contact {
  background: url(/image/product/contact_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.task {
  background: url(/image/task_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.auth {
  background: url(/image/auth_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.news {
  background: url(/image/text_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.mail {
  background: url(/image/mail_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.file {
  background: url(/image/file_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.invoice {
  background: url(/image/order/invoice_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.asset {
  background: url(/image/order/asset_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.coupon {
  background: url(/image/order/coupon_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.shippingWave {
  background: url(/image/order/shippingWave_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.orderReturn {
  background: url(/image/order/orderReturn_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.filter {
  background: url(/image/product/filter_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.video {
  background: url(/image/product/video_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.paymentTransaction {
  background: url(/image/order/paymentTransaction_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.fianet {
  background: url(/image/order/fianet_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.stat {
  background: url(/image/order/stat_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.inventory {
  background: url(/image/product/inventory_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

h2.publisher {
  background: url(/image/product/publisher_24.png) 0 50% no-repeat;
  padding: 0 0 0 30px;
}

/* end icon title */

/* img input */

input.clock {
  background: url(/image/product/clock_16.png) 3px 50% no-repeat #fff;
  padding: 3px 0 3px 20px;
  width: 148px;
}

/* end img input */

/* menu list */

ul.menuList {
   list-style: inside square;
   padding-left: 10px;
}

ul.menuList > li {
  text-align: left;
}

ul.menuList > li > a {
  color: #333;
}

/* menu list */

/* end header nav */

/* end header */

/* deal */

div.dealImage {
  display: inline-block;
  background-color: #aaa;
  width: 235px;
  border: solid 1px #555;
  margin: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

img.dealImage {
  display: block;
}

a.dealImageMain {
  float: right;
  margin: 2px;
  background: url(/image/star_grey_16.png) 50% 50% no-repeat;
  width: 20px;
  height: 20px;
}

a.dealImageMain.main {
  background: url(/image/star_yellow_16.png) 50% 50% no-repeat;
}

a.dealImageDelete {
  float: right;
  margin: 2px;
  background: url(/image/delete_16.png) 50% 50% no-repeat;
  width: 20px;
  height: 20px;
}

/* end deal */

/* deal progress bar */

div.dealPBContainer {
  height: 50px;
  background-color: #ddd;
}

div.dealPBContainer > div.dealPBTopLabel {
  height: 15px;
}

div.dealPBContainer > div.dealPBBottomLabel {
  height: 15px;
}

div.dealPBContainer > div.dealPBContent {
  height: 20px;
  background-color: #999;
}

div.dealPBContent > div.dealPBRed {
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.3)) #222;
  background: -webkit-gradient(
    linear, center top, center bottom, 
    from(rgba(0, 0, 0, 0)), 
    to(rgba(255, 255, 255, 0.3))
  ) #222;
  background-color: #e33100;
  height: 20px;
}

div.dealPBContent > div.dealPBGreen {
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.3)) #222;
  background: -webkit-gradient(
    linear, center top, center bottom, 
    from(rgba(0, 0, 0, 0)), 
    to(rgba(255, 255, 255, 0.3))
  ) #222;
  background-color: #91bd09;
  height: 20px;
}

/* end deal progress bar */

/* deal list item */

div.dealListItem {
  padding: 5px;
  border-bottom: solid 1px #000;
}

div.dealListItem:nth-child(2n+1) {
  background-color: #eee;
}

div.dealListItem:nth-child(2n+2) {
  background-color: #ccc;
}

div.dealListItem:last-of-type {
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: none;
}

/* end deal list item */

/* list */

div.list {
  background: #fff;
  padding-bottom: 10px;
}

div.listWrapper {
  width: 280px;
}

div.widgetPickerContainer div.listWrapper {
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
  top: 62px;
  bottom: 0;
  left: 0;
}

div.listWrapper.static {
  position: static;
}

div.listItem {
  padding: 10px;
  margin: 0 10px;
  border-bottom: solid 1px #e1e1e1;
  font-family: "Trebuchet MS", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #939598;
  background-color: #f9f9f9;
}

div.listItem:last-of-type {
  border-bottom: none;
}

div.listItem .title {
  color: #4e4e50;
  font-size: 13px;
}

div.listItem.selected {
  background: -moz-linear-gradient(90deg, #e4e4e4, #fff);
  background: -webkit-gradient(linear, center bottom, center top, from(#e4e4e4), to(#fff)) left 0;
}

div.listItem.root {
  padding: 10px 5px 10px 20px;
  font-weight: bold;
  color: #000;
}

div.listItem.parent {
  padding: 10px 5px 10px 20px;
  font-weight: bold;
  color: #000;
  border-left: solid 15px #8f8f8f;
}

div.listItem.child {
  border-left: solid 30px #8f8f8f;
}


div.listItem.parent.close {
  background: url(/image/navigate_close_16.png) 0 50% no-repeat;
}

div.listItem.root.close {
  background: url(/image/navigate_close_16.png) 0 50% no-repeat;
}

div.listItem.parent.open {
  background: url(/image/navigate_open_16.png) 0 50% no-repeat;
}

div.listItem.root.open {
  background: url(/image/navigate_open_16.png) 0 50% no-repeat;
}

div.listItem.parent.open.selected {
}

div.listItem .floatingRight {
  position: absolute;
  right: 3px;
  top: 10px;
}

div.listCell {
  float: left;
}

.clickable {
  cursor: pointer;
}

/* end list */

/* list control */

div.listControl {
  background-color: #fff;
  padding: 10px;
}

div.listControl.flat {
  background: none;
  background-color: #f9f9f9;
}

div.listControl > h3 {
  margin: 0 0 -10px 10px;
}

input.listControlSearch {
  width: 205px;
  margin: 10px -1px 5px 10px;
  padding: 2px 0px 2px 20px;
  background: url(/image/view_16.png) 2px 2px no-repeat #fff;
  outline: none;
}

input.criterionSearch {
  width: 205px;
  margin: 10px -1px 5px 1px;
  border: solid 1px;
  border-color: #666 #ccc #ccc;
  padding: 2px 0px 2px 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: url(/image/view_16.png) 2px 2px no-repeat #fff;
  outline: none;
}

select.criterionSearch {
  width: 272px;
  margin: 10px 0px;
}

input.listControlSearch:active, input.listControlSearch:focus,
input.criterionSearch:active, input.criterionSearch:focus {
  border-color: #2f77cf;
}

div.listControlNav {
  padding: 0px;
}

/* end list control */

/* modal */

div.modalBackground {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1000;
}

/*
div.modal {
  margin: 50px auto 20px auto;
  background: #e1e1e1;
  padding: 2px 3px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 20px 20px 50px #333;
  -webkit-box-shadow: 20px 20px 50px #333;
}
*/

div.innerModal {
  background: #fff;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: #aaa #ccc #ccc #aaa;
  -webkit-box-shadow:inset 0 0 3px #ccc;
  -moz-box-shadow:inset 0 0 3px #ccc;
  box-shadow:inset 0 0 3px #ccc;
}

div.innerModal.rounded,.rounded {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 2px 1px;
}

div.modal h1,div.modal h4 {
  color: #891617;
}

div.modalActions {
  text-align: right;
  padding: 5px 10px;
}

div.white {
  background: #fff;
}

.center {
  text-align: center;
}

div.checkbox {
  display: inline-block;
  background: url(/image/checkboxUnchecked_24.png) 0 50% no-repeat;
  width: 25px;
  height: 25px;
}

div.checkbox.checked {
  background-image: url(/image/checkboxChecked_24.png);
}

/* end modal */

/* box */

div.box {
  display: inline-block;
  background: #f6f6f6;
  -moz-box-shadow: 0px 1px 1px #ddd;
  -webkit-box-shadow: 0px 1px 1px #ddd;
  margin: 10px 10px 10px 0px;
  vertical-align: top;
}

div.box.gray {
  background: #555;
}

div.box.blue {
  background: #2f77cf;
}

div.box.red {
  background: #E33100;
}

div.box > h2 {
  color: #891617;
  font-size: 15px;
  margin-left: 10px;
  line-height: 30px;
}

div.boxContent {
  background: #fff;
  /*-webkit-transition: all 500ms linear;*/
}

div.box.b1c {
  width: 333px;
}

div.box.b2c {
  width: 686px;
}

div.box > div.boxActions {
  text-align: right;
  padding: 5px 10px 2px 10px;
}

/* end box */

/* box tab */

div.boxTab {
  color: #fff;
}

ul.boxTabList {
  list-style: none;
  margin: 4px 4px 2px 4px;
  padding: 2px;
  text-align: center;
  background: rgba(17, 17, 17, 0.7);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

li.boxTabListItem {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
  background: -moz-linear-gradient(90deg, rgb(17, 17, 17), rgb(93, 93, 93));
  background: -webkit-gradient(linear, center bottom, center top, from(#111), to(#5d5d5d)) left 0;
  font-size: 12px;
  line-height: 24px;
  border-right: solid 2px #111;
}

li.boxTabListItem.selected {
  background: -webkit-gradient(linear, center bottom, center top, from(#000), to(#333)) left 0;
  background: -moz-linear-gradient(90deg, #000, #333);
}

li.boxTabListItem.selected:hover {
  background: -webkit-gradient(linear, center bottom, center top, from(#000), to(#333)) left 0;
  background: -moz-linear-gradient(90deg, #000, #333);
  cursor: inherit;
}

li.boxTabListItem:hover {
  cursor: pointer;
  background: -moz-linear-gradient(90deg, rgb(93, 93, 93), rgb(17, 17, 17));
  background: -webkit-gradient(linear, center bottom, center top, from(#5d5d5d), to(#111)) left 0;
}

li.boxTabListItem.b2c { width: 49.6%; }
li.boxTabListItem.b3c { width: 32.8%; }
li.boxTabListItem.b5c { width: 19.75%; }

li.boxTabListItem.left {
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

li.boxTabListItem.right {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-right: none;
}

/* end box tab */

/* gray box */

div.grayBox {
 margin: 5px 3px; 
 padding: 5px; 
 background: #ccc;
 -moz-box-shadow: 2px 2px 5px #555;
 -webkit-box-shadow: 2px 2px 5px #555;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

div.grayBox h3 {
  text-shadow: 1px 1px 4px #000;
  color: #fff;
}

/* end gray box*/

/* simple box */

div.simpleBox {
  display: inline-block;
  padding: 0 10px 10px 10px;
  border: solid 2px #aaa;
  vertical-align: top;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

div.simpleBox > h2 {
  text-align: center;
  margin: 0 15px 10px;
  padding: 5px;
  background-color: #aaa;
  color: #fff;
 -moz-border-radius-bottomleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
}

/* end simple box */

/* form */

div.formColumn {
  display: inline-block;
  margin: 0 5px;
  width: 410px;
  vertical-align: top;
}

.textInput.w03col, .w03col,select.w03col { width: 117px; }
.textInput.w1col, .w1col,select.w1col   { width: 180px; }
.textInput.w2col, .w2col,select.w2col   { width: 371px; }

.textInput.w470, .w470 { width: 470px; }
.textInput.w650, .w650 { width: 650px; }
.textInput.w270, .w270 { width: 270px; }
.textInput.w130, .w130 { width: 130px; }
.textInput.w150, .w150 { width: 150px; }
.textInput.w80, .w80, select.w80 { width: 80px; }
.textInput.w110, .w110, select.w110 { width: 110px; }
.textInput.w195, .w195, select.w195 { width: 195px; }

.textInput.wGender, .wGender  { width: 80px; }
.textInput.wFirstName, .textInput.wLastName { width: 137px; }

.aleft, .btn.aleft  { text-align: left; }
.aright, .btn.aright  { text-align: right; }
.acenter, .btn.acenter  { text-align: center; }


.h200,.textInput.h200 { height: 200px; }
.h400,.textInput.h400 { height: 400px; }
.h150 { height: 150px; }
.h100 { height: 100px; }

/*
.textInput {
  border-style: solid;
  border-width: 1px;
  border-color: #666 #ccc #ccc;
  margin: 1px;
  padding: 3px 0 3px 3px;
  width: 180px;
  height: 14px;
  outline: none;
}
*/

.textInput.error {
  border-color: #900 #f00 #f00;
}

/*
.textInput:focus {
  border-color: #2f77cf;
}
*/

.textInput.search {
  background: url(/image/view_16.png) 2px 2px no-repeat;
  padding-left: 20px;
}

label.small {
  font-weight: bold;
  font-size: 12px;
  color: #555;
}

span.small {
  font-size: 11px;
}

label.title {
  font-weight: bold;
  font-size: 13px;
  color: #4e4e50;
  display: block;
  padding: 15px 10px;
}

span.error {
  font-size: 80%;
  color: #f00;
}

.form-control + br + span.error {
  display: block;
  margin-top: -20px;
}

/* end form */

/* progressBar */

div.progressBar {
  width: 250px;
  height: 20px;
  background: -webkit-gradient(linear, center bottom, center top, from(#000), to(#333)) left 0;
  background: -moz-linear-gradient(90deg, #000, #333);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 2px 2px 5px #555;
  -webkit-box-shadow: 2px 2px 5px #555;
}

div.progressBar.flat {
  background: #333;
  -moz-box-shadow: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-box-shadow: none;
}

div.progressBarGroupItem {
  width: 250px;
  height: 20px;
}

div.innerProgressBar {
  float: left;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  text-indent: 5px;
  background: -moz-linear-gradient(90deg, #2f6309, #7ec225);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f6309), to(#7ec225)) left 0;
  white-space: nowrap;
}

div.innerProgressBar2 {
  float: right;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-weight: bold;
  background: -moz-linear-gradient(90deg, #711616, #ad2d2d);
  background: -webkit-gradient(linear, center bottom, center top, from(#711616), to(#ad2d2d)) left 0;
  white-space: nowrap;
}

div.progressBarLegend {
  height: 20px;
  line-height: 20px;
  margin: 7px 0;
}

div.progressBarLegend div.value1 {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: -moz-linear-gradient(90deg, #2f6309, #7ec225);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f6309), to(#7ec225)) left 0;
  border: solid 1px #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div.progressBarLegend div.value2 {
  display: inline-block;
  height: 10px;
  width: 10px;
  background: -moz-linear-gradient(90deg, #711616, #ad2d2d);
  background: -webkit-gradient(linear, center bottom, center top, from(#711616), to(#ad2d2d)) left 0;
  border: solid 1px #000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* end progressBar */


/* stats table */

div.table {
  border: solid 1px #000;
  
}

div.theader {
  background-color: #333;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/*div.row {
  border-top: solid 1px #e1e1e1;
  height: 40px;
  cursor: pointer;
  clear: left;
}*/

div.row.h60 {
  height: 60px;
}

div.rowdescription {
	background-color: #eee;
  border-top: solid 1px #333;
  height: auto;
  clear: left;
	margin-top: 18px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

h1.rowdescriptionTitle {
  margin: 0;
  background: #555;
  color: #fff;
  padding: 4px 15px;
  font-size: 15px;
}

div.row.selected {
  color: #fff;
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
}

div.row.big {
  height: 50px;
}

div.row.small {
  height: 25px;
  line-height: 25px;
  font-size: 11px;
}

/*
div.row:nth-child(4n+1) {
  background-color: #eee;
}

div.row:nth-child(4n+3) {
  background-color: #ccc;
}

div.row.simple:nth-child(2n+1) {
  background-color: #fff;
}

div.row.simple:nth-child(2n+2) {
  background-color: #eee;
}

div.row.simple.highlight:nth-child(2n+1):hover {
  background-color: #ffc;
}

div.row.simple.highlight:nth-child(2n+2):hover {
  background-color: #ffc;
}
*/

div.row.simple:last-of-type {
}

div.row.simple:first-of-type {
}

div.row.simple.noBorderRadius {
  -moz-border-radius: 0px;
  border-radius: 0px;
}

div.row.simple.noTopBorderRadius {
  -moz-border-radius-topleft: 0px;
  -moz-border-radius-topright: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

div.cell {
  border-right: solid 1px #e1e1e1;
  height: auto;
  line-height: 40px;
  height: 40px;
  float: left;
  overflow: hidden;
  white-space: nowrap;
}

div.row.small div.cell {
  height: 25px;
  line-height: 25px;
}

div.row.h60 div.cell {
  height: 60px;
  line-height: 60px;
}

div.cell:last-of-type {
  border-right: none;
}

div.row.big div.cell {
  height: 50px;
  line-height: 50px;
}

div.cell.title {
  font-weight: bold;
  font-size: 14px;
  padding-left: 5px;
  white-space: nowrap;
  overflow: hidden;
}

div.cell.text {
  padding: 0 5px;
}

div.cell.rightArrow {
  background: url(/image/home/right_16.png) 100% 50% no-repeat;
  padding-right: 20px;
}

/* detailContainer */

div.detailContainer {
  float: left;
  border: solid #2f77cf;
  border-width: 0px 10px 10px 8px;
  -moz-box-shadow: 0px 1px 1px #555;
  -webkit-box-shadow: 0px 1px 1px #555;
}

div.detailContainer > div {
  border: solid 1px #333;
  border-top: none;
}

div.detailContainerMenu {
  float: left;
  margin-top: 20px;
  width: 15%;
}

div.detailContainerMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.detailContainerMenu ul li {
  margin: 0;
  margin: 10px 0;
  padding: 5px 0 5px 3px;
  background: #333;
  color: #fff;
  font-size: 13px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-box-shadow: 0px 1px 1px #555;
  -webkit-box-shadow: 0px 1px 1px #555;
  cursor: pointer;
}

div.detailContainerMenu ul li:hover {
  background: #51a6e6;
}

div.detailContainerMenu ul li.selected {
  background: #2f77cf;
  cursor: default;
}

div.domainDetailContainer {
  height: 250px;
  display: none;
}

div.domainRateContainer {
  display: none;
}

div.rateContainer {
  height: 150px;
  display: none;
}

div.rate {
  width: 24%;
  float: left;
}

div.rate h1 {
  font-size: 20px;
  text-align: center;
  margin: 25px;
  color: #333;
  text-shadow: 3px 3px 10px #333;
}

/* end detailContainer */

/* end stat table */

/* data preview table */

table.dataPreview {
  width: 100%;
  border-collapse: collapse;
}

table.dataPreview tr {
  line-height: 20px;
}

table.dataPreview > thead {
  background-color: #555;
  color: #fff;
  font-weight: bold;
}

table.dataPreview tr {
  border: solid 1px #555;
  border-top: none;
}

/* Content */

div#sideNavWrapper {
  width: 280px;
  float: left;
  box-shadow: 2px 2px 2px #ddd;
}

div#sideNavWrapper.hidden {
  left: -350px;
  display: block;
}

div#sideNav {
  background: #aaa;
}

div#contentWrapper {
  width: 690px;
  float: left;
  margin-left: 10px;
}

div#contentWrapper.mobile {
  left: 0px;
}

div#contentWrapper.full {
  left: 0; 
}

div#content {
  /*background: #b4c7e0;*/
  background: #fff;
  margin: 0;
  padding: 0;
  box-shadow: 2px 2px 2px #ddd;
  margin-bottom: 20px;
}

div#content header,header.blue {
  height: 45px;
  line-height: 45px;
  color: #891617;
  font-size: 15px;
  font-family: "Trebuchet MS", sans-serif;
  background: -moz-linear-gradient(90deg, #fff, #f6f6f6);
  background: -webkit-gradient(linear, center bottom, center top, from(#f6f6f6), to(#ffffff)) left 0;
  padding: 0 10px;
}

div#content header .btn-group.pull-right {
  margin: 6px 0;
}

div#content header h1 {
  line-height: 45px;
}


div#content2 {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #000;
}

div.contentShadow {
  position: absolute;
  top: 45px;
  left: 300px;
  right: 0;
  background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 1));
  background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 1))) left 0;
  height: 3px;
  z-index: 2;
  -webkit-transition: left .2s ease-in-out;
}

div.contentShadow.full {
  left: 0;
}

/* end Content */

/* Task */

div.taskPriority {
  height: 15px;
  background-color: #00f;
  color: #fff;
  font-size: 12px;
  padding: 1px 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

div.taskPriority_0 {
  background-color: #00f;
}

div.taskPriority_1 {
  background-color: #C35617;
}

div.taskPriority_2 {
  background-color: red;
}

/* end Task */

/* selecter fieldset */

fieldset.selecter {
  display: inline-block;
  padding: 20px 20px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 10px;
  border: solid 3px #555;
}

fieldset.selecter > legend {
  color: #555;
  font-weight: bold;
}

/* end selecter fieldset */

/* widget picker */

div.widgetPickerWrapper {
  width: 280px;
  height: 400px;
}

div.widgetPickerContainer {
  position: absolute;
  height: 400px;
  width: 280px;
}

div.widgetPickerContainer div.listControl{
}

div.widgetPickerContainer div.listWrapper {
}

div.widgetPickerContainer div.listWrapper div.list {
  min-height: 340px;
}

div.widgetPickerPointer {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-box-shadow: 6px 6px 15px #000;
  -webkit-box-shadow: 6px 6px 15px #000;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #333;
  width: 50px;
  height: 50px;
  z-index: 1000;
  float: left;
  margin-left: -25px;
  position: absolute;
  left: 500px;
  top: 110px;
}

div.widgetPickerBackground {
  position: absolute;
  z-index: 1009;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/* end widget picker */

/* access denied message */

div.accessDeniedContainer {
  position: absolute;
  z-index: 200000;
  left: 50%;
  top: 50%;
  width: 500px;
  height: 200px;
  margin-left: -250px;
  margin-top: -100px;
  background-color: #111;
  border: solid 4px #f00;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-box-shadow: 6px 6px 15px #000;
  -webkit-box-shadow: 0px 0px 15px #000;
}

div.accessDeniedContainer h1 {
  color: #f00;
  font-size: 30px;
  text-align: center;
  margin: 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}


div.accessDeniedContainer p {
  color: white;
  font-size: 16px;
  margin: 10px;
}

div.accessDeniedContainer button {
  position: absolute;
  z-index: 200001;
  bottom: 10px;
  right: 10px;
  top: 151px;
}

div.accessDeniedContainer button:active {
  bottom: 11px;
  top: 150px;
} 

/* end access denied message */

/* permission */

fieldset.permission {
  border: solid 1px #e1e1e1;
  margin: 10px 0;
}

fieldset.permission > legend {
  -moz-border-radius: 5px;
  border: solid 1px #e1e1e1;
  background-color: #e1e1e1;
  color: #000;
  font-weight: bold;
  padding: 0 16px 0 6px;
  -moz-box-shadow: 2px 2px 5px #000;
  text-transform: capitalize;
}

div.permissionModel {
  display: inline-block;
  width: 300px;
  margin: 10px;
  border: solid 2px #e1e1e1;
  vertical-align: top;
}

div.permissionModel > h2 {
  background-color: #e1e1e1;
  color: #000;
  padding: 2px 5px;
  text-transform: capitalize;
}

div.permissionModel > ul {
  list-style-type: none;
  margin: 0;
  padding: 10px;
}

/* end permission */

/* task comment */

div.taskComment {
  padding: 10px;
}

div.taskComment:nth-child(2n+1) {
  background-color: #eee;
}

div.taskComment:nth-child(2n+2) {
  background-color: #ccc;
}

div.taskCommentInfo {
  display: inline-block;
  width: 200px;
}

div.taskCommentContent {
  display: inline-block;
  vertical-align: top;
}

/* end task comment*/

/* status */

div.status {
  border: solid 1px #555;
  display: inline-block;
  border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  background-color: #2f6212;
}

/* end status */

/* logger */

div.logger {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 301px;
  height: 400px;
  background-color: #000;
  opacity: 0.9;
  color: #fff;
  z-index: 10000;
  font-family: monospace;
  overflow: hidden;
  padding: 5px 0;
}

div.logger.white {
  background-color: #444;
}

/* end logger */


/* customer logs*/

table.customerLogs {
  border-collapse: collapse;
  border: solid 1px #555;
}

table.customerLogs > thead {
  font-weight: bold;
  font-size: 13px;
  background-color: #555;
  border-bottom: solid 1px #555;
}

table.customerLogs > thead td {
  padding: 5px;
  color: #fff;
}

tr.customerLogsRow {
  border-bottom: solid 1px #555;
}

tr.customerLogsRow td {
  padding: 5px;
}

tr.customerLogsRow:nth-child(2n+1) {
  background-color: #ddd;
}

/* end customer logs*/


/* big progress bar */

div.bigPBContainer {
  width: 100%;
  height: 30px;
  border: solid 2px #2f77cf;
  -webkit-border-radius: 8px;
}

div.bigPBInnerContainer {
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
  -webkit-border-radius: 6px;
  height: 30px;
  width: 25%;
}

div.bigPBLabel {
  line-height: 30px;
  text-align: center;
  position: relative;
  top: -30px;
  font-weight: bold;
}

/* end big progress bar */


/* simple list */

ul.simpleList {
  margin: 0;
  padding: 0;
  border-left: solid 1px #555;
  border-right: solid 1px #555;
}

ul.simpleList li {
  list-style-type: none;
  border-top: solid 1px #555;
  padding: 10px;
}

ul.simpleList li:nth-child(2n+1) {
  background-color: #eee;
}

/* end simple list */

/* data table */

div.dataTableWrapper {
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  right: 0;
  overflow: auto;
}

div.dataTableFooter {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  background: -moz-linear-gradient(90deg, #000, #3a3a3a);
  background: -webkit-gradient(linear, center bottom, center top, from(#000), to(#222));
}

table.dataTable {
  border-collapse: collapse;
  width: 100%;
  background-color: #fff;
}

table.dataTable.separate {
  border-collapse: separate;
}

table.dataTable > thead {
  line-height: 30px;
  color: #fff;
  font-weight: bold;
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
  cursor: pointer;
}

table.dataTable > thead td {
  border-right: solid 1px #fff;
  padding: 0 25px 0 5px;
  white-space: nowrap;
}

table.separate > thead td {
  padding-right: 5px;
}

table.dataTable > thead td.orderAsc {
  background: url(/image/orderAsc_16.png) no-repeat 100% 50%;
}

table.dataTable > thead td.orderDesc {
  background: url(/image/orderDesc_16.png) no-repeat 100% 50%;
}

table.dataTable > thead td:last-of-type {
  border-right: none;
}

table.dataTable > tbody tr {
  line-height: 30px;
  border-bottom: solid 1px #555;
}

table.dataTable > tbody tr.breakTr {
  line-height: 30px;
  border-bottom: solid 1px #555;
  background-color: #444;
  color: #fff;
  font-weight: bold;
}

table.dataTable.separate > tbody > tr, 
table.dataTable.separate > thead > tr {
  line-height: 15px;
}

table.dataTable.smaller > tbody > tr, 
table.dataTable.smaller > thead > tr {
  line-height: 15px;
}

table.dataTable.smaller > tbody > tr > td, 
table.dataTable.smaller > thead > tr > td {
  line-height: 15px;
  vertical-align: middle;
  white-space: normal;
}


table.dataTable > tbody tr:hover, table.dataTable > tbody tr:nth-child(2n + 1):hover {
  background-color: #ffc;
  cursor: pointer;
}

table.dataTable.nohighlight > tbody tr:hover {
  background-color: #fff;
  cursor: default;
}

table.dataTable.nohighlight > tbody tr:nth-child(2n + 1):hover {
  background-color: #ccc;
  cursor: default;
}

table.dataTable > tbody tr.selected,table.dataTable > tbody tr.selected:nth-child(2n + 1) {
  background-color: #000;
  color: #fff;
}

table.dataTable > tbody tr:last-of-type {
  border-bottom: none;
}

table.dataTable.doubleLine > tbody tr:last-of-type {
  border-bottom: solid 1px #555;
}

table.dataTable > tbody tr:nth-child(2n + 1) {
  background-color: #ccc;
}

table.dataTable.doubleLine > tbody tr:nth-child(2n + 1) {
  background-color: #fff;
}

table.dataTable.doubleLine > tbody tr:nth-child(2n + 1):hover {
  background-color: #fff;
}

table.dataTable.doubleLine > tbody tr:nth-child(4n + 1) {
  background-color: #ccc;
}

table.dataTable.doubleLine > tbody tr:nth-child(4n + 2) {
  background-color: #ccc;
}

table.dataTable.nohighlight.doubleLine > tbody tr:nth-child(4n + 1):hover {
  background-color: #ccc;
  cursor: default;
}

table.dataTable.nohighlight.doubleLine > tbody tr:nth-child(4n + 2):hover {
  background-color: #ccc;
  cursor: default;
}



table.dataTable > tbody tr td {
  border-right: solid 1px #555;
  padding: 0 5px;
  white-space: nowrap;
}

table.dataTable.separate > tbody > tr td {
  white-space: normal;
}

table.dataTable > tbody tr td:last-of-type {
  border-right: none;
}

/* end data table*/

/* product selector */

div.pSelectorContainer {
  height: 600px;
}

div.pSelectorLeftColumn {
  height: 600px;
  width: 250px;
  float: left;
  border-right: solid 2px #555;
}

div.pSelectorMainColumn {
  height: 600px;
  width: 750px;
  float: left;
}

div.pSelectorLeftSectionHeader {
  border-bottom: solid 2px #555;
  position: relative;
  height: 35px;
  padding-left: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

div.pSelectorLeftSectionHeader > h2 {
  line-height: 35px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
}

div.pSelectorLeftSectionList {
  overflow-y: scroll;
}

div.pSelectorMainColumn header {
  height: 35px;
  line-height: 35px;
  color: #fff;
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
  border-color: #444 #ccc #ccc #444;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
}

div.pSelectorMainColumn div#pSelectorListContainer > header > input.listControlSearch {
  margin: 5px 0px 0px 0px;
  border-color: #2f77cf;
}

span.pSelectorResultCount {
  float: right;
  margin-right: 10px;
  font-weight: bold;
}

div.pSelectorListWrapper {
  width: 748px;
  height: 560px;
  overflow-y: scroll;
}

div.pSelectorListWrapper div.listItem {
  height: 50px;
  line-height: 50px;
}

div.pSelectorListWrapper div.listItem.moreResults, div.pSelectorListWrapper div.listItem.noResults {
  height: 30px;
  line-height: 30px;
  padding: 5px;
  border-bottom: none;
}

p.pSelectorRowDescription {
  white-space: normal;
  font-size: 11px;
  line-height: 12px;
  text-align: justify;
  color: #555;
}

div.pSelectorLeftSectionList div.listItem {
  padding: 0px;
  line-height: 20px;
}

div.pSelectorFooterContainer {
  padding: 0px 5px;
  color: #fff;
}

div.pSelectorSelectionActionsContainer {
  color: #fff;
  margin-left: 10px;
}

div.pSelectorSelectionActionsContainer a {
  color: #fff;
}

div.pSelectorLeftSectionList div.listControl {
  display: none;
}

div.pSelectorLeftSectionList div.listWrapper {
  position: static;
  overflow-y: visible;
  width: 233px;
}

div.pSelectorLeftSectionList div.listWrapper div.criterionList input.criterionSearch {
  width: 210px;
}
/* end product selector */

/* product widget */

div.pWidgetContainer header {
  height: 35px;
  line-height: 35px;
  color: #fff;
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
  border-color: #444 #ccc #ccc #444;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
}

div.pWidgetContentContainer {
  width: 748px;
  height: 560px;
  overflow-y: scroll;
}

div.pWidgetLeftColumn {
  float: left;
  width: 481px;
  min-height: 1000px;
}

div.pWidgetRightColumn {
  float: right;
  width: 250px;
}

div.pWidgetImagesContainer {

}

div.pWidgetSecondaryImagesContainer {
  float: left;
  padding: 10px;
  width: 200px;
}

div.pWidgetImageContainer {
  width: 52px;
  margin: 4px;
  padding: 2px;
  box-shadow:inset 0 0 1px #444;
  border-color: #444 #ccc #ccc #444;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  cursor: pointer;
}

div.pWidgetImageContainer.selected {
  box-shadow: 0 0 12px #2f77cf;
}

div.pWidgetImageContainer {
  float: left;
}

div.pWidgetConfigurationContainer {
  background: -moz-linear-gradient(90deg, #2f77cf, #51a6e6);
  background: -webkit-gradient(linear, center bottom, center top, from(#2f77cf), to(#51a6e6)) left 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  /*-webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;*/
  box-shadow:inset 0px 0px 3px #000;
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #444 #ccc #ccc #444;
  margin: 5px 2px 5px 5px;
  padding: 5px;
  color: #fff;
}

div.pWidgetDescriptionsContainer {
  padding: 10px;
  text-align: justify;
}

div.pWidgetDescriptionsContainer p {
  margin: 10px 0;
}
/* end product widget */

/* product image widget */

div.piWidgetImagesContainer {
  padding: 10px;
  min-height: 105px;
}

div.piWidgetImagesContainerHover {
  background-color: yellow;
}
div.piWidgetImageContainer {
  position: relative;
  padding: 5px 5px 15px 5px;
  margin: 0 7px 7px 0;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 3px #222;
  -moz-box-shadow: 1px 1px 3px #222;
  float: left;
}

div.piWidgetImageContainer img.piWidgetImage {
  width: 70px;
}

div.piWidgetImageContainer div.piWidgetImage {
  width: 70px;
  -webkit-box-shadow: inset 0px 0px 3px #555;
  -moz-box-shadow: inset 0px 0px 3px #555;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  padding: 2px;
}

div.piWidgetImageContextContainer {
  opacity: 0;
  -webkit-transition: opacity .2s linear;
  position: absolute;
  display: block;
  padding: 5px;
  width: 74px;
  height: 87px;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000000;
  display: block;
}

div.piWidgetImageContextContainer button {
  width: 74px;
  margin: 10px 0;
}

div.piWidgetImageContainer:hover .piWidgetImageContextContainer {
  opacity: 1;
}

div#piWidgetContainer {
  border-width: 0px;
}

div#piWidgetContainer.fixedHeight {
  height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
}

div.piWidgetOption {
  width: 241px;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
}

div.piWidgetOption:nth-child(2n + 2) {
  border-right: none;
}

/* end product image widget */

/* file drop zone */

div.fileDropZone {
  margin: 10px;
  padding: 10px;
  border: dashed 3px #666;
  color: #666;
}

div.fileDropZoneHover {
  background-color: yellow;
}

div.fileDropZoneUploading {
  border-style: solid;
}

div.fileDropZone h3 {
  font-size: 24px;
  text-align: center;
}


/* end file drop zone */

/* product discount */

div#pDiscountSideColumn {
  position: absolute;
  bottom: 0px;
  width: 300px;
  height: 100%;
  background-color: #fff;
}

/* end product discount */

/* option mass builder */

div#ombWidgetAttributesContainer {
  width: 1000px;
  margin: 10px auto;
}

div.ombWidgetAttributeContainer {
  margin-bottom: 10px;
  padding: 10px;
}

div.attributeSourceColumn {
  width: 380px;
  padding: 10px;
  float: left;
  min-height: 50px;
}

div.attributeActionColumn {
  width: 100px;
  float: left;
  margin: 0 38px;
  min-height: 50px;
}

div.attributeDestinationColumn {
  width: 380px;
  padding: 10px;
  float: left;
  min-height: 50px;
}

select.ombWidgetAttributeSelect {
  width: 380px;
  height: 132px;
}

div#ombWidgetOptionsContainer {
  width: 1007px;
  margin: 10px auto;
}

div#ombWidgetOptionsContainer h2 {
  color: #fff;
  font-size: 18px;
  margin-left: 10px;
}
div.transparentRow {
  border-bottom: solid 1px #555;
}

div.transparentCell {
  border-right: solid 1px #555;
  padding: 0 5px 5px 5px;
  float: left;
  line-height: 26px;
}

/* end option mass builder */

/* order processor */

div.opQuickAccessContainer {
  background: #fff;
  padding: 10px;
  border-bottom: solid 5px #555;
}

select#opQuickAccessSelect {
  width: 280px;
}

div.opSearchItem {
  margin: 10px 0;
}

div.opSearchItem input {
  width: 260px;
}

div.opSearchItem select {
  width: 265px;
}

div.opSearchItem button {
  width: 265px;
}

div.opOrderContainer {
  width: 740px;
}

/* end order processor */

/* cat full */

div.catFullRootContainer {
  width: 900px;
  font-size: 14px;
  border: solid 2px #000;
}

div.catFullRootRow {
  background-color: #ccc;
}

div.catFullParentRow.catFullRow {
  background-color: #ddd;
  border-left: solid 20px #555;
  border-top: dashed 1px #000;
}

div.catFullChildRow.catFullRow {
  background-color: #eee;
  border-left: solid 40px #555;
  border-top: dashed 1px #000;
}



div.catFullRow {
}

div.catFullName {
  float: left;
  line-height: 50px;
  padding-left: 5px;
}

div.catFullActions {
  float: right;
  padding: 8px;
}

/* end cat full */

/* stats */

div#controlsContainer {
  background-color: #fff;
  overflow-y: auto;
  padding: 10px;
}

/* end stats */

/* inventory */

#notificationContainer {
  position: absolute;
  left: 50%;
  width: 400px;
  height: 30px;
  line-height: 30px;
  margin-left: -200px;
  margin-top: 5px;
  background: green;
  height: 30px;
  border: solid 2px #fff;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  display: none;
}

#notificationContainer.error {
  background: red;
}

/* end inventory */




div.workflowBlock {
  display: inline-block;
  background-color: #eee;
  border: solid 1px #555;
  padding: 10px;
  width: 380px;
  margin: 0 5px 5px 0;
  vertical-align: top;
}


pre {
  font-family: monospace;
  border: solid 1px #f5f1e5;
  border-width: 1px;
  padding: 10px;
  word-wrap: break-word;
  background-color: #fdfbf4;
  color: #4e4e50;
}

/* stat data table */

table.statDataTable {
  width: 100%;
  color: #4e4e50;
}

table.statDataTable td {
  border-right: solid 1px #891617;
  border-bottom: solid 1px #891617;
}

table.statDataTable td {
  padding: 10px;
}

table.statDataTable thead tr {
  background-color: #891617;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  text-align: center;
}

table.statDataTable thead tr span.small {
  font-size: 12px;
}

table.statDataTable tbody tr {

}

table.statDataTable tbody tr.mailDateRow {
  background-color: #fff;
  font-weight: bold;
  font-size: 13px;
  cursor: pointer;
}

table.statDataTable tbody tr.mailDateRow:hover, table.statDataTable tbody tr.mailDateRow.darken:hover {
  background-color: #ffffce;
} 

table.statDataTable tbody tr.mailDateRow td:first-of-type {
  border-left: solid 10px #891617;
}

table.statDataTable tbody tr.mailDateRow.darken {
  background-color: #f4f4f4;
}

table.statDataTable tbody tr.mailRow td:first-of-type {
  border-left: solid 5px #891617;
}

table.statDataTable tbody tr.mailRow.darken {
  background-color: #f7f7f7;
}

/* end stat data table */

.mailVariable {
  display: inline-block;
  width: 200px;
  margin: 5px;
}

div.CodeMirror {
  width: 650px;
  height: 500px;
  border-top: solid 1px #555;
  border-bottom: solid 1px #555;
  font-size: 12px;
}

div#jsDocContainer div.CodeMirror {
  height: auto;
  font-size: 10px;
}


div.notifyMailContentHTMLRow div.CodeMirror {
  width: 830px;
  height: 300px;
}



ul.dropdown-menu li span.glyphicon {
  margin-right: 10px;
}

button.btn span.glyphicon {
  margin-right: 5px;
}

span.input-group-btn button.btn span.glyphicon,button.btn-glyphicon-only span.glyphicon {
  margin-right: 0;
}

.list-group.highlight .list-group-item:hover {
  background-color: #fcf8e3;
  cursor: pointer;
}

.list-group.striped > .list-group-item:nth-child(odd) {
  background-color: #f9f9f9;
}

.list-group.striped.highlight > .list-group-item:nth-child(odd):hover {
  background-color: #fcf8e3;
}

.panel > .panel-heading > h2 {
  color: #891617;
}

.stat-table {
}

.stat-table .green {
  color: #14A400;
}

.stat-table .red {
  color: #891617;
}


table.table.stat-table > tbody > tr > td {
  border: none;
  line-height: 30px;
}

table.table.hover tbody tr:hover > td {
  background-color: #fcf8e3;
}

table.table.table-striped.hover tbody tr:nth-child(odd):hover > td {
  background-color: #fcf8e3;
}

div.notifyMail {

}

.notifyMail header h1 {
  width: 590px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

div#content .notifyMail.notifyMailSmall header h1 {
  width: 550px;
  line-height: 35px;
  font-size: 14px;
}

div#content .notifyMail.notifyMailSmall header {
  height: 35px;
}

.notifyMail .notifyMailStatBox {
  float: left;
  padding: 15px 0px 5px 0px;
  border-right: solid 1px #ddd;
  text-align: center;
}

.notifyMail.notifyMailSmall .notifyMailStatBox {
  padding: 10px 15px 5px 15px;
}

.notifyMail .notifyMailStatBox span.big {
  font-size: 20px;
}

.notifyMail.notifyMailSmall .notifyMailStatBox span.big {
  font-size: 16px;
}

.notifyMail .notifyMailStatBox span.small {
  font-size: 12px;
  display: block;
  margin-top: 15px;
}


.notifyMail.notifyMailSmall .notifyMailStatBox span.small {
  margin-top: 5px;
}

#notifyMailsContainer div.row, .bootstrapRow div.row {
  border-top: initial;
  height: initial;
  cursor: initial;
  clear: initial;
  margin: initial;
}

.bootstrapRow div.row:nth-child(4n+3) {
  background-color: initial;
}

.bootstrapRow div.row:nth-child(4n+1) {
  background-color: initial;
}

.modal-body.no-spacing {
  padding: 0;
}

.list-group.no-spacing {
  margin-bottom: 0;
}

.list-group.no-spacing .list-group-item:first-child {
  border-radius: 0px;
}

.list-group.no-spacing .list-group-item:last-child {
  border-radius: 0px;
}

/* segments */

/* end segments */

/* audit */

.auditBox {
  border: solid 1px #ddd;
  margin: 10px;
  width: 650px;
  display: inline-block;
  border-radius: 3px;
}

.auditHeader {
  border-bottom: solid 1px #ddd;
  font-size: 14px;
  padding: 5px;
}

.auditBody {
  padding: 10px;
  text-align: center;
}

/* end audit */

/* mail filter */

.mailFilterStat {
  width: 300px;
  float: right;
  position: relative;
  height: 400px;
}

.mailFilterStatCloud {
  position: absolute;
  top: 0px;
  left: 90px;
  font-size: 120px;
  color: #891617;
}

.mailFilterStatCloudText {
  position: absolute;
  top: 65px;
  left: 90px;
  width: 120px;
  text-align: center;
  font-weight: bold;
  color: #fff;
}

.mailFilterStatArrowBody {
  position: absolute;
  background-color: #891617;
  width: 30px;
  height: 70px;
  left: 135px;
}

.mailFilterStatArrowLeftText {
  font-weight: bold;
  color: #891617;
  position: absolute;
  left: 20px;
  width: 115px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.mailFilterStatArrowRightText {
  font-weight: bold;
  color: #891617;
  position: absolute;
  left: 165px;
  width: 115px;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.glyphicon.mailFilterStatArrowPoint {
  font-size: 70px;
  left: 118px;
  position: absolute;
  color: #891617;
}

.mailFilterStatFilterBox {
  background-color: #891617;
  color: #fff;
  position: absolute;
  top: 150px;
  left: 20px;
  width: 260px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
}

.mailFilterStatFilterBoxName {
  float: left;
  font-weight: bold;
  width: 200px;
}

.mailFilterStatFilterBoxPercentage {
  float: right;
  font-weight: bold;
}

.mailFilterStatGatewayBox {
  background-color: #891617;
  color: #fff;
  position: absolute;
  top: 255px;
  left: 20px;
  width: 260px;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  font-weight: bold;
}

.glyphicon.mailFilterStatGatewayArrow {
  font-size: 40px;
  top: 280px;
  position: absolute;
  color: #891617;
}

.mailFilterStatGatewayText {
  position: absolute;
  top: 330px;
  color: #891617;
  width: 80px;
  text-align: center;
}

/* end mail filter */

/* mail hub */

#mailHubContainer {
  position: relative;
  border-bottom: solid 1px #000;
}

#mailHubCloud {
  font-size: 110px;
  position: absolute;
  top: -30px;
  left: 50px;
}

#mailHubCloudCount {
  position: absolute;
  top: 20px;
  left: 58px;
  width: 100px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

#mailHubMainArrow {
  top: 50px;
  left: 90px;
  height: 500px;
  border-bottom-left-radius: 6px;
}

.mailHubArrowBody {
  position: absolute;
  background-color: #333;
  color: #fff;
}

.mailHubArrowBodyVertical {
  width: 30px;
}

#mailHubFilterContainer {
  position: absolute;
  top: 80px;
  width: 100%;
  height: 500px;
}

.mailHubFilter {
  position: relative;
  width: 100%;
  height: 80px;
  z-index: 100;
}

.mailHubFilter .mhfInputCount {
  float: left;
  height: 80px;
  width: 90px;
  line-height: 80px;
  text-align: center;
  margin-right: 30px;
}

.mailHubFilter .mhfInputPercent {
  position: absolute;
  left: 90px;
  top: 0px;
  height: 30px;
  width: 80px;
  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  transform: rotate(-90deg);
  transform-origin: 40px 40px;
}

.mailHubFilter .mhfArrowBody {
  float: left;
  width: 80px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: 25px 0px;
  background-color: #333;
  color: #fff;
  position: relative;
  z-index: 100;
}

.mailHubFilter .mhfArrowPoint {
  float: left;
  font-size: 65px;
  margin: -1px 0 0 -33px;
}

.mailHubFilter .mhfArrowPointText {
  position: absolute;
  color: #ccc;
  font-size: 12px;
  transform: rotate(-90deg);
  left: 196px;
  top: 31px;
  height: 12px;
}

.mailHubFilter .mhfBox {
  float: left;
  width: 150px;
  height: 50px;
  margin: 15px 5px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
}

.mailHubFilter .mhfNameSpan {
  float: left;
  line-height: 50px;
  margin-left: 5px;
  width: 100px;
}

.mailHubFilter .mhfThroughputSpan {
  float: right;
  line-height: 50px;
  margin-right: 5px;
  width: 40px;
  text-align: right;
}

#mailHubGatewayContainer {
  position: absolute;
  top: 80px;
  right: 0px;
  width: 100%;
  height: 500px;
}

.mailHubGateway {
  height: 120px;
  width: 100%;
}

.mailHubGateway .mhgBox {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 140px;
  height: 100px;
  background-color: #00688B;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  margin: 10px;
  z-index: 1000;
  cursor: pointer;
}

.mailHubGateway .mhgName {
  font-weight: bold;
  text-align: center;
}

.mailHubGateway .mhgHLine {
  position: absolute;
  background-color: #00688B;
  height: 10px;
  top: 55px;
  width: 100px;
  right: 150px;
}

.mailHubGateway .mhgVLine {
  position: absolute;
  background-color: #00688B;
  width: 10px;
  top: 0px;
  height: 400px;
  right: 250px;
}


/* end mail hub */

/* dashboard */

.dashboardWrapper {
  position: absolute;
  top: 80px;
  left: 30px;
  right: 30px;
  overflow-x: hidden;
}

.connectedSortable.dashboardUl {
  min-width: 10px;
  min-height: 200px;
  list-style-type: none;
  padding-bottom: 100px;
}

.dashboardLi {
  list-style-type: none;

}

.dashboardPlaceHolder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 200px;
}

/* end dashboard */

.orderChevron {
  font-size: 10px;
  cursor: pointer;
}

.orderChevronSelected {
  color: #891617;
}

th .columnSearch {
  height: 20px;
}

#notifyMailTableLoader {
  background: url(/image/home/ajax-loader.gif) 5px 2px no-repeat yellow;
  width: 300px;
  position: fixed;
  left: 50%;
  top: 0px;
  margin-left: -150px;
  height: 20px;
  z-index: 100000;
  text-align: center;
  font-weight: bold;
  line-height: 20px;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
}

/* Partner Cross Table*/

table.cross-table > tbody td.selected {
  background-color: #fcf8e3;
}

table.cross-table > tbody td.target {
  background-color: #FFDEDE;
}

/* End Partner Cross Table */

.panel-subtitle {
  padding: 5px;
  font-size: 16px;
  text-align: center;
  background-color: #f5f5f5;
  border-bottom: solid 1px #dddddd;
  border-top: solid 1px #dddddd;
}

.spin{
     -webkit-transform-origin: 50% 58%;
     transform-origin:50% 58%;
     -ms-transform-origin:50% 58%; /* IE 9 */
     -webkit-animation: spin 1s infinite linear;
     -moz-animation: spin 1s infinite linear;
     -o-animation: spin 1s infinite linear;
     animation: spin 1s infinite linear;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

svg > g > g:last-child { pointer-events: none }

div.label.es-filter {
  width: initial;
  min-width: 120px;
  position: relative;
  height: 26px;
  line-height: 20px;
  font-size: 90%;
  border-radius: 1em;
  vertical-align: top;
  margin: 0px 10px 5px 0px;
}

div.label.es-filter.disabled {
  opacity: 0.4;
}

div.label.es-filter .es-filter-desc {

}

div.label.es-filter:hover .es-filter-desc {
  visibility: hidden;
}

div.label.es-filter .es-filter-actions {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

div.label.es-filter:hover .es-filter-actions {
  display: block;
}

div.label.es-filter:hover .es-filter-actions div.btn {
  padding: 2px 5px;
}

#filterContainer {
  min-height: 35px;
  border-bottom: solid 1px #ddd;
}

div#filterFormContainer {
  position: absolute;
  top: 34px;
  left: 15px;
  background-color: white;
  width: 600px;
  z-index: 3;
  box-shadow: 0px 1px 15px rgba(100, 100, 100, 0.49);
}

.metric-row h3 {
  margin-top: 10px;
}

.loader {
  height: 2px;
  width: 100%;
  position: absolute;
  overflow: hidden;
  background-color: #ddd;
}
.loader:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 2px;
  background-color: #2980b9;
  animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/* DataSend Dashboard */

.datasend-dashboard-container {
  margin: 0 15px;
}

.datasend-dashboard-header {
  padding: 15px 0;
  border-bottom: solid 1px #ddd;
}

.datasend-timeslot-row {
  border-bottom: solid 1px #ddd;
  padding: 5px 0;
  cursor: pointer;
}

.data-send-progress {
  width: 100%;
}

.data-send-progress-bar {
  height: 30px;
  border: solid 1px #000;
  width: 100%;
  position: relative;
  margin-top: 10px;
  background-color: #fff;
  display: flex;
}

.data-send-progress-sent-bar {
  height: 28px;
  background-color: #5cb85c;
  width: 40%;
  float: left;
}

.data-send-progress-soft-sent-bar {
  height: 28px;
  background-color: #bde499;
  width: 0%;
  float: left;
}

.data-send-progress-cron-sent-bar {
  height: 10px;
  background-color: #5cb85c;
  width: 0%;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.data-send-progress-cron-error-bar {
  height: 10px;
  background-color: #d9534f;
  width: 0%;
  position: absolute;
  left: 0px;
  bottom: 10px;
}


.data-send-progress-error-bar {
  height: 28px;
  background-color: #d9534f;
  width: 10%;
  float: left;
}

.data-send-progress-time-bar {
  position: absolute;
  bottom: 0px;
  height: 40px;
  width: 1px;
  background-color: #000;
  left: 0px;
}

/* end DataSend Dashboard */

.col-text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* resources */
.resource-container {
  width: 980px;
  margin-left: -10px;
  padding: 15px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #ddd;
  background-color: #fff;
}
/* end resources */

/* flex utils */

.d-flex {
  display: flex !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.align-items-center {
  align-items: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-column {
  flex-direction: column !important;
}

/* endflex utils */