/*`~ Cross-Browser Sanitization:
\`_________________________________________________________________________
 `^///-----------------------------------------------------------------//*/
/* ======================================================== */
/* 										WINDOW POPUP													*/
/* ======================================================== */
.window_popup_wrapper {
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1337;
  background: rgba(38, 42, 45, 0.92);
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.window_popup {
  display: none;
  position: fixed;
  padding: 0px;
  background: #f8f8f8;
  overflow: hidden;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.window_popup_titlebar {
  display: table;
  width: 100%;
  height: 30px;
  margin: 0px;
  padding: 10px;
  color: #b7c2ca;
  font-size: 20px;
  font-weight: 300;
  background-color: #5c7584;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }
  .window_popup_titlebar .window_popup_title {
    display: table-cell;
    height: 30px;
    line-height: 30px;
    text-align: left;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
    .window_popup_titlebar .window_popup_title button {
      float: right;
      padding: 0px 10px;
      margin: 0px 13px;
      font-size: 18px;
      background-color: rgba(255, 255, 255, 0.2); }
      .window_popup_titlebar .window_popup_title button:hover {
        background-color: rgba(255, 255, 255, 0.3); }
      .window_popup_titlebar .window_popup_title button:active {
        background-color: rgba(0, 0, 0, 0.1); }
      .window_popup_titlebar .window_popup_title button .svg-inline--fa {
        margin: 0px auto; }
  .window_popup_titlebar .window_popup_close {
    display: table-cell;
    width: 30px;
    height: 30px;
    /*
    background-image: url(../images/window_close.png);
    background-position:center center;
    background-size:auto auto;
    background-repeat: no-repeat;
    float:right;
    */
    cursor: pointer;
    text-align: right;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

.window_popup_content {
  display: block;
  margin: 0px auto 0px auto;
  width: 100%;
  height: calc(100% - 50px);
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.window_popup_toolbar {
  width: 100%;
  margin: 10px auto 10px auto;
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.window_popup_toolbar > [type="button"] {
  padding: 4px 12px 4px 12px;
  background: #FFFFFF;
  font-size: 9pt;
  color: #498daa;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  margin: 0px auto 0px auto; }

/*`~ Cross-Browser Sanitization:
\`_________________________________________________________________________
 `^///-----------------------------------------------------------------//*/
::-webkit-input-placeholder {
  color: #9ba5ae;
  font-weight: 300;
  font-style: italic;
  opacity: 0.5; }

:-ms-input-placeholder {
  color: #9ba5ae;
  font-weight: 300;
  font-style: italic;
  opacity: 0.5; }

::-moz-placeholder {
  color: #9ba5ae;
  font-weight: 300;
  font-style: italic;
  opacity: 0.5; }

:-moz-placeholder {
  color: #9ba5ae;
  font-weight: 300;
  font-style: italic;
  opacity: 0.5; }

/* ======================================================== */
/* 										HTML & BODY														*/
/* ======================================================== */
html {
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

body {
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: auto;
  min-height: 100%;
  font-family: 'Trenda';
  font-size: 14px;
  font-weight: 400;
  line-height: 1.25;
  color: #232323;
  background: transparent;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* ======================================================== */
/* 										COLOR PALETTE													*/
/* ======================================================== */
.green {
  color: #3d9338; }

.red {
  color: #bb4510; }

.grey {
  color: #585858; }

.blue {
  color: #3d719d; }

.bold {
  font-weight: 600; }

.small {
  font-size: 9pt; }

.orange {
  color: #c7884b; }

.yellow {
  color: #bc9e17; }

/* ======================================================== */
/* 								ANCHORS, IMG's, Etc.											*/
/* ======================================================== */
a,
a:active,
a:visited {
  color: #c55e2b;
  text-decoration: none; }

a:hover {
  color: #e97a30;
  text-decoration: none; }

img {
  border: 0px;
  vertical-align: middle; }

table {
  clear: both;
  border-spacing: 0;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
  text-align: left;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* ======================================================== */
/* 												INPUTS														*/
/* ======================================================== */
.disabled {
  opacity: 0.5; }

.placeholder {
  color: #b7b5ab; }

input[type="text"]:not(.form-control),
input[type="password"]:not(.form-control) {
  background: #ffffff;
  width: 192px;
  color: #585858;
  padding: 8px 6px 8px 6px;
  font-size: 9pt;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

/* ======================================================== */
/* 										INPUT - BUTTONS												*/
/* ======================================================== */
input[type="button"] {
  border: 1px solid #c7c7c7;
  padding: 6px 12px;
  background: #e9e9e9 url("../images/input_button.jpg") 0px 0px repeat-x;
  font-size: 8pt !important;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

input[type="button"].small {
  border: 1px solid #c7c7c7;
  padding: 4px 12px 4px 12px;
  background: #e9e9e9 url("../images/input_button.jpg") 0px 0px repeat-x;
  font-size: 8pt;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

input[type="button"]:hover {
  cursor: pointer;
  background: #e9e9e9 url("../images/input_button.jpg") 0px -60px repeat-x; }

input[type="button"]:active {
  cursor: pointer;
  background: #e9e9e9 url("../images/input_button.jpg") 0px -10px repeat-x; }

input[type="button"][disabled] {
  opacity: 0.4;
  color: #bcbcbc; }

input[type="button"][disabled]:hover {
  cursor: auto;
  background: auto; }

input.required,
textarea.required {
  background: #fdecee url("../images/input_required.png") 0px 0px repeat-x !important;
  border: 1px solid #bc3f3f !important; }

/* ======================================================== */
/* 										SELECT DROP-DOWNS											*/
/* ======================================================== */
select.field-select {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  font-size: 9pt;
  color: #585858;
  padding: 8px 6px 8px 6px;
  border: 1px solid #dedede;
  background: #ffffff;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

textarea:not(.form-control) {
  background: #ffffff;
  width: 192px;
  height: 40px;
  font-size: 1em;
  color: #585858;
  padding: 8px 6px 8px 6px;
  border: 1px solid #dedede;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px; }

textarea[name="address"] {
  height: 5em;
  min-height: 80px;
  line-height: 1.2; }

label {
  display: block;
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* The label class is used when displaying data OUTSIDE of a form (no inputs) */
.label {
  display: block;
  box-sizing: border-box;
  padding: 2px 0px;
  clear: both;
  margin: 0px 0px 2px 0px;
  font-size: 10pt;
  font-weight: 400;
  color: #537fa4; }

input[type='radio'], input[type='checkbox'] {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle; }

/* ======================================================== */
/* 												BUTTONS														*/
/* ======================================================== */
button,
a.button,
a.button:visited {
  display: inline-block;
  padding: 10px 8px;
  margin: 0px 4px;
  width: auto;
  height: auto;
  border: none;
  background: #0789fc;
  border-radius: 4px;
  color: #fff;
  font-family: 'Trenda';
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  -webkit-transition: color 150ms linear, background-color 150ms linear;
  -khtml-transition: color 150ms linear, background-color 150ms linear;
  -moz-transition: color 150ms linear, background-color 150ms linear;
  -ms-transition: color 150ms linear, background-color 150ms linear;
  -o-transition: color 150ms linear, background-color 150ms linear;
  transition: color 150ms linear, background-color 150ms linear;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

button .svg-inline--fa,
a.button .svg-inline--fa {
  margin-right: 4px; }

button.btn-blue {
  background: #224d73; }

button.btn-blue:hover {
  background: #205f99; }

button.btn-blue:active {
  background: #163d60; }

button.btn-green {
  background: #3f7322; }

button.btn-green:hover {
  background: #447d24; }

button.btn-green:active {
  background: #306016; }

button.btn-red {
  background: #aa2c38; }

button.btn-red:hover {
  background: #b30b1c; }

button.btn-red:active {
  background: #881822; }

button.btn-brown {
  background: #a47e50; }

button.btn-brown:hover {
  background: #ae7c3f; }

button.btn-brown:active {
  background: #825f34; }

button.btn-grey {
  background: #8c8c8c; }

button.btn-grey:hover {
  background: #aeaeae; }

button.btn-grey:active {
  background: #6a6a6a; }

button.btn-darkgrey {
  background: #2d2d2d; }

button.btn-darkgrey:hover {
  background: #3e3e3e; }

button.btn-darkgrey:active {
  background: #1e1e1e; }

/* ======================================================== */
/* 								PRIMARY HTML CONTAINERS										*/
/* ======================================================== */
.main {
  display: table;
  margin: 0px;
  padding: 0px;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100vh;
  min-height: 100vh;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.header {
  display: table;
  width: 100%;
  height: 70px;
  max-height: 70px;
  background-image: url("../images/header_bg.jpg");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  /*background:#2e2e2e url("../images/header.jpg") top left repeat-x;*/
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 1;
  font-size: 11px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.header:after {
  content: ' ';
  position: absolute;
  background-color: rgba(0, 0, 0, 0.85);
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: -1; }

.header_content {
  display: table;
  width: 100%;
  max-width: 100%;
  height: auto;
  min-height: 100%;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

a.logo,
a.logo:active,
a.logo:visited {
  display: table-cell;
  width: 201px;
  max-width: 201px;
  height: 100%;
  min-height: 100%;
  vertical-align: middle;
  padding: 8px 40px 8px 8px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

a.logo img {
  width: 100%;
  height: auto; }

.header nav.topmenu {
  display: table;
  vertical-align: middle;
  width: auto;
  height: 70px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.header nav a,
.header nav a:active,
.header nav a:visited,
.header a.logout,
.header a.logout:active,
.header a.logout:visited {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  width: auto;
  height: 70px;
  padding: 0px 10px;
  color: rgba(255, 255, 255, 0.6);
  white-space: nowrap;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.04);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

.header nav a:first-child {
  border-width: 0px 1px; }

.header nav a {
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.header nav a > div:first-child {
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.header nav a.current,
.header nav a.current:active,
.header nav a.current:visited,
.header nav a.current:hover,
.header nav a:hover {
  color: #ffffff;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.65); }

.header nav a:hover > div:first-child,
.header nav a.current > div:first-child {
  color: #fcd207; }

.header nav a > div:first-child,
.header a.logout > div:first-child {
  display: block;
  clear: both;
  float: none;
  width: 42px;
  height: 42px;
  font-size: 0px;
  line-height: 42px;
  color: #d1a20b;
  font-weight: 400;
  margin: auto auto 4px auto;
  padding: 0px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

.header nav a .svg-inline--fa,
.header a.logout .svg-inline--fa {
  vertical-align: middle;
  text-align: center;
  line-height: 20px;
  font-size: 20px;
  font-weight: 400; }

.header nav a.current {
  color: white;
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }

/* Logout: */
.header a.logout,
.header a.logout:active,
.header a.logout:visited {
  width: 240px !important;
  max-width: 100px;
  text-decoration: none;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.85) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.85) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.85) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c000000', endColorstr='#d9000000',GradientType=0 );
  border-width: 0px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.15); }

.header a.logout:hover {
  color: white; }

.header a.logout > div:first-child {
  color: #cc2626;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s ease;
  -khtml-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.header a.logout:hover > div:first-child {
  color: #a59b9b;
  background: rgba(157, 63, 63, 0.5); }

.header nav a > div:nth-child(2),
.header a.logout > div:nth-child(2) {
  display: block;
  clear: both;
  width: 100%;
  max-width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.main_content {
  /*
  display:block;
  padding:10px 0px;
  */
  display: table;
  padding: 0px 0px;
  width: 100%;
  max-width: 100%; }

.type_delivery, .type_pickup {
  display: block;
  padding: 8px 4px;
  text-align: center;
  font-size: 8pt;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  background: #131313;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.type_delivery {
  color: #146095; }

.type_pickup {
  color: #984717; }

.color_picker_trigger, .color_picker_trigger div {
  display: block;
  width: 22px;
  height: 22px; }

.color_picker_trigger:hover {
  cursor: pointer; }

/* Author: */
.author_account_block {
  display: block;
  padding: 8px 4px;
  text-align: center;
  font-size: 8pt;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  background: #131313;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.author_customer_block {
  display: block;
  padding: 8px 4px;
  text-align: center;
  font-size: 8pt;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.5px;
  background: #22221b;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #ffef00; }

.type_delivery {
  color: #146095; }

.type_pickup {
  color: #984717; }

.color_picker_trigger, .color_picker_trigger div {
  display: block;
  width: 22px;
  height: 22px; }

.color_picker_trigger:hover {
  cursor: pointer; }

/* ======================================================== */
/* 								Excel Customer Import											*/
/* ======================================================== */
.excel_upload {
  display: block;
  clear: both;
  vertical-align: top;
  margin: 0px auto;
  width: 100%; }

.excel_upload a,
.excel_upload a:visited,
.excel_upload a:active {
  color: #04365d;
  text-decoration: underline; }

form.customer_import {
  display: table;
  width: 100%;
  color: #494949;
  background: #111111;
  padding: 10px;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.customer_import h3 {
  font-size: 18px;
  font-weight: 300;
  color: #e1e1e1;
  line-height: 1;
  margin-bottom: 4px; }

.customer_import_description {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #575757; }

.customer_import_description > span {
  font-weight: 600;
  color: #2a5528; }

.excel_upload_form {
  display: block;
  height: auto;
  text-align: left;
  vertical-align: top;
  padding: 10px;
  margin: 0px;
  background: rgba(0, 0, 0, 0);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.excel_upload_form input[type='file'] {
  vertical-align: top;
  width: auto;
  padding: 10px 0px 10px 10px;
  color: #2f2f2f;
  background: rgba(0, 0, 0, 0); }

.excel_upload_form [type='button'] {
  margin: 2px 0px 0px 0px; }

.upload_info {
  vertical-align: top;
  padding: 0px 16px 0px 6px;
  cursor: pointer; }

#upload_help {
  display: none;
  clear: both;
  vertical-align: top;
  font-size: 10pt;
  color: #f5f5f5;
  padding: 20px;
  margin: 0px; }

#upload_help table {
  width: 100%;
  max-width: 100%; }

#upload_help table thead tr th,
#upload_help table thead tr td {
  padding: 20px 10px;
  font-size: 2rem;
  font-weight: 100;
  letter-spacing: 1.2px; }

#upload_help table tbody tr th,
#upload_help table tbody tr td {
  padding: 10px 10px;
  font-size: 14px;
  font-weight: 400;
  color: #b7b7b7; }

#upload_help table tbody > tr:first-child > th,
#upload_help table tbody > tr:first-child > td {
  background-color: rgba(0, 0, 0, 0.45) !important; }

#upload_help table tbody > tr,
#upload_help table tbody > tr,
#upload_help table tbody > tr > th,
#upload_help table tbody > tr > td {
  border: 1px solid rgba(0, 0, 0, 0.75); }

#upload_help table tbody > tr,
#upload_help table tbody > tr {
  border-width: 1px 1px 0px 0px; }

#upload_help table tbody > tr > th,
#upload_help table tbody > tr > td {
  border-width: 0px 0px 1px 1px; }

#upload_help b {
  color: #3d8f3a;
  font-weight: 500; }

#upload_help i {
  display: block;
  width: 100%;
  max-width: 100%;
  clear: both;
  color: #686868;
  font-weight: 500;
  letter-spacing: 1.2px;
  padding-top: 5px;
  text-transform: uppercase; }

.customer_import_log {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 1337;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px; }

.customer_import_log div {
  position: fixed;
  display: block;
  box-sizing: border-box;
  top: 10%;
  left: 15%;
  width: 80%;
  height: 80%;
  overflow-y: auto;
  overflow-x: hidden;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  padding: 20px 10px; }

.customer_import_log h3 {
  border-width: 0px;
  color: #5f5f5f;
  font-size: 14pt;
  font-weight: normal;
  border-bottom: 1px solid rgba(95, 95, 95, 0.3);
  padding: 0px;
  margin: 0px; }

.customer_import_log h4 {
  color: #5f5f5f;
  font-size: 12pt;
  font-weight: normal;
  border-bottom: 1px solid rgba(95, 95, 95, 0.3);
  padding: 4px 0px;
  margin: 4px 0px 4px 0px; }

s
.customer_import_log h4 span {
  display: inline;
  color: rgba(95, 95, 95, 0.7);
  padding-right: 10px; }

.customer_import_log h4 b {
  color: #bf7a28; }

.customer_import_log h4 span b {
  color: #558644; }

.customer_import_log ul {
  width: 100%;
  box-sizing: border-box;
  clear: both;
  vertical-align: top;
  padding: 10px 20px;
  margin: 10px 0px 10px 30px; }

.customer_import_log ul li {
  font-size: 11pt;
  color: #4b8cb4;
  padding: 6px 0px 6px 0px;
  margin: 2px 0px 2px 0px;
  border-bottom: 1px solid rgba(86, 100, 110, 0.4);
  list-style-type: decimal-leading-zero; }

.customer_import_log_buttons {
  position: fixed;
  left: 0px;
  bottom: 20px;
  width: 100%;
  background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3); }

.password_undefined {
  display: block;
  width: 90%;
  margin: 0px auto;
  padding: 6px 0px;
  text-align: center;
  background: #f1dddd;
  color: #a57272;
  border: 1px solid #d1b1b1;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

.password_defined {
  display: block;
  width: 90%;
  margin: 0px auto;
  padding: 6px 0px;
  text-align: center;
  color: #6a8f4b;
  background: #e6f1dd;
  border: 1px solid #bac8af;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* ======================================================== */
/* 										LOGIN SCREEN													*/
/* ======================================================== */
#login_form {
  height: 100%; }

.login_window {
  background-color: #0d0f10 !important;
  background-image: url("../images/als_usa_courier_black.png"), url("../images/login-logo-upper.png") !important;
  background-position: center 85%, center 15% !important;
  background-repeat: no-repeat, no-repeat !important;
  background-size: 300px auto, 300px auto !important; }

.login_window_frame {
  background: #f2f2f2;
  border: 1px solid rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 0px 54px -20px #e7a61a;
  -moz-box-shadow: 0px 0px 54px -20px #e7a61a;
  box-shadow: 0px 0px 54px -20px #e7a61a; }

/* Login Title */
.login_title {
  display: block;
  width: 100%;
  height: auto;
  margin: 0px auto;
  padding: 0px;
  text-align: center;
  color: #0d0f10;
  font-family: 'Trenda';
  font-size: 1em;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0.5px;
  text-transform: uppercase; }

.login_banner {
  color: #bb8810;
  font-size: 0.9em;
  font-style: italic;
  font-weight: 500;
  text-align: center;
  padding: 15px !important; }

#login_form label {
  padding: 2px 0px; }

#login_form > .row > div {
  padding: 6px 15px; }

/* Login Button */
[type="button"][name="login"] {
  border: 1px solid #c7c7c7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -khtml-border-radius: 5px;
  padding: 10px 25px;
  background: #425c73;
  color: #9db7cc;
  /*background:#e9e9e9 url("../images/input_button.jpg") 0px 0px repeat-x;*/
  font-family: 'Trenda';
  font-size: 8pt !important; }

[type="button"][name="login"]:not([disabled]):hover {
  background: #335573; }

[type="button"][name="login"]:not([disabled]):active {
  background: #264057; }

/* Remember Me */
label[for="remember"] {
  text-transform: none; }

/* ======================================================== */
/* 										ORDERS SCREEN													*/
/* ======================================================== */
.pageNav .bulkControls > button,
.pageNav .bulkControls > select {
  font-size: 0.8rem;
  -webkit-transition: all 250ms ease;
  -khtml-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  -o-transition: all 250ms ease;
  transition: all 250ms ease; }

.pageNav .bulkControls > button:not(.disabled),
.pageNav .bulkControls > select:not(.disabled) {
  opacity: 1;
  cursor: pointer; }

.pageNav .bulkControls > button.disabled,
.pageNav .bulkControls > select.disabled {
  opacity: 0.45;
  cursor: not-allowed; }

.pageNav .bulkControls > select.disabled {
  color: #646464 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.15); }

.pageNav button[name="delete"].bulkDelete:not(.disabled) {
  color: #a49393;
  background-color: #3a1b1b;
  border-color: #4f2121; }

.pageNav button[name="delete"].bulkDelete.disabled {
  color: #777777;
  background-color: rgba(53, 28, 28, 0.5);
  border-color: #4f2121; }

.pageNav button[name="delete"].bulkDelete:not(.disabled):hover {
  background-color: #4d2020; }

.pageNav button[name="delete"].bulkDelete:not(.disabled):active {
  background-color: #421a1a; }

.pageNav select.bulkSelect {
  margin: 0px 10px; }

.pageNav select {
  width: auto;
  min-width: 60px;
  color: #646464 !important;
  font-size: 9pt;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background-color: rgba(0, 0, 0, 0.15); }

/* ======================================================== */
/* 										NEW ORDER POPUP												*/
/* ======================================================== */
.new_order_form {
  width: 100%; }

.new_order_form .form-group {
  margin: 20px auto; }

.order_date_datepicker {
  text-align: center; }

.order_date_datepicker > .ui-datepicker-inline {
  clear: both;
  margin-left: auto;
  margin-right: auto; }

.order_date_datepicker .ui-widget-content {
  background: #6c757d; }

.order_date_datepicker .ui-datepicker-inline {
  border: none;
  background: #3d4953;
  width: 100%; }

.order_date_datepicker .ui-widget-header {
  border: none;
  background: #3d4953; }

.new_order_form button.btn {
  position: relative;
  margin: 20px 0px 0px 0px; }

.new_order_form button.btn > .svg-inline--fa {
  position: absolute;
  top: 50%;
  right: 10px;
  margin: 0px;
  padding: 0px;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box; }

/* ======================================================== */
/* 										EDIT ORDER FORM												*/
/* ======================================================== */
.order {
  padding: 0px 0px 40px 0px;
  width: 100%;
  font-size: 12pt;
  margin: 0px auto;
  -webkit-box-sizing: border-box;
  -khtml-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /* Recurring Order Info Section */
  /* WebKit, Blink, Edge */
  /* Mozilla Firefox 4 to 18 */
  /* Mozilla Firefox 19+ */
  /* Internet Explorer 10-11 */ }
  .order .order_header {
    clear: both;
    font-size: 14pt;
    margin-bottom: 10px;
    padding: 10px; }
  .order .order_title {
    font-size: 20px;
    color: #2a5a79;
    font-weight: 500;
    line-height: 40px;
    position: relative; }
  .order .order_number {
    font-size: 1.5rem;
    font-weight: 200;
    position: relative;
    margin-left: 3%; }
  .order .order_toolbar {
    text-align: right; }
    .order .order_toolbar button {
      font-size: 14px; }
  .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] {
    padding: 0px 0px; }
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-primary,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-secondary,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-success,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-danger,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-warning,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-info,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-light,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-dark,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-white,
    .order .dropdown-menu[aria-labelledby="orderStatusButtonGroup"] .dropdown-item.bg-transparent {
      color: #ffffff;
      font-size: 0.9rem;
      padding: 10px 18px; }
  .order .order_container {
    width: 100%;
    padding: 0px 0px 40px 0px !important;
    /*border-top:1px solid #e1e1e1;*/
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }
  .order .order_section {
    color: #1c1c1c;
    font-size: 1em;
    /*border-bottom:1px solid #e1e1e1;*/ }
  .order .order_section > div {
    padding: 2px 14px; }
  .order .order_section .input-group:not(.fieldset_title) {
    margin: 6px 0px 6px 0px; }
  .order label:not(.form-control):not(.input-group-text) {
    font-size: 0.8rem;
    margin-top: 10px; }
  .order .order_section.schedule_date_time {
    padding: 10px 0px;
    background-color: #29343c;
    border-top: 1px solid rgba(0, 0, 0, 0.65); }
    .order .order_section.schedule_date_time .input-group-text {
      color: #ffffff;
      background-color: #3f5568;
      border: 1px solid rgba(0, 0, 0, 0.5); }
    .order .order_section.schedule_date_time label {
      color: #c1cdd5; }
    .order .order_section.schedule_date_time input#requested_date {
      background-color: #ffffff; }
    .order .order_section.schedule_date_time input[readonly].form-control,
    .order .order_section.schedule_date_time select {
      /*
      color:#c1cdd5;
      background-color:rgb(91, 98, 102);
      */
      border: 1px solid rgba(0, 0, 0, 0.5);
      -webkit-border-top-left-radius: 0px;
      -webkit-border-top-right-radius: 4px;
      -webkit-border-bottom-left-radius: 0px;
      -webkit-border-bottom-right-radius: 4px;
      -moz-border-radius-topleft: 0px;
      -moz-border-radius-topright: 4px;
      -moz-border-radius-bottomleft: 0px;
      -moz-border-radius-bottomright: 4px;
      border-top-left-radius: 0px;
      border-top-right-radius: 4px;
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 4px; }
  .order .order_section.customer_lookup {
    padding: 10px 0px;
    background-color: #434c51;
    border-top: 1px solid rgba(0, 0, 0, 0.65);
    border-bottom: 1px solid rgba(0, 0, 0, 0.65); }
  .order .customerLookup::-webkit-input-placeholder {
    color: #000000;
    font-weight: 500;
    opacity: 0.5; }
  .order .customerLookup:-moz-placeholder {
    color: #000000;
    font-weight: 500;
    opacity: 0.5; }
  .order .customerLookup::-moz-placeholder {
    color: #000000;
    font-weight: 500;
    opacity: 0.5; }
  .order .customerLookup:-ms-input-placeholder {
    color: #000000;
    font-weight: 500;
    opacity: 0.5; }
  .order .input-group-text.customerLookup {
    color: #c1cdd5;
    background-color: #232d33;
    border: 1px solid rgba(0, 0, 0, 0.5); }
  .order .order_section.customer_lookup input[type="text"].customerLookup {
    width: 100%;
    max-width: 100%;
    padding: 10px 8px;
    color: #29343c;
    font-size: 0.875rem;
    background-color: #f7f7f7;
    border: 1px solid 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 4px; }
  .order .twitter-typeahead {
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 4px; }
  .order .recurrence_num {
    color: #2a5a79;
    font-weight: 600; }
  .order .data-artifact {
    background-color: #e8e8e8; }
  .order .order_recursion .data-artifact {
    font-size: 0.85rem; }
  .order .order_recursion .data-artifact.recursion-summary {
    font-style: italic;
    text-align: center;
    background-color: #fff8de; }
  .order .input-group-text {
    font-size: 0.85rem; }
  .order .input-group-text .svg-inline--fa {
    margin-right: 4px;
    font-size: 1em; }
  .order .order_section.order_contents_section_title {
    padding: 10px 10px;
    margin: 15px 0px 5px 0px;
    color: #5c7584;
    background: #f7f7f7; }
  .order .order_contents_title {
    width: 100%;
    max-width: 100%;
    display: block;
    font-size: 1.5rem;
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box; }

input[readonly]:not(.form-control) {
  background: transparent !important; }

/* Editing Order: */
.order_contents {
  clear: both;
  margin: 10px auto;
  padding: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -khtml-border-radius: 4px;
  background: #fcfcfc url("../images/order_contents.jpg") top left repeat;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.order_contents th {
  color: #537180;
  font-size: 9pt;
  border: none;
  padding-left: 12px;
  padding-top: 14px; }

.order_contents td {
  color: #fffffe;
  font-size: 10pt;
  border: none; }

input[name="customer_lookup"] {
  width: 100%;
  background: #f7f7f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.ui-autocomplete {
  z-index: 9999 !important;
  position: fixed;
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden; }

.ui-datepicker {
  z-index: 9999 !important; }

.ui-autocomplete ul.ui-widget {
  color: #313131;
  font-size: 1rem;
  border: 1px solid #e1e1e1;
  background: rgba(255, 255, 255, 0.9);
  -webkit-border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important; }

.ui-autocomplete li {
  -webkit-border-radius: 4px !important;
  -khtml-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  font-size: 9pt;
  padding: 6px 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

/*`~	Twitter TypeAhead - AutoComplete Plugin
\`_________________________________________________________________________
 `/^///----------------------------------------------------------------//*/
.twitter-typeahead {
  display: block;
  width: 100%;
  color: #29343c;
  font-size: 1rem;
  background-color: #f7f7f7; }

.customer_lookup .tt-menu {
  display: block;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
  color: #29343c;
  font-size: 1rem;
  background-color: #f7f7f7; }

.customer_lookup .empty-message {
  padding: 5px 10px;
  text-align: center; }

.autocomplete_item {
  color: #313131;
  font-size: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 6px 12px;
  background-color: #f7f7f7;
  -webkit-transition: color 150ms linear, background-color 150ms linear;
  -khtml-transition: color 150ms linear, background-color 150ms linear;
  -moz-transition: color 150ms linear, background-color 150ms linear;
  -ms-transition: color 150ms linear, background-color 150ms linear;
  -o-transition: color 150ms linear, background-color 150ms linear;
  transition: color 150ms linear, background-color 150ms linear; }

.autocomplete_item strong.tt-highlight {
  font-weight: 700;
  color: #6d819f; }

.autocomplete_item:hover {
  background: #e8e8e8;
  cursor: pointer; }

.autocomplete_label {
  clear: both;
  display: block;
  width: 100%;
  font-size: 1rem;
  padding: 4px 0px; }

.autocomplete_sublabel {
  clear: both;
  display: block;
  width: 100%;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 0px; }

/* Icons */
.autocomplete_label .svg-inline--fa,
.autocomplete_sublabel .svg-inline--fa {
  margin: 0px 14px 0px 8px;
  color: #a4acb0;
  font-size: 0.9rem; }

.autocomplete_item .autocomplete_icon {
  display: block;
  padding: 0px;
  background: #e8e8e8;
  width: 2rem;
  height: 2rem;
  text-align: center;
  line-height: 2rem;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.autocomplete_item:hover .autocomplete_icon {
  background: #f7f7f7; }

/* Icon Tooltips */
.tooltip {
  z-index: 99999; }

/*# sourceMappingURL=template.css.map */