@charset "UTF-8";
/* Font Awesome Declaration, includes Fallback */
@font-face {
  font-family: 'FontAwesome';
  /* IE9 Compat Modes */
  src: url("../font-awesome-4.7.0/fonts/fontawesome-webfont.eot"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot");
  /* IE6-IE8 */
  src: url("../font-awesome-4.7.0/fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.eot") format("embedded-opentype"), url("../font-awesome-4.7.0/fonts/fontawesome-webfont.woff2") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff2") format("woff2"), url("../font-awesome-4.7.0/fonts/fontawesome-webfont.woff") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.woff") format("woff"), url("../font-awesome-4.7.0/fonts/fontawesome-webfont.ttf") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.ttf") format("truetype"), url("../font-awesome-4.7.0/fonts/fontawesome-webfont.svg") format("svg"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/fonts/fontawesome-webfont.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../fonts/Roboto/Roboto-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../fonts/Roboto/Roboto-Medium.ttf") format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../fonts/Roboto/Roboto-Bold.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: 'Roboto';
  src: url("../../fonts/Roboto/Roboto-Black.ttf") format("truetype");
  font-weight: 900;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../../fonts/RobotoCondensed/RobotoCondensed-Light.ttf") format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../../fonts/RobotoCondensed/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: 'Roboto Condensed';
  src: url("../../fonts/RobotoCondensed/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
}

body {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
}

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

body {
  line-height: 1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input,
select {
  vertical-align: middle;
}

button {
  cursor: pointer;
  cursor: hand;
}

textarea {
  font-family: inherit;
  font-size: inherit;
}

/* MIXINS does not affect css unless use */
/* ================================================== */
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
}

html,
body {
  height: 100%;
}

body {
  background: #f7f7f7;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 16px;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.875rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}

.main-content a:not(.btn):hover {
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

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

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-bold {
  font-weight: 700;
}

.color-error,
.color-red {
  color: #c9302c !important;
}

.color-warning {
  color: #ec971f !important;
}

.color-success,
.color-green {
  color: #27C229 !important;
}

.color-primary,
.color-blue {
  color: #337ab7 !important;
}

.table-search-box {
  text-align: left;
  margin-bottom: 16px;
}

.table-search-box .search-input {
  display: inline-block;
  background: #fff;
  border: 2px inset #e0e0e0;
  border-radius: 6px;
  padding: 6px;
}

.search-box {
  position: relative;
}

.search-box > #p_CustomerName {
  min-width: 300px;
}

.search-box > #p_ShippingAddress {
  min-width: 400px;
}

.search-box .result-box {
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  z-index: 1000;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  padding: 8px 0;
  border-radius: 6px;
  min-width: 250px;
  margin-top: 8px;
  -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);
}

.search-box .result-box .result-row {
  display: block;
  padding: 8px;
  color: #292f33;
}

.search-box .result-box .result-row:hover {
  background: #0097cf;
  color: #fff;
  cursor: pointer;
}

.columns-2-wrap > .col-1 {
  margin-right: 4.5%;
}

.columns-2-wrap > .col-1,
.columns-2-wrap > .col-2 {
  display: inline-block;
  width: 47.5%;
}

.form-edit .columns-2-wrap > .col-1 label,
.form-edit .columns-2-wrap > .col-2 label {
  min-width: 115px;
  text-align: right;
  padding-top: 10px;
}

.form-edit .columns-2-wrap > .col-1 input,
.form-edit .columns-2-wrap > .col-2 input {
  min-width: 300px;
}

.center-1440 {
  max-width: 1440px;
  margin: 0 auto;
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}

.vertical-align-top {
  vertical-align: top !important;
}

.vertical-align-middle {
  vertical-align: middle !important;
}

.float-right {
  float: right;
}

.hidden {
  display: none !important;
}

.select-width-default {
  min-width: 250px;
}

.input-width-item-description {
  width: 300px;
}

.input-width-item {
  width: 102px !important;
}

.input-width-load {
  width: 56px !important;
}

.input-width-price {
  width: 90px !important;
}

.input-width-stock {
  width: 72px !important;
}

label,
input,
textarea,
select {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  font-size: 1rem;
  min-height: 35px;
}

input,
textarea,
select {
  padding: 6px;
}

label {
  padding-top: 8px;
  vertical-align: top;
}

