* {
  font-family: 'Calibri', 'Tahoma';
  font-style: normal;
  color: #333333;
  text-decoration: none;
  margin: 0;
  padding: 0;
}
body {
  line-height: 1.5;
  background: #3b4751 url("img/default/bg.png") repeat-x fixed 0 0;
}
h1 {
  font-size: 24px;
  margin: 14px 0;
}
h2 {
  font-size: 20px;
  margin: 12px 0;
}
h3 {
  font-size: 18px;
  margin: 10px 0;
}
.clr {
  border: medium none;
  clear: both;
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
}
.wrapper {
  margin: 25px auto;
  padding: 20px;
  max-width: 1024px;
  min-width: 280px;
}
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
  width: 100%;
  height: 100%;
}
.defaultHidden {
  display: none;
}
.left {
  float: left;
}
.right {
  float: right;
}
.center {
  margin: auto;
}
.bold {
  font-weight: bold;
}
.whitebg {
  background-color: #ffffff;
}
select,
textarea,
input[type="text"],
input[type="password"] {
  font-size: 14px;
  padding: 5px 10px;
  border: 1px solid #cdcd99;
  box-shadow: 1px 2px 3px rgba(50, 50, 50, 0.1);
}
label {
  font-size: 16px;
  font-weight: bold;
}
.button {
  width: 225px;
  height: 40px;
  cursor: pointer;
  border: none;
  border-radius: 2px;
  background-color: #333333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  display: inline-block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #ffffff;
}
.button.green {
  background-color: #009900;
}
.button .caption {
  font-size: 13px;
  color: #ffffff;
  text-transform: uppercase;
  margin-top: 13px;
  display: inline-block;
}
.button:hover {
  background-color: #2b2b2b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button:active {
  background-color: #2b2b2b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
.flatButton {
  box-shadow: none;
  display: inline-block;
}
.flatButton.transparent {
  background-color: transparent;
}
.flatButton.green {
  background-color: #009900;
}
.flatButton.facebookBlue {
  background-color: #3B5999;
}
.flatButton.googleRed {
  background-color: #DD4B39;
}
.flatButton:hover {
  cursor: pointer;
}
.flatButton:hover .caption {
  text-decoration: underline;
}
.flatButton .icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
  display: inline-block;
}
.row {
  display: inline-block;
  padding: 10px 0;
  width: 890px;
}
.row:hover {
  background-color: #f6f6fc;
}
.row.head {
  background-color: #AAAADD;
}
.row .col {
  height: 25px;
  float: left;
  padding: 5px;
}
.row .col.name {
  width: 250px;
}
.row .col.price {
  width: 50px;
}
.row .col.info {
  width: 60px;
}
.row .col.info.sum {
  background-color: #EFEFFF;
}
.row .col.navigation {
  width: 80px;
}
.row .col.name input {
  width: 245px;
}
.row .col.price input {
  width: 45px;
}
menu {
  display: block;
  margin: -20px -20px 20px;
  background-color: #2b2b2b;
}
menu menuitem {
  margin: 0;
  padding: 5px 25px;
  display: inline-block;
}
menu menuitem .fa {
  margin-right: 5px;
}
menu menuitem .fa,
menu menuitem a {
  font-size: 18px;
  color: #ffffff;
}
menu menuitem.home {
  background-color: #2eb398;
}
menu menuitem.logout {
  float: right;
  background-color: #CB0228;
}
form {
  margin: 0;
}
.bubble {
  padding: 10px;
  margin: 10px 0px;
  border-radius: 10px;
  border: 1px solid #CDCD99;
  background-color: #EEEEFF;
}
.bubble.long {
  width: 890px;
}
.bubble.short {
  width: 430px;
  margin-left: 15px;
}
.bubble.green {
  background-color: #EEFFEE;
}
form.addStat {
  border-bottom: 1px solid #F6F6FC;
  margin-bottom: 10px;
}
.dataTables_wrapper a:hover {
  text-decoration: underline;
}
.dataTables_wrapper select {
  padding: 0 5px;
}
.dataTables_wrapper .paginate_button {
  padding: 0 !important;
}
.dataTables_wrapper table.stats td.productName {
  width: 500px;
}
.dataTables_wrapper table.stats td.productCode {
  width: 150px;
}
.dataTables_wrapper table.stats td.userName {
  width: 300px;
}
.dataTables_wrapper table.dataTable.no-footer {
  border: none !important;
}
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
  color: #ffffff;
  font-size: 14px;
  text-align: left;
  background-color: #2b2b2b !important;
}
.dataTables_wrapper table.dataTable tbody td {
  padding: 7px 10px !important;
  font-size: 13px;
  background-color: #f9f9f9;
}
.dataTables_wrapper table.dataTable tbody tr:nth-child(odd) td {
  padding: 7px 10px !important;
  font-size: 13px;
  background-color: #f0f0f0;
}
#login {
  width: 350px;
  margin: 20px auto;
  padding: 0;
  background-color: #FFF;
}
#login #caption {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 0;
  text-align: center;
  font-size: 22px;
  color: #ffffff;
  background-color: #2eb398;
}
#login #caption .fa {
  color: #ffffff;
  margin-right: 5px;
}
#login form {
  padding: 15px;
}
#login .logRow {
  width: 100%;
  padding: 5px 0;
  display: inline-block;
}
#login .logRow span {
  float: left;
}
#login .logRow input {
  float: right;
  width: 175px;
}
#login button {
  margin-top: 25px;
}
.editProduct label {
  width: 120px;
  margin-right: 10px;
  display: inline-block;
}
.editProduct select,
.editProduct textarea,
.editProduct input[type="text"] {
  width: 550px;
}
.editProduct textarea {
  height: 100px;
}
.editProduct b.saved {
  display: inline-block;
  background-color: #B4EDBE;
  padding: 5px;
  margin-bottom: 10px;
}
.editProduct b.notsaved {
  display: inline-block;
  background-color: red;
  padding: 5px;
}
.editProduct .image img {
  height: 120px;
  width: 120px;
}
.editProduct .image .data {
  width: 550px;
  padding-left: 10px;
}
.editProduct .image .data .row {
  width: 100%;
  padding: 2px;
}
.editProduct .image .data .deleteImage {
  margin-bottom: 35px;
}
.editProduct .image .data .deleteImage.emptyImage {
  margin-bottom: 0px;
}
.editProduct .image .data label {
  width: auto;
  font-weight: normal;
}
.editProduct .image .data input[type="radio"] {
  margin-right: 5px;
}
.editProduct .image .data input[type="text"].emptyImage {
  width: 490px;
}
.editProduct .categorySelection,
.editProduct .productData,
.editProduct #productParams {
  margin-bottom: 25px;
}
.editProduct .categorySelection .row,
.editProduct .productData .row,
.editProduct #productParams .row {
  margin: 0;
  padding: 0;
  display: table-row;
  background-color: #f9f9f9;
}
.editProduct .categorySelection .row:nth-child(odd),
.editProduct .productData .row:nth-child(odd),
.editProduct #productParams .row:nth-child(odd) {
  background-color: #f0f0f0;
}
.editProduct .categorySelection label,
.editProduct .productData label,
.editProduct #productParams label {
  color: #ffffff;
  background-color: #2b2b2b;
  display: table-cell;
  padding: 17px 10px 0 10px;
  vertical-align: top;
}
.editProduct .categorySelection input,
.editProduct .productData input,
.editProduct #productParams input,
.editProduct .categorySelection select,
.editProduct .productData select,
.editProduct #productParams select,
.editProduct .categorySelection textarea,
.editProduct .productData textarea,
.editProduct #productParams textarea {
  margin: 15px 20px;
}
.editProduct .categorySelection input[type=checkbox],
.editProduct .productData input[type=checkbox],
.editProduct #productParams input[type=checkbox] {
  margin: 20px 20px;
}
.editProduct #productParams .paramValueRow {
  padding-left: 20px;
  border-bottom: 1px solid #DDD;
}
.editProduct #productParams .paramValueRow input {
  width: 80px;
  margin-bottom: 5px;
}
.editProduct #productParams .paramValueRow textarea {
  width: 440px;
  height: 60px;
  margin-top: 5px;
}
.editProduct #productParams .paramValueRow span.descLabel {
  margin-right: 21px;
  position: relative;
  top: 5px;
  vertical-align: top;
}
.editProduct #productParams .addParamValue {
  margin-left: 20px;
}
.editProduct #productParams .flatButton.deleteParam {
  margin-right: 20px;
}
.editProduct #productParams .flatButton.deleteParamValue {
  margin-right: 20px;
}
.order .row {
  margin: 0;
  padding: 0;
  display: table-row;
  background-color: #f9f9f9;
}
.order .row:nth-child(odd) {
  background-color: #f0f0f0;
}
.order label {
  color: #ffffff;
  background-color: #2b2b2b;
  display: table-cell;
  padding: 5px 10px;
}
.order span.value {
  display: table-cell;
  padding: 5px 10px;
}
.order div.tableHeader {
  padding: 5px 10px;
  font-weight: bold;
  color: #ffffff;
  background-color: #2eb398;
  display: table-caption;
}
.order .orderData .userInfo {
  display: inline-block;
  float: left;
  max-width: 44%;
  margin-right: 3%;
}
.order .orderData .deliveryAddress,
.order .orderData .deliveryAndPayment {
  vertical-align: top;
  display: inline-block;
  max-width: 23%;
  margin-right: 3%;
}
.order table {
  margin-top: 20px;
}
.order table th {
  text-align: left;
  padding: 5px 20px;
  color: #ffffff;
  background-color: #2b2b2b;
}
.order table td {
  padding: 5px 20px;
  background-color: #f9f9f9;
}
.order table tr:nth-child(odd) td {
  background-color: #f0f0f0;
}
.order table a:hover {
  text-decoration: underline;
}
.order table .fa {
  font-size: 12px;
  margin-right: 5px;
  transform: translate(0px, -2px);
}