:not(.action-buttons) input:not([type='submit']):not([type='reset']):not([readonly]),
:not(.action-buttons) textarea,
:not(.action-buttons) select {
  background: #fff;
  border: 2px inset #e0e0e0;
  border-radius: 6px;
}

:not(.action-buttons) input:not([type='submit']):not([type='reset']):not([readonly]):focus,
:not(.action-buttons) textarea:focus,
:not(.action-buttons) select:focus {
  border-color: #048abb;
  outline: none;
}

:not(.action-buttons) input:not([type='submit']):not([type='reset']):not([readonly]):disabled,
:not(.action-buttons) textarea:disabled,
:not(.action-buttons) select:disabled {
  background: #e0e0e0;
  cursor: not-allowed;
}

input[readonly],
textarea[readonly] {
  border-color: transparent;
  border-radius: 6px;
}

input[readonly]:focus,
textarea[readonly]:focus {
  border-color: transparent;
}

table.width-default {
  min-width: 760px;
}

table.default-style td {
  padding: 12px 8px;
}

.shopping-cart-summary {
  border: 1px solid #ddd;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 4px 4px 1px #eee;
  -moz-box-shadow: 4px 4px 1px #eee;
  box-shadow: 4px 4px 1px #eee;
  padding: 17px 20px 9px 32px;
  margin-bottom: 20px;
  float: right;
  text-align: right;
}

.shopping-cart-summary table {
  display: inline-block;
}

.shopping-cart-summary table td {
  padding: 8px;
  text-align: right;
}

.shopping-cart-summary .action-buttons {
  border-top: 1px solid #ccc;
  padding-top: 24px;
  clear: both;
}

.total-cost {
  font-size: 1.5rem;
}

.action-buttons {
  margin-top: 24px;
}

.action-buttons .btn {
  margin-right: 8px;
}

.width-960 {
  max-width: 960px;
}

.small-notice {
  font-size: .75rem;
}

table .small-notice {
  margin-bottom: 8px;
  color: #666;
}

/**
 * Currently Using Font Awesome Icons
 */
.clock-icon:before, .dashboard-icon:before, .order-icon:before, .invoice-icon:before, .stock-icon:before, .models-icon:before, .manufacturers-icon:before, .dealers-icon:before,
.customers-icon:before, .report-icon:before, .sale-icon:before, .settings-icon:before, .add-icon:before,
.plus-icon:before, .phone.icon:before, .track-orders-icon:before, .track-orders-icon:after, .log-out-icon:before, .help-icon:before,
.info-icon:before, .shopping-cart-icon:before, .user-icon:before, .alert-notifications .message-info:before, .alert-notifications .message-success:before, .alert-notifications .message-warning:before, .alert-notifications .message-error:before, .btn-import:not(input):before, .btn-download:not(input):before, .btn-add:not(input):before, .btn-edit:not(input):before, .btn-delete:before, .btn-close:before, .btn-remove:before, .btn-shopping-cart:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* use mixin to choose icon */
.clock-icon:before {
  content: "";
}

.dashboard-icon:before {
  content: "";
}

.order-icon:before {
  content: "";
}

.invoice-icon:before {
  content: "";
}

.stock-icon:before {
  content: "";
}

.models-icon:before {
  content: "";
}

.manufacturers-icon:before {
  content: "";
}

.dealers-icon:before,
.customers-icon:before {
  content: "";
}

.report-icon:before {
  content: "";
}

.sale-icon:before {
  content: "";
}

.settings-icon:before {
  content: "";
}

.add-icon:before,
.plus-icon:before {
  content: "";
}

.phone.icon:before {
  content: "";
}

.track-orders-icon:before {
  content: "";
}

.track-orders-icon:after {
  content: "";
}

.log-out-icon:before {
  content: "";
}

.help-icon:before,
.info-icon:before {
  content: "";
}

.shopping-cart-icon:before {
  content: "";
}

.user-icon:before {
  content: "";
}

.alert-notifications {
  padding: 16px 16px 8px;
  height: 72px;
}

.alert-notifications .message-info, .alert-notifications .message-success, .alert-notifications .message-warning, .alert-notifications .message-error {
  position: relative;
  padding: 16px 16px 16px 64px;
  -webkit-box-shadow: 0 1px 1px rgba(71, 71, 71, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(71, 71, 71, 0.4);
  box-shadow: 0 1px 1px rgba(71, 71, 71, 0.4);
}

.alert-notifications .message-info:before, .alert-notifications .message-success:before, .alert-notifications .message-warning:before, .alert-notifications .message-error:before {
  font-size: 2rem;
  width: 32px;
  text-align: center;
  position: absolute;
  left: 16px;
  top: calc( 50% - 16px);
}

.alert-notifications .message-info {
  color: #00529B;
  background: #BDE5F8;
}

.alert-notifications .message-info:before {
  content: "";
}

.alert-notifications .message-success {
  color: #4F8A10;
  background: #DFF2BF;
}

.alert-notifications .message-success:before {
  content: "";
}

.alert-notifications .message-warning {
  color: #9F6000;
  background: #FEEFB3;
}

.alert-notifications .message-warning:before {
  content: "";
}

.alert-notifications .message-error {
  color: #D8000C;
  background: #FFBABA;
}

.alert-notifications .message-error:before {
  content: "";
}

/* Button Styles */
.btn {
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  padding: 8px 10px;
  margin: 6px 0;
  min-width: 80px;
  text-align: center;
  font-size: 1rem;
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  line-height: 1;
}

@media screen and (min-width: 1440px) {
  .btn {
    padding: 8px 19.2px;
  }
}

.form-row .btn {
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.btn:hover {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn:disabled {
  cursor: not-allowed;
  background: #ccc;
  border-color: #999;
  color: #666;
  box-shadow: none;
}

.btn.icon {
  padding: 8px 12px;
}

.btn.icon:before {
  margin-right: 6px;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}

.btn-default:hover {
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-enabled {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
  border-radius: 16px;
  min-width: 90px;
}

.btn-enabled:hover {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-disabled {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
  border-radius: 16px;
  min-width: 90px;
}

.btn-disabled:hover {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-import {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-import:not(input):before {
  content: "";
  margin-right: 6px;
}

.btn-import:hover {
  background-color: #286090;
  border-color: #204d74;
}

.btn-download {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-download:not(input):before {
  content: "";
  margin-right: 6px;
}

.btn-download:hover {
  background-color: #286090;
  border-color: #204d74;
}

.btn-add {
  color: #fff;
  background-color: rgba(39, 194, 41, 0.85);
  border-color: #27C229;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-add:not(input):before {
  content: "";
  margin-right: 6px;
}

.btn-add:hover {
  background-color: #27C229;
  border-color: #27C229;
}

.btn-edit {
  color: #fff;
  background-color: #0078CA;
  border-color: #0078CA;
}

.btn-edit:not(input):before {
  content: "";
  margin-right: 6px;
}

.btn-edit:hover {
  background-color: #1686D9;
  border-color: #1686D9;
}

.btn-update {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-update:hover {
  background-color: #449d44;
  border-color: #398439;
}

.btn-upload {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-upload:hover {
  background-color: #449d44;
  border-color: #398439;
}

.btn-delete {
  color: #7a7a7a;
  background-color: #ccc;
  border-color: #a3a3a3;
}

.btn-delete:before {
  content: "";
  margin-right: 6px;
}

.btn-delete:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-close, .btn-remove {
  color: #7a7a7a;
  background-color: transparent;
  border-color: transparent;
  font-size: 1.5rem;
  padding: 0;
  margin: 0;
  min-width: 40px;
}

.btn-close:before, .btn-remove:before {
  content: "";
}

.btn-close:hover, .btn-remove:hover {
  color: #ac2925;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}

.btn-reset {
  background: #393838;
  color: #fff;
}

.btn-reset:hover {
  background: #fff;
  color: #333;
  border-color: #7f7f7f;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary:hover {
  background-color: #286090;
  border-color: #204d74;
}

.btn-primary-invert {
  color: #337ab7;
  background-color: #fff;
  border-color: #2e6da4;
  border-width: 1.5px;
  font-weight: 600;
}

.btn-primary-invert:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover {
  background-color: #449d44;
  border-color: #398439;
}

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover {
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover {
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover {
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-green {
  color: #fff;
  background-color: #27C229;
  border-color: #27C229;
}

.btn-blue {
  color: #fff;
  background-color: #0078CA;
  border-color: #0078CA;
}

.btn-login, .btn-register {
  color: #fff;
  background-color: #27C229;
  border-color: #27C229;
}

.btn-login:hover, .btn-register:hover {
  background-color: #fff;
  color: #27C229;
  border-color: #27C229;
}

.btn-shopping-cart {
  color: #fff;
  background-color: #27C229;
  border-color: #27C229;
  border-width: 1.5px;
  font-weight: 600;
  padding: 8px 28px;
}

.btn-shopping-cart:before {
  content: "";
  margin-right: 6px;
  font-weight: 400;
}

.btn-shopping-cart:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.global-header .container {
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
  padding: 8px 64px;
  color: #fff;
}

.global-header .container > .display-inline {
  vertical-align: middle;
  text-align: center;
  width: 30%;
}

.global-header .container > .display-inline:nth-child(1) {
  margin-right: 9%;
}

.global-header .container > .display-inline:nth-child(2) {
  margin-right: 4%;
}

.global-header .container > .display-inline:last-child {
  margin-right: 0;
}

.global-header .container .contact-details {
  display: inline-block;
  text-align: right;
  max-width: 300px;
  font-size: 1.5rem;
}

.global-header .container .contact-details a {
  color: #fff;
  font-weight: 700;
}

.global-header .container #system-branding img {
  height: 81px;
}

.global-header .container .phone {
  position: absolute;
  top: 32px;
  right: 16px;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

#main-navigation {
  background: #048abb;
}

#main-navigation a {
  font-family: 'Roboto', 'Segoe UI', sans-serif;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 1rem;
  text-shadow: 0 1px 3px #333333;
}

#main-navigation li {
  position: relative;
}

#main-navigation .primary-menu {
  text-align: center;
}

#main-navigation .primary-menu > li {
  display: inline-block;
  min-width: 120px;
  margin-right: 24px;
}

#main-navigation .primary-menu > li:last-child {
  margin-right: 0;
}

#main-navigation .primary-menu > li > a {
  display: inline-block;
  width: 100%;
  padding: 12px 16px;
}

#main-navigation .primary-menu > li > .icon {
  font-size: 1.25rem;
}

#main-navigation .primary-menu > li > .icon:before {
  display: inline-block;
  font-size: 1.5rem;
  margin-right: 8px;
}

#main-navigation .primary-menu > li > .icon.track-orders-icon:after {
  position: absolute;
  top: 2px;
  left: 16px;
}

#main-navigation .primary-menu > li:hover:not(.active) {
  background-color: rgba(25, 30, 35, 0.25);
}

#main-navigation .primary-menu > li:hover:not(.active) > a:after {
  border-right-color: #32373c;
}

#main-navigation .primary-menu > li.active {
  background-color: rgba(25, 30, 35, 0.25);
}

body {
  background: #000 url("../../images/banner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

body:not(.user-index) .main-body {
  background-color: #F8F8F8;
}

body .main-body {
  min-height: 800px;
  padding: 16px 32px 0;
}

body .main-body h1 {
  margin-bottom: 48px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #000;
  font-weight: 700;
  font-size: 2rem;
  font-family: 'Roboto Condensed', 'Segoe UI', sans-serif;
}

body .main-body h1.icon:before {
  margin-right: 10px;
}

body .main-body h2 {
  margin-top: 32px;
}

body .main-body h3 {
  margin-bottom: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  color: #000;
  font-weight: 700;
  font-size: 1.25rem;
  font-family: 'Roboto Condensed', 'Segoe UI', sans-serif;
}

body .main-body .main-body-header {
  text-align: center;
  margin-bottom: 16px;
}

body .main-body .login-box {
  background: #048abb;
  max-width: 450px;
  margin: 32px 0 16px 64px;
  padding: 32px;
  color: #fff;
  font-size: 1.75rem;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 1px #333333;
  line-height: 1.3;
}

body .main-body .login-box .form-login {
  margin-top: 16px;
}

body .main-body .login-box .form-login label {
  display: inline-block;
  font-size: 1.25rem;
  min-width: 110px;
}

body .main-body .login-box .form-login .form-errors {
  background: red;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 16px;
}

body .main-body .login-box .action-buttons {
  margin-top: 36px;
}

body .main-body .login-box .btn-login {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .5px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  padding: 8px 16px;
}

body .main-body .register-box {
  background: #048abb;
  max-width: 515px;
  margin: 32px 0 20px 64px;
  padding: 2px 32px 32px;
  color: #fff;
  font-size: 1.75rem;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 1px #333333;
  line-height: 1.3;
}

body .main-body .register-box .form-register {
  margin-top: 16px;
}

body .main-body .register-box .form-register .form-row {
  margin-bottom: 8px;
}

body .main-body .register-box .form-register label {
  display: inline-block;
  font-size: 1.25rem;
  min-width: 180px;
}

body .main-body .register-box .form-register input {
  min-width: 250px;
}

body .main-body .register-box .form-register .form-errors {
  background: red;
  color: #fff;
  font-size: 1.125rem;
  font-weight: 700;
  border-radius: 4px;
  padding: 8px;
  margin-bottom: 16px;
}

body .main-body .register-box .btn-register {
  margin-top: 24px;
  font-size: 1.25rem;
  letter-spacing: .5px;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  padding: 8px 16px;
}

.form-default.form-tyre-search {
  max-width: 480px;
  margin: 0 auto;
}

.form-default.form-tyre-search label {
  min-width: 120px;
  text-align: right;
}

.form-default.form-tyre-search input {
  margin-right: 4px;
  padding: 2px 8px;
}

.form-default label {
  display: inline-block;
  margin-right: 16px;
}

.form-default .action-buttons {
  margin-top: 16px;
}

.form-default .action-buttons .btn {
  margin-right: 8px;
}

.table-wrap {
  margin-top: 48px;
  margin-bottom: 48px;
}

.table-wrap#tableStock {
  margin-top: 20px;
}

.table-wrap table {
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.table-wrap table:not(.width-default) {
  width: 100%;
}

.table-wrap table td {
  vertical-align: middle;
  padding: 8px;
}

.table-wrap table td:nth-child(1) {
  padding-left: 16px;
}

.table-wrap table td:last-child {
  padding-right: 16px;
}

@media screen and (min-width: 1280px) {
  .table-wrap table td.action-buttons > .btn {
    margin-right: 16px;
  }
  .table-wrap table td.action-buttons > .btn:last-child {
    margin-right: 0;
  }
}

.table-wrap table thead {
  background: #048abb;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  font-family: 'Roboto Condensed', 'Segoe UI', sans-serif;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.table-wrap table tbody {
  color: #333;
}

.table-wrap table tbody tr {
  background: #FAFAFA;
}

.table-wrap table tbody tr:nth-child(even) {
  background: rgba(4, 138, 187, 0.075);
}

.global-footer {
  padding: 16px;
}

.shopping-cart-btn {
  text-align: right;
  max-width: 1620px;
  margin: 0 auto;
}

.shopping-cart-btn .btn-cart {
  font-size: 1.5rem;
}

.order-details > .col-1,
.order-details > .col-2 {
  display: inline-block;
  vertical-align: top;
  width: 49.5%;
}

.order-details > .col-1 table,
.order-details > .col-2 table {
  max-width: 600px;
}

.order-details > .col-1 td,
.order-details > .col-2 td {
  vertical-align: middle;
}

.order-details > .col-1 td label,
.order-details > .col-2 td label {
  margin-right: 0;
  min-width: 135px;
  width: 100%;
  text-align: right;
}

.order-details > .col-1 td input,
.order-details > .col-1 td textarea,
.order-details > .col-1 td select,
.order-details > .col-2 td input,
.order-details > .col-2 td textarea,
.order-details > .col-2 td select {
  width: 100%;
  margin-bottom: 8px;
}

.order-details > .col-1 td input.width-50,
.order-details > .col-1 td textarea.width-50,
.order-details > .col-1 td select.width-50,
.order-details > .col-2 td input.width-50,
.order-details > .col-2 td textarea.width-50,
.order-details > .col-2 td select.width-50 {
  width: calc(50% - 6px);
  margin-right: 8px;
}

.order-details > .col-1 td input.width-50:last-child,
.order-details > .col-1 td textarea.width-50:last-child,
.order-details > .col-1 td select.width-50:last-child,
.order-details > .col-2 td input.width-50:last-child,
.order-details > .col-2 td textarea.width-50:last-child,
.order-details > .col-2 td select.width-50:last-child {
  margin-right: 0;
}

.order-details > .col-2 > table {
  text-align: right;
  width: 100%;
}

.order-success-message p {
  margin-bottom: 16px;
}
/*# sourceMappingURL=theme.css.map */