/*
Version: 3.4.2 Timestamp: Mon Aug 12 15:04:12 PDT 2013
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -o-linear-gradient(bottom, #eee 0%, #fff 50%);
  background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -o-linear-gradient(bottom, #eee 0%, #fff 90%);
  background-image: -ms-linear-gradient(top, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(top, #eee 0%, #fff 90%);
}
.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url('../vendor/select2/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}
.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
}
.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
}
.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
  background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
  background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
  background-image: -ms-linear-gradient(top, #ccc 0%, #eee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
  background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../vendor/select2/select2.png') no-repeat 0 1px;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fff url('../vendor/select2/select2.png') no-repeat 100% -22px;
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, -ms-linear-gradient(top, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2.png') no-repeat 100% -22px, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-search input.select2-active {
  background: #fff url('../vendor/select2/select2-spinner.gif') no-repeat 100%;
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, -o-linear-gradient(bottom, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, -ms-linear-gradient(top, #fff 85%, #eee 99%);
  background: url('../vendor/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(top, #fff 85%, #eee 99%);
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(bottom, #fff 0%, #eee 50%);
  background-image: -ms-linear-gradient(top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(top, #fff 0%, #eee 50%);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -ms-linear-gradient(bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(bottom, #fff 0%, #eee 50%);
}
.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff;
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results.select2-active {
  background: #f4f4f4 url('../vendor/select2/select2-spinner.gif') no-repeat 100%;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -o-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -ms-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(top, #eee 1%, #fff 15%);
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-container-multi .select2-choices {
  min-height: 26px;
}
.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}
.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../vendor/select2/select2-spinner.gif') no-repeat 100% !important;
}
.select2-default {
  color: #999 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url('../vendor/select2/select2.png') right top no-repeat;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('../vendor/select2/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
/*!
 * Bootstrap v3.0.0
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world by @mdo and @fat.
 */
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'Helvetica', Verdana, sans-serif;
  font-size: 11px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
input,
select[multiple],
textarea {
  background-image: none;
}
a {
  color: #0c78be;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #084b76;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%
;
  height: auto
;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%
;
  height: auto
;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 15px;
  margin-bottom: 15px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
p {
  margin: 0 0 7.5px;
}
.lead {
  margin-bottom: 15px;
  font-size: 12.65px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 16.5px;
  }
}
small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-muted {
  color: #cccccc;
}
.text-primary {
  color: #143c58;
}
.text-warning {
  color: #c09853;
}
.text-danger {
  color: #b94a48;
}
.text-success {
  color: #468847;
}
.text-info {
  color: #3a87ad;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Helvetica', Verdana, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #cccccc;
}
h1,
h2,
h3 {
  margin-top: 15px;
  margin-bottom: 7.5px;
}
h4,
h5,
h6 {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}
h1,
.h1 {
  font-size: 28px;
}
h2,
.h2 {
  font-size: 23px;
}
h3,
.h3 {
  font-size: 19px;
}
h4,
.h4 {
  font-size: 14px;
}
h5,
.h5 {
  font-size: 11px;
}
h6,
.h6 {
  font-size: 10px;
}
h1 small,
.h1 small {
  font-size: 19px;
}
h2 small,
.h2 small {
  font-size: 14px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 11px;
}
.page-header {
  padding-bottom: 6.5px;
  margin: 30px 0 15px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 7.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 15px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #cccccc;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 7.5px 15px;
  margin: 0 0 15px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 13.75px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.42857143;
  color: #cccccc;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 15px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
pre {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
pre {
  display: block;
  padding: 7px;
  margin: 0 0 7.5px;
  font-size: 10px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 15px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  width: 100%;
}
.row {
  margin-left: -16px;
  margin-right: -16px;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.row:after {
  clear: both;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11 {
  float: left;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-12 {
  width: 100%;
}
@media (min-width: 768px) {
  .container {
    max-width: 752px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11 {
    float: left;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 972px;
  }
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11 {
    float: left;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 100%;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11 {
    float: left;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 15px;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}
@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px  \9;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
.form-control:-moz-placeholder {
  color: #cccccc;
}
.form-control::-moz-placeholder {
  color: #cccccc;
}
.form-control:-ms-input-placeholder {
  color: #cccccc;
}
.form-control::-webkit-input-placeholder {
  color: #cccccc;
}
.form-control {
  display: block;
  width: 100%;
  height: 29px;
  padding: 6px 12px;
  font-size: 11px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 27px;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 27px;
  line-height: 27px;
}
textarea.input-sm {
  height: auto;
}
.input-lg {
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 40px;
  line-height: 40px;
}
textarea.input-lg {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}
.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
}
.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e 0 1px #000;
}
.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3;
}
.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}
.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
}
.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
}
.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede;
}
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}
.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
}
.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b 0 1px #000;
}
.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8;
}
.form-control-static {
  margin-bottom: 0;
  padding-top: 7px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .form-group {
  margin-left: -16px;
  margin-right: -16px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-info {
  color: #fff;
  background-color: #289FC3;
  border-color: #248eae;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #2183a1;
  border-color: #19647b;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #289FC3;
  border-color: #248eae;
}
.btn-link {
  color: #0c78be;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #084b76;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #cccccc;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: "";
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 11px;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 0 1px #000;
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 0 1px #000;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) 0 1px #000;
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 6.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-color: #143c58;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #143c58;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #cccccc;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 10px;
  line-height: 1.42857143;
  color: #cccccc;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0 dotted;
  border-bottom: 4px solid #000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
}
.btn-default .caret {
  border-top-color: #333;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}
.dropup .btn-default .caret {
  border-bottom-color: #333;
}
.dropup .btn-primary .caret,
.dropup .btn-success .caret,
.dropup .btn-warning .caret,
.dropup .btn-danger .caret,
.dropup .btn-info .caret {
  border-bottom-color: #fff;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 5px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child > .btn:last-child,
.btn-group-vertical > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 40px;
  padding: 10px 16px;
  font-size: 14px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 27px;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 27px;
  line-height: 27px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 10px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 14px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-addon .por-icon {
  margin-left: 0;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #cccccc;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #cccccc;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #0c78be;
}
.nav .nav-divider {
  height: 1px;
  margin: 6.5px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #333333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 5px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #143c58;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.nav-tabs-justified > .active > a {
  border-bottom-color: #fff;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.tabbable:after {
  clear: both;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.nav .caret {
  border-top-color: #0c78be;
  border-bottom-color: #0c78be;
}
.nav a:hover .caret {
  border-top-color: #084b76;
  border-bottom-color: #084b76;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  z-index: 1000;
  min-height: 50px;
  margin-bottom: 15px;
  border: 1px solid transparent;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  overflow-x: visible;
  padding-right: 16px;
  padding-left: 16px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: -16px;
  }
  .navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: -16px;
  }
  .navbar-collapse .navbar-text:last-child {
    margin-right: 0;
  }
}
.container > .navbar-header,
.container > .navbar-collapse {
  margin-right: -16px;
  margin-left: -16px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  z-index: 1030;
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}
.navbar-brand {
  float: left;
  padding: 17.5px 16px;
  font-size: 14px;
  line-height: 15px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -16px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 16px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 8.75px -16px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 15px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 15px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 17.5px;
    padding-bottom: 17.5px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
    float: left;
  }
  .navbar-right {
    float: right !important;
    float: right;
  }
}
.navbar-form {
  margin-left: -16px;
  margin-right: -16px;
  padding: 10px 16px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px #000;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1) 0 1px #000;
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: none 0 1px #000;
    -moz-box-shadow: none 0 1px #000;
    -webkit-box-shadow: none 0 1px #000;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar-btn {
  margin-top: 10.5px;
  margin-bottom: 10.5px;
}
.navbar-text {
  float: left;
  margin-top: 17.5px;
  margin-bottom: 17.5px;
}
@media (min-width: 768px) {
  .navbar-text {
    margin-left: 16px;
    margin-right: 16px;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ccc;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e6e6e6;
}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #333;
  border-bottom-color: #333;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555;
}
.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {
  border-top-color: #555;
  border-bottom-color: #555;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
  border-top-color: #777;
  border-bottom-color: #777;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #cccccc;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #cccccc;
}
.navbar-inverse .navbar-nav > li > a {
  color: #cccccc;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #cccccc;
  border-bottom-color: #cccccc;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #cccccc;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #cccccc;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 15px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #143c58;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 15px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  background-color: #143c58;
  border-color: #143c58;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #cccccc;
  background-color: #fff;
  border-color: #ddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 14px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 10px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 15px 0;
  list-style: none;
  text-align: center;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #cccccc;
  background-color: #fff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.label-default {
  background-color: #cccccc;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #b3b3b3;
}
.label-primary {
  background-color: #143c58;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #0b202e;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #cccccc;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #0c78be;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 16.5px;
  font-weight: 200;
  line-height: 2.14285714;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1 {
  line-height: 1;
  color: inherit;
}
.jumbotron p {
  line-height: 1.4;
}
.container .jumbotron {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1 {
    font-size: 49.5px;
  }
}
.thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%
;
  height: auto
;
  display: block;
}
.thumbnail > img {
  display: block;
  max-width: 100%
;
  height: auto
;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #0c78be;
}
.thumbnail > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.alert {
  padding: 15px;
  margin-bottom: 15px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #fbeed5;
  color: #c09853;
}
.alert-warning hr {
  border-top-color: #f8e5be;
}
.alert-warning .alert-link {
  color: #a47e3c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 15px;
  margin-bottom: 15px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px #000;
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) 0 1px #000;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  color: #fff;
  text-align: center;
  background-color: #143c58;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) 0 1px #000;
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) 0 1px #000;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15) 0 1px #000;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #143c58;
  border-color: #143c58;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #5ea7da;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 15px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
}
.panel-body {
  padding: 15px;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-body:after {
  clear: both;
}
.panel-body:before,
.panel-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.panel-body:after {
  clear: both;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table {
  margin-bottom: 0;
}
.panel > .panel-body + .table {
  border-top: 1px solid #ddd;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 13px;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
  overflow: hidden;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #143c58;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #143c58;
  border-color: #143c58;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #143c58;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #143c58;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-warning {
  border-color: #fbeed5;
}
.panel-warning > .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #fbeed5;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #fbeed5;
}
.panel-danger {
  border-color: #eed3d7;
}
.panel-danger > .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #eed3d7;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #eed3d7;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) 0 1px #000;
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 16.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
  filter: alpha(opacity=20);
  opacity: 0.2 !important;
  filter: alpha(opacity=20) !important;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
body.modal-open,
.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
  margin-right: 15px;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px;
  z-index: 1050;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 0 1px #000;
  -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 0 1px #000;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) 0 1px #000;
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    left: 50%;
    right: auto;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 0 1px #000;
    -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 0 1px #000;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) 0 1px #000;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 10px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
  opacity: 0.9 !important;
  filter: alpha(opacity=90) !important;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 100%;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 0 1px #000;
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 0 1px #000;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2) 0 1px #000;
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 11px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -moz-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%
;
  height: auto
;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left {
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.0001)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0%), color-stop(rgba(0, 0, 0, 0.0001) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear, 0% top, 100% top, from(rgba(0, 0, 0, 0.0001)), to(rgba(0, 0, 0, 0.5)));
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0%), color-stop(rgba(0, 0, 0, 0.5) 100%));
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
  opacity: 0.9 !important;
  filter: alpha(opacity=90) !important;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px
;
  }
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-xs {
  display: none !important;
}
tr.visible-xs {
  display: none !important;
}
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm {
  display: none !important;
}
tr.visible-sm {
  display: none !important;
}
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md {
  display: none !important;
}
tr.visible-md {
  display: none !important;
}
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg {
  display: none !important;
}
tr.visible-lg {
  display: none !important;
}
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
  tr.hidden-xs {
    display: none !important;
  }
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm {
    display: none !important;
  }
  tr.hidden-xs.hidden-sm {
    display: none !important;
  }
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md {
    display: none !important;
  }
  tr.hidden-xs.hidden-md {
    display: none !important;
  }
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg {
    display: none !important;
  }
  tr.hidden-xs.hidden-lg {
    display: none !important;
  }
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs {
    display: none !important;
  }
  tr.hidden-sm.hidden-xs {
    display: none !important;
  }
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
  tr.hidden-sm {
    display: none !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md {
    display: none !important;
  }
  tr.hidden-sm.hidden-md {
    display: none !important;
  }
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg {
    display: none !important;
  }
  tr.hidden-sm.hidden-lg {
    display: none !important;
  }
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs {
    display: none !important;
  }
  tr.hidden-md.hidden-xs {
    display: none !important;
  }
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm {
    display: none !important;
  }
  tr.hidden-md.hidden-sm {
    display: none !important;
  }
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg {
    display: none !important;
  }
  tr.hidden-md.hidden-lg {
    display: none !important;
  }
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs {
    display: none !important;
  }
  tr.hidden-lg.hidden-xs {
    display: none !important;
  }
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm {
    display: none !important;
  }
  tr.hidden-lg.hidden-sm {
    display: none !important;
  }
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md {
    display: none !important;
  }
  tr.hidden-lg.hidden-md {
    display: none !important;
  }
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
tr.visible-print {
  display: none !important;
}
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/* ============================================================
 * bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
 * http://www.larentis.eu/
 *
 * Enhanced for radiobuttons by Stein, Peter @BdMdesigN
 * http://www.bdmdesign.org/
 *
 * Project site:
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */
/*.opacity(@opacity) {
  opacity: @opacity / 100;
  filter: ~"alpha(opacity=@{opacity})";
}*/
.has-switch {
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-mini i.switch-mini-icons {
  height: 1.2em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.has-switch.switch-small {
  min-width: 80px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.deactivate {
  opacity: 50;
  filter: alpha(opacity=5000);
  opacity: 50 !important;
  filter: alpha(opacity=5000) !important;
  cursor: default !important;
}
.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
}
.has-switch > div.switch-animate {
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  -o-transition: left 0.5s;
  transition: left 0.5s;
}
.has-switch > div.switch-off {
  left: -50%;
}
.has-switch > div.switch-on {
  left: 0%;
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span,
.has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.has-switch span.switch-mini,
.has-switch label.switch-mini {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.has-switch span.switch-small,
.has-switch label.switch-small {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.has-switch span.switch-large,
.has-switch label.switch-large {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.has-switch label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 2;
  width: 34%;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #333333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, 0%, #e6e6e6, 100%);
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e6e6e6;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch label:hover,
.has-switch label:focus,
.has-switch label:active,
.has-switch label.active,
.has-switch label.disabled,
.has-switch label[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}
.has-switch label:active,
.has-switch label.active {
  background-color: #cccccc \9;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33%;
}
.has-switch span.switch-left {
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.has-switch span.switch-right {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, 0%, #ffffff, 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
  color: #333333;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.has-switch span.switch-right:active,
.has-switch span.switch-right.active {
  background-color: #e6e6e6 \9;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#0044cc), to(#08c));
  background-image: -webkit-linear-gradient(top, #0044cc, 0%, #08c, 100%);
  background-image: -moz-linear-gradient(top, #0044cc 0%, #08c 100%);
  background-image: linear-gradient(to bottom, #0044cc 0%, #08c 100%);
  background-color: #005fcc;
  background-image: -moz-linear-gradient(top, #0044cc, #08c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0044cc), to(#08c));
  background-image: -webkit-linear-gradient(top, #0044cc, #08c);
  background-image: -o-linear-gradient(top, #0044cc, #08c);
  background-image: linear-gradient(to bottom, #0044cc, #08c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0044cc', endColorstr='#ff0088cc', GradientType=0);
  border-color: #08c #08c #005580;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #08c;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-primary:hover,
.has-switch span.switch-left:hover,
.has-switch span.switch-primary:focus,
.has-switch span.switch-left:focus,
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active,
.has-switch span.switch-primary.disabled,
.has-switch span.switch-left.disabled,
.has-switch span.switch-primary[disabled],
.has-switch span.switch-left[disabled] {
  color: #fff;
  background-color: #08c;
  *background-color: #0077b3;
}
.has-switch span.switch-primary:active,
.has-switch span.switch-left:active,
.has-switch span.switch-primary.active,
.has-switch span.switch-left.active {
  background-color: #006699 \9;
}
.has-switch span.switch-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2f96b4), to(#5bc0de));
  background-image: -webkit-linear-gradient(top, #2f96b4, 0%, #5bc0de, 100%);
  background-image: -moz-linear-gradient(top, #2f96b4 0%, #5bc0de 100%);
  background-image: linear-gradient(to bottom, #2f96b4 0%, #5bc0de 100%);
  background-color: #41a7c5;
  background-image: -moz-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2f96b4), to(#5bc0de));
  background-image: -webkit-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: -o-linear-gradient(top, #2f96b4, #5bc0de);
  background-image: linear-gradient(to bottom, #2f96b4, #5bc0de);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2f96b4', endColorstr='#ff5bc0de', GradientType=0);
  border-color: #5bc0de #5bc0de #28a1c5;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #5bc0de;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-info:hover,
.has-switch span.switch-info:focus,
.has-switch span.switch-info:active,
.has-switch span.switch-info.active,
.has-switch span.switch-info.disabled,
.has-switch span.switch-info[disabled] {
  color: #fff;
  background-color: #5bc0de;
  *background-color: #46b8da;
}
.has-switch span.switch-info:active,
.has-switch span.switch-info.active {
  background-color: #31b0d5 \9;
}
.has-switch span.switch-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#51a351), to(#62c462));
  background-image: -webkit-linear-gradient(top, #51a351, 0%, #62c462, 100%);
  background-image: -moz-linear-gradient(top, #51a351 0%, #62c462 100%);
  background-image: linear-gradient(to bottom, #51a351 0%, #62c462 100%);
  background-color: #58b058;
  background-image: -moz-linear-gradient(top, #51a351, #62c462);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#51a351), to(#62c462));
  background-image: -webkit-linear-gradient(top, #51a351, #62c462);
  background-image: -o-linear-gradient(top, #51a351, #62c462);
  background-image: linear-gradient(to bottom, #51a351, #62c462);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff62c462', GradientType=0);
  border-color: #62c462 #62c462 #3b9e3b;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #62c462;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-success:hover,
.has-switch span.switch-success:focus,
.has-switch span.switch-success:active,
.has-switch span.switch-success.active,
.has-switch span.switch-success.disabled,
.has-switch span.switch-success[disabled] {
  color: #fff;
  background-color: #62c462;
  *background-color: #4fbd4f;
}
.has-switch span.switch-success:active,
.has-switch span.switch-success.active {
  background-color: #42b142 \9;
}
.has-switch span.switch-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#f89406), to(#fbb450));
  background-image: -webkit-linear-gradient(top, #f89406, 0%, #fbb450, 100%);
  background-image: -moz-linear-gradient(top, #f89406 0%, #fbb450 100%);
  background-image: linear-gradient(to bottom, #f89406 0%, #fbb450 100%);
  background-color: #f9a123;
  background-image: -moz-linear-gradient(top, #f89406, #fbb450);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f89406), to(#fbb450));
  background-image: -webkit-linear-gradient(top, #f89406, #fbb450);
  background-image: -o-linear-gradient(top, #f89406, #fbb450);
  background-image: linear-gradient(to bottom, #f89406, #fbb450);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff89406', endColorstr='#fffbb450', GradientType=0);
  border-color: #fbb450 #fbb450 #f89406;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #fbb450;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-warning:hover,
.has-switch span.switch-warning:focus,
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active,
.has-switch span.switch-warning.disabled,
.has-switch span.switch-warning[disabled] {
  color: #fff;
  background-color: #fbb450;
  *background-color: #faa937;
}
.has-switch span.switch-warning:active,
.has-switch span.switch-warning.active {
  background-color: #fa9f1e \9;
}
.has-switch span.switch-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#bd362f), to(#ee5f5b));
  background-image: -webkit-linear-gradient(top, #bd362f, 0%, #ee5f5b, 100%);
  background-image: -moz-linear-gradient(top, #bd362f 0%, #ee5f5b 100%);
  background-image: linear-gradient(to bottom, #bd362f 0%, #ee5f5b 100%);
  background-color: #d14641;
  background-image: -moz-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#bd362f), to(#ee5f5b));
  background-image: -webkit-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: -o-linear-gradient(top, #bd362f, #ee5f5b);
  background-image: linear-gradient(to bottom, #bd362f, #ee5f5b);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffee5f5b', GradientType=0);
  border-color: #ee5f5b #ee5f5b #e51d18;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ee5f5b;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-danger:hover,
.has-switch span.switch-danger:focus,
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active,
.has-switch span.switch-danger.disabled,
.has-switch span.switch-danger[disabled] {
  color: #fff;
  background-color: #ee5f5b;
  *background-color: #ec4844;
}
.has-switch span.switch-danger:active,
.has-switch span.switch-danger.active {
  background-color: #e9322d \9;
}
.has-switch span.switch-default {
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, 0%, #ffffff, 100%);
  background-image: -moz-linear-gradient(top, #e6e6e6 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #e6e6e6 0%, #ffffff 100%);
  background-color: #f0f0f0;
  background-image: -moz-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: -o-linear-gradient(top, #e6e6e6, #ffffff);
  background-image: linear-gradient(to bottom, #e6e6e6, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffffffff', GradientType=0);
  border-color: #ffffff #ffffff #d9d9d9;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ffffff;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.has-switch span.switch-default:hover,
.has-switch span.switch-default:focus,
.has-switch span.switch-default:active,
.has-switch span.switch-default.active,
.has-switch span.switch-default.disabled,
.has-switch span.switch-default[disabled] {
  color: #333333;
  background-color: #ffffff;
  *background-color: #f2f2f2;
}
.has-switch span.switch-default:active,
.has-switch span.switch-default.active {
  background-color: #e6e6e6 \9;
}
/*!
 * FullCalendar v3.10.0
 * Docs & License: https://fullcalendar.io/
 * (c) 2018 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  /* extra precedence to overcome jqui */
  font-size: 1em;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-highlight {
  /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
}
.fc-bgevent {
  /* default look for background events */
  background: #8fdf82;
  opacity: 0.3;
}
.fc-nonbusiness {
  /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  /* height: 2.1em; */
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em;
  /* normalize */
  white-space: nowrap;
  cursor: pointer;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  /* non-theme */
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* icons in buttons */
.fc button .fc-icon {
  /* non-theme */
  position: relative;
  top: -0.05em;
  /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}
/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
  /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  /* same */
  margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
  /* strech bg to bottom edge */
}
.fc-bg table {
  height: 100%;
  /* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box;
  /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
  /* normalize cross-browser */
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
  /* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
a[data-goto] {
  cursor: pointer;
}
a[data-goto]:hover {
  text-decoration: underline;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
  /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
  /* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
  /* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
  /* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  /* extra precedence to prevent theme-provided backgrounds */
  background: none;
  /* in case <td>s are globally styled */
  border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  /* re-scope all positions */
  width: 100%;
  /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
  position: relative;
  /* for resize handle and other inner positioning */
  display: block;
  /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
  /* default BORDER color */
}
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
  /* default BACKGROUND color */
}
.fc-event,
.fc-event:hover {
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
  /* give events with links and draggable events a hand mouse pointer */
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  /* to override an event's custom cursor */
  cursor: not-allowed;
}
.fc-event .fc-bg {
  /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999;
  /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important;
  /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
  /* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
  /* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  /* overcome top border */
  bottom: -1px;
  /* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}
/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
  /* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
  /* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0;
  /* spacing between events and edges */
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
  /* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
}
.fc-day-grid-event .fc-content {
  /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
  /* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
  /* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  /* rows and cells that are hidden because of a "more" link */
  display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1;
  /* make the "more" popover one higher than this */
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*
TODO: more distinction between this file and common.css
*/
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: 0.3;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\203A";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\AB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\BB";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25C4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25BA";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25BC";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\D7";
  font-size: 200%;
  top: 6%;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}
/* List View
--------------------------------------------------------------------------------------------------*/
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-disabled-day {
  background-image: none;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
  /* where they meet, let the header have the border */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.ui-widget .fc-event {
  /* overpower jqui's styles on <a> tags. TODO: more DRY */
  color: #fff;
  /* default TEXT color */
  text-decoration: none;
  /* if <a> has an href */
  /* undo ui-widget-header bold */
  font-weight: normal;
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.ui-widget td.fc-axis {
  font-weight: normal;
  /* overcome bold */
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
  /* see through to fc-bg */
}
.fc.fc-bootstrap3 a {
  text-decoration: none;
}
.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap3 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap3 .fc-today.alert {
  border-radius: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}
.fc.fc-bootstrap4 a {
  text-decoration: none;
}
.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap4 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap4 .fc-today.alert {
  border-radius: 0;
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff;
}
.fc-bootstrap4 .fc-popover.card {
  position: absolute;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  /* some themes have background color. see through to slats */
  background: none;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
}
.fc-toolbar.fc-header-toolbar {
  margin-top: 0.5em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  /* display: inline-block; */
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
  /* extra precedence to override button border margins */
  /*
  float: left;
  margin-left: .75em;
  */
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
  /* extra precedence to override button border margins */
  margin-left: 0;
}
/* title text */
.fc-toolbar h2 {
  margin: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* there may be week numbers in these views, so no padding-top */
  padding-bottom: 1em;
  /* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
  /* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
  /* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
  text-align: center;
}
.fc-basic-view td.fc-week-number > * {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
  /* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
  overflow-y: scroll;
  /* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
  /* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
  /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
  /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
  /* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
  /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
  /* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  /* also is fc-event-container */
  position: relative;
  z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
  /* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
  /* a div within a cell within the fc-highlight-skeleton */
  position: relative;
  /* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
  /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
  /* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
  /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden;
  /* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
  /* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
  /* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
  /* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
  /* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\A0-\A0";
  /* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em;
  /* make the title text the same size as the time */
  padding: 0;
  /* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
  /* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
  direction: rtl;
  /* unlike core views, leverage browser RTL */
}
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}
/* table resets */
.fc .fc-list-table {
  table-layout: auto;
  /* for shrinkwrapping cell content */
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
.fc-list-table tr:first-child td {
  border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
  border-bottom-width: 1px;
}
.fc-list-heading td {
  font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
  float: left;
}
.fc-ltr .fc-list-heading-alt {
  float: right;
}
.fc-rtl .fc-list-heading-main {
  float: right;
}
.fc-rtl .fc-list-heading-alt {
  float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
  cursor: pointer;
  /* whole row will be clickable */
}
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
.fc-list-item-title a {
  /* every event title cell has an <a> tag */
  text-decoration: none;
  color: inherit;
}
.fc-list-item-title a[href]:hover {
  /* hover effect only on titles with hrefs */
  text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fc-unthemed .fc-list-empty {
  /* theme will provide own background */
  background-color: #eee;
}
/*!
 * FullCalendar v1.6.4 Print Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */
/* Events
-----------------------------------------------------*/
/* for vertical events */
.fc-event-bg {
  display: none !important;
}
.fc-event .ui-resizable-handle {
  display: none !important;
}
/*!
 * ui-select
 * http://github.com/angular-ui/ui-select
 * Version: 0.9.1 - 2014-12-03T16:41:44.801Z
 * License: MIT
 */
/* Style when highlighting a search. */
.ui-select-highlight {
  font-weight: bold;
}
.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}
/* Select2 theme */
/* Mark invalid Select2 */
.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #D44950;
}
.select2-result-single {
  padding-left: 0;
}
.select2-locked > .select2-search-choice-close {
  display: none;
}
/* Selectize theme */
/* Helper class to show styles when focus */
.selectize-input.selectize-focus {
  border-color: #007FBB !important;
}
/* Fix input width for Selectize theme */
.selectize-control > .selectize-input > input {
  width: 100%;
}
/* Fix dropdown width for Selectize theme */
.selectize-control > .selectize-dropdown {
  width: 100%;
}
/* Mark invalid Selectize */
.ng-dirty.ng-invalid > div.selectize-input {
  border-color: #D44950;
}
/* Bootstrap theme */
/* Helper class to show styles when focus */
.btn-default-focus {
  color: #333;
  background-color: #EBEBEB;
  border-color: #ADADAD;
  text-decoration: none;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}
.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px;
  /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ui-select-bootstrap > .ui-select-match {
  /* Instead of center because of .btn */
  text-align: left;
}
.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}
/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: 0.3em;
}
.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important;
  /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}
.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
  outline: 0;
}
.ui-select-bootstrap .ui-select-choices-row > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.ui-select-bootstrap .ui-select-choices-row > a:hover,
.ui-select-bootstrap .ui-select-choices-row > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.ui-select-bootstrap .ui-select-choices-row.active > a {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #428bca;
}
.ui-select-bootstrap .ui-select-choices-row.disabled > a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled > a {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
  display: none !important;
}
/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
  border-color: #D44950;
}
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #fff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.sr-only {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.waiting {
  background: transparent url('../img/loader.gif') center center no-repeat;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 180px;
  margin: 0px;
}
#s2id_State {
  min-width: 5em;
}
.select2-drop.select2-drop-above.select2-drop-active {
  min-width: 15em;
}
input,
.form-control {
  background: #ffffff;
  height: 34px;
  width: 100%;
}
input[readonly],
.form-control[readonly] {
  background-color: #eeeeee;
}
input[type="checkbox"],
.form-control[type="checkbox"],
input[type="radio"],
.form-control[type="radio"] {
  height: 13px !important;
  width: 13px !important;
  position: relative;
}
input[disabled],
.form-control[disabled],
input[readonly],
.form-control[readonly],
input fieldset[disabled] .form-control,
.form-control fieldset[disabled] .form-control {
  background: url('../img/bg-hover.png') #e6e6e6 !important;
}
.radio label,
.checkbox label {
  line-height: 1.7em;
}
.set-drawer-total .control-label {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.time-hidden .inside-date-and-time:nth-child(2),
.time-hidden .one-whole.with-icon:nth-child(2) {
  visibility: hidden;
  margin-bottom: -50px;
}
.time-hidden .inside-date-and-time:nth-child(1) {
  width: 100%;
}
.number-spinner {
  width: 75px;
}
.number-spinner input {
  text-align: right;
}
.number-spinner .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.number-spinner .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}
.number-spinner .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.number-spinner .input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
  padding-bottom: 7px;
}
.number-spinner .input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}
.signature-pad-wrapper {
  position: relative;
  display: inline-block;
  border: 1px solid black;
  min-width: 500px;
  min-height: 250px;
}
.signature-pad-wrapper .signature-pad {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.signature-pad-wrapper .signature-pad-clear {
  position: absolute;
  top: 10px;
  right: 5px;
  font-size: 16.5px;
}
.por-icon-good:before {
  content: "\f00c";
}
.margin-none.checkbox-wrapper.labelSecondLabel .labeled-second {
  margin: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper {
  margin: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper > .row {
  margin: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper .form-error-container ul {
  margin: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper .col-lg-12 {
  padding: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper .labeled-second {
  margin: 0;
  padding: 0;
  border: 0 none;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper .labeled-second .checkbox {
  margin: 0;
  padding: 0;
}
.form-grouping-header .labelSecondLabel.checkbox-wrapper label::before {
  font-weight: bold;
}
.dgrid {
  height: 100% !important;
  border: none !important;
  overflow: unset;
}
.dgrid-row .dgrid-cell {
  vertical-align: middle;
}
.dgrid-header {
  background: #B4BFC3;
  position: relative;
  width: 100%;
  z-index: 0;
  border-bottom: 1px solid #c9c9c9;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.dgrid-header:focus {
  outline: none;
}
.dgrid-header table {
  margin-bottom: -1px;
}
.dgrid-header table:focus {
  outline: none;
}
.dgrid-header table .dgrid-cell {
  color: #333333;
  font-weight: bold;
}
.dgrid-header table .dgrid-cell .dgrid-sort-arrow.ui-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url('../img/glyphicons-halflings.png');
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
  text-align: right;
  margin-right: -8px;
  min-width: 24px;
}
.dgrid-header table .dgrid-cell.dgrid-sort-up {
  color: #ffffff;
  background: #333333;
}
.dgrid-header table .dgrid-cell.dgrid-sort-up .dgrid-sort-arrow.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dgrid-header table .dgrid-cell.dgrid-sort-up .dgrid-sort-arrow.ui-icon:before {
  content: "\e113";
}
.dgrid-header table .dgrid-cell.dgrid-sort-up:hover {
  color: #ffffff;
  background: #333333;
}
.dgrid-header table .dgrid-cell.dgrid-sort-down {
  color: #ffffff;
  background: #333333;
}
.dgrid-header table .dgrid-cell.dgrid-sort-down .dgrid-sort-arrow.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.dgrid-header table .dgrid-cell.dgrid-sort-down .dgrid-sort-arrow.ui-icon:before {
  content: "\e114";
}
.dgrid-header table .dgrid-cell.dgrid-sort-down:hover {
  background: #333333;
  color: #ffffff;
}
.dgrid-header table .dgrid-cell:hover {
  background: #455762;
  color: #ffffff;
}
.dgrid-header table .dgrid-cell:hover.dgrid-column-edit,
.dgrid-header table .dgrid-cell:hover.dgrid-column-stat,
.dgrid-header table .dgrid-cell:hover.dgrid-column-selector,
.dgrid-header table .dgrid-cell:hover.dgrid-column-overview,
.dgrid-header table .dgrid-cell:hover.dgrid-column-itemDetails,
.dgrid-header table .dgrid-cell:hover.dgrid-column-one-button {
  background: transparent;
}
.grid-top .import-btn {
  padding-left: 10px;
}
.pagination-button-style {
  background: #ffffff;
  border: 1px solid #efefef;
  color: #aaaaaa;
  float: left;
  height: 24px !important;
  outline: none;
  margin: 0 2px;
  padding: 5px;
  width: 24px !important;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.pagination-button-style:hover {
  background: #cccccc;
  color: #ffffff;
}
div[grid-config='TransactionRecentGridConfig'] div.dgrid-footer {
  display: none;
}
.dgrid-footer {
  border: 1px solid #D5D5D5;
  position: relative !important;
  background: #FAF9F9;
  min-height: 50px;
}
.dgrid-footer .dgrid-pagination:before,
.dgrid-footer .dgrid-pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dgrid-footer .dgrid-pagination:after {
  clear: both;
}
.dgrid-footer .dgrid-pagination:before,
.dgrid-footer .dgrid-pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dgrid-footer .dgrid-pagination:after {
  clear: both;
}
.dgrid-footer .dgrid-pagination:before,
.dgrid-footer .dgrid-pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dgrid-footer .dgrid-pagination:after {
  clear: both;
}
.dgrid-footer .dgrid-pagination:before,
.dgrid-footer .dgrid-pagination:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.dgrid-footer .dgrid-pagination:after {
  clear: both;
}
.dgrid-footer .dgrid-pagination .dgrid-status {
  outline: none;
  padding: 10px 0 10px 15px;
  order: 1;
  height: 50px;
  line-height: 33px;
  font-weight: bold;
  font-size: 12px;
}
.dgrid-footer .dgrid-pagination .dgrid-page-size {
  border: 1px solid #dfdede;
  height: 28px !important;
  margin: 10px 15px 10px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  order: 3;
  background: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation {
  flex-grow: 1;
  float: none;
  order: 2;
  text-align: center;
  height: 50px;
  padding-top: 13px;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip {
  float: none !important;
  border: 1px solid #dfdede;
  color: #aaaaaa;
  height: 25px !important;
  outline: none;
  margin: 0 2px;
  padding: 5px;
  width: 25px !important;
  border-radius: 2px;
  display: inline-block;
  background: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-first,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-first,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-previous,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-previous,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-next,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-next,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-last,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-last {
  font-size: inherit;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-page-disabled,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-page-disabled {
  color: #333333;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-previous,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-previous {
  background: center center url('../img/prev.png') no-repeat;
  color: transparent !important;
  background-color: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-previous:hover,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-previous:hover {
  background: center center url('../img/prev-h.png') no-repeat;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-next,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-next {
  background: center center url('../img/next.png') no-repeat;
  color: transparent !important;
  background-color: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-link.dgrid-next:hover,
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-skip.dgrid-next:hover {
  background: center center url('../img/next-h.png') no-repeat;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-links .dgrid-page-link {
  background: #ffffff;
  border: 1px solid #efefef;
  color: #aaaaaa;
  float: left;
  height: 24px !important;
  outline: none;
  margin: 0 2px;
  padding: 5px;
  width: 24px !important;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-links .dgrid-page-link:hover {
  background: #cccccc;
  color: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-input {
  background: #ffffff;
  border: 1px solid #efefef;
  color: #aaaaaa;
  float: left;
  height: 24px !important;
  outline: none;
  margin: 0 2px;
  padding: 5px;
  width: 24px !important;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #333333;
  background: #999999;
  color: #ffffff;
}
.dgrid-footer .dgrid-pagination .dgrid-navigation .dgrid-page-input:hover {
  background: #cccccc;
  color: #ffffff;
}
.dgrid-scroller {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
  outline: none;
  overflow: hidden !important;
  position: relative !important;
}
.dgrid-scroller .dgrid-content {
  border: none !important;
  width: 100% !important;
}
.dgrid-scroller .dgrid-content .dgrid-cell {
  color: #333333;
}
.dgrid-cell {
  border: none;
  border-top: none !important;
  overflow: visible;
}
.dgrid-cell img {
  width: 100%;
}
.dgrid-cell img.list-image {
  max-height: 150px;
  max-width: 250px;
  object-fit: contain;
}
.dgrid-cell-padding {
  padding: 8px !important;
}
.dgrid-loader,
.dgrid-no-data {
  background: #ffffff;
  text-align: center;
  padding: 45px 0;
}
.dgrid-loader-message {
  padding: 0 0 5px 0;
}
.dgrid-no-data-message:before {
  position: relative;
  z-index: 1;
  background-image: url("../../../img/icons/info-icon.svg");
  background-repeat: no-repeat;
  display: inline-block;
  content: ' ';
  background-size: 13px 13px;
  height: 13px;
  width: 13px;
  left: -4px;
  top: 2px;
}
.dgrid-no-data .dgrid-extended-search {
  padding: 10px 0 0 0;
}
.card-view .dgrid-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 20%));
  -ms-grid-columns: repeat(auto-fit, minmax(310px, 20%));
  grid-gap: 12px;
  margin: 0 0 12px;
}
.card-view .dgrid-content _:-ms-input-placeholder,
:root .card-view .dgrid-content {
  display: block;
}
.dgrid table tr th.dgrid-column-selector,
.dgrid table tr td.dgrid-column-selector,
.dgrid table tr th.dgrid-column-edit,
.dgrid table tr td.dgrid-column-edit,
.dgrid table tr th.dgrid-column-expandtree,
.dgrid table tr td.dgrid-column-expandtree,
.dgrid table tr th.dgrid-column-one-button,
.dgrid table tr td.dgrid-column-one-button {
  width: 50px;
  text-align: center;
}
.dgrid table tr th.dgrid-column-Amount,
.dgrid table tr td.dgrid-column-Amount {
  width: 86px;
}
.dgrid table tr th.dgrid-column-stat,
.dgrid table tr td.dgrid-column-stat {
  padding: 0 !important;
  width: 1px;
}
.dgrid table tr th.dgrid-column-CompanyId,
.dgrid table tr td.dgrid-column-CompanyId {
  width: 60px;
}
.dgrid table tr th.has-add-button,
.dgrid table tr td.has-add-button {
  width: 50px;
  text-align: center;
}
.dgrid .disabled-record table tr td.dgrid-column-stat,
.dgrid .disabled-record table tr th.dgrid-column-stat {
  background: url('../img/disabled-label.png') center left no-repeat;
  padding: 8px !important;
  width: 60px;
}
.onWorkbench .dgrid table tr th.dgrid-column-overview,
.onTransaction .dgrid table tr th.dgrid-column-overview,
.onWorkbench .dgrid table tr td.dgrid-column-overview,
.onTransaction .dgrid table tr td.dgrid-column-overview,
.onWorkbench .dgrid table tr th.dgrid-column-one-button,
.onTransaction .dgrid table tr th.dgrid-column-one-button,
.onWorkbench .dgrid table tr td.dgrid-column-one-button,
.onTransaction .dgrid table tr td.dgrid-column-one-button {
  width: 50px;
  text-align: center;
}
.onWorkbench .dgrid table tr th.dgrid-column-StatusCodeSort,
.onTransaction .dgrid table tr th.dgrid-column-StatusCodeSort,
.onWorkbench .dgrid table tr td.dgrid-column-StatusCodeSort,
.onTransaction .dgrid table tr td.dgrid-column-StatusCodeSort {
  width: 90px;
}
.onWorkbench .dgrid table tr th.dgrid-column-TransactionId,
.onTransaction .dgrid table tr th.dgrid-column-TransactionId,
.onWorkbench .dgrid table tr td.dgrid-column-TransactionId,
.onTransaction .dgrid table tr td.dgrid-column-TransactionId {
  width: 90px;
}
.onWorkbench .dgrid table tr th.dgrid-column-CustomerName,
.onTransaction .dgrid table tr th.dgrid-column-CustomerName,
.onWorkbench .dgrid table tr td.dgrid-column-CustomerName,
.onTransaction .dgrid table tr td.dgrid-column-CustomerName {
  width: 150px;
}
.onWorkbench .dgrid table tr th.dgrid-column-StartTime,
.onTransaction .dgrid table tr th.dgrid-column-StartTime,
.onWorkbench .dgrid table tr td.dgrid-column-StartTime,
.onTransaction .dgrid table tr td.dgrid-column-StartTime {
  width: 100px;
}
.onWorkbench .dgrid table tr th.dgrid-column-DueTime,
.onTransaction .dgrid table tr th.dgrid-column-DueTime,
.onWorkbench .dgrid table tr td.dgrid-column-DueTime,
.onTransaction .dgrid table tr td.dgrid-column-DueTime {
  width: 100px;
}
.onWorkbench .dgrid table tr th.dgrid-column-ItemNameGrouped,
.onTransaction .dgrid table tr th.dgrid-column-ItemNameGrouped,
.onWorkbench .dgrid table tr td.dgrid-column-ItemNameGrouped,
.onTransaction .dgrid table tr td.dgrid-column-ItemNameGrouped {
  width: -webkit-calc(100% - 650px);
  width: -moz-calc(100% - 650px);
  width: calc(100% - 650px);
}
.onInventory .dgrid table tr th.dgrid-column-itemDetails,
.onInventory .dgrid table tr td.dgrid-column-itemDetails {
  width: 50px;
  text-align: center;
}
.onInventory .dgrid table tr th.dgrid-column-Name,
.onInventory .dgrid table tr td.dgrid-column-Name {
  width: 150px;
}
.onInventory .dgrid table tr th.dgrid-column-ItemKey,
.onInventory .dgrid table tr td.dgrid-column-ItemKey {
  width: 75px;
}
.onInventory .dgrid table tr th.dgrid-column-CategoryName,
.onInventory .dgrid table tr td.dgrid-column-CategoryName {
  width: 150px;
}
.onInventory .dgrid table tr th.dgrid-column-Description,
.onInventory .dgrid table tr td.dgrid-column-Description {
  width: -webkit-calc(100% - 580px);
  width: -moz-calc(100% - 580px);
  width: calc(100% - 580px);
}
.onInventory .dgrid table tr th.dgrid-column-InventoryCount,
.onInventory .dgrid table tr td.dgrid-column-InventoryCount {
  width: 75px;
}
.onCustomers .dgrid table tr th.dgrid-column-FirstName,
.onCustomers .dgrid table tr td.dgrid-column-FirstName {
  width: 100px;
}
.onCustomers .dgrid table tr th.dgrid-column-LastName,
.onCustomers .dgrid table tr td.dgrid-column-LastName {
  width: 100px;
}
.onCustomers .dgrid table tr th.dgrid-column-CompanyName,
.onCustomers .dgrid table tr td.dgrid-column-CompanyName {
  width: 170px;
}
.onCustomers .dgrid table tr th.dgrid-column-PrimaryPhone,
.onCustomers .dgrid table tr td.dgrid-column-PrimaryPhone {
  width: 120px;
}
.onCustomers .dgrid table tr th.dgrid-column-Email,
.onCustomers .dgrid table tr td.dgrid-column-Email {
  width: -webkit-calc(100% - 610px);
  width: -moz-calc(100% - 610px);
  width: calc(100% - 610px);
}
.onCompany .dgrid table tr th.dgrid-column-Name,
.onCompany .dgrid table tr td.dgrid-column-Name {
  width: -webkit-calc(100% - 180px);
  width: -moz-calc(100% - 180px);
  width: calc(100% - 180px);
}
.purchase-history-table .dgrid table tr th.dgrid-column-edit,
.purchase-history-table .dgrid table tr td.dgrid-column-edit {
  width: 50px;
}
.purchase-history-table .dgrid table tr th.dgrid-column-LogDate,
.purchase-history-table .dgrid table tr td.dgrid-column-LogDate,
.purchase-history-table .dgrid table tr th.dgrid-column-LogType,
.purchase-history-table .dgrid table tr td.dgrid-column-LogType,
.purchase-history-table .dgrid table tr th.dgrid-column-Qty,
.purchase-history-table .dgrid table tr td.dgrid-column-Qty,
.purchase-history-table .dgrid table tr th.dgrid-column-PurchasePrice,
.purchase-history-table .dgrid table tr td.dgrid-column-PurchasePrice,
.purchase-history-table .dgrid table tr th.dgrid-column-SalePrice,
.purchase-history-table .dgrid table tr td.dgrid-column-SalePrice {
  width: -webkit-calc(1 / 5 * 100% - 50px);
  width: -moz-calc(1 / 5 * 100% - 50px);
  width: calc(1 / 5 * 100% - 50px);
}
.dgrid .current-in-use-record table tr td.dgrid-cell {
  color: #333333 !important;
}
.rate-scale-grid-container {
  padding: 8px;
}
.rate-scale-grid-container .dgrid-selected {
  background: #ffffff !important;
}
.rate-scale-grid-container .dgrid-selected:focus {
  outline: none !important;
}
.rate-scale-grid-container .form-grouping-container {
  padding: 8px !important;
  margin-top: 0 !important;
}
.rate-scale-grid-container #filter-container {
  display: none;
}
.dgrid.no-stripes .dgrid-row {
  background-color: transparent;
  border: none;
}
.dgrid.no-stripes .dgrid-row.unpicked {
  border: 1px dashed #999999;
  height: 44px;
  margin: 2px;
}
.grid-view .dgrid-row {
  border-bottom: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.grid-view .dgrid-row:last-child {
  border-bottom: none;
}
.grid-view .dgrid-row-even {
  background: #ffffff;
}
.grid-view .dgrid-row-odd {
  background: #EDF0EF;
}
.grid-view .dgrid-selected {
  background: #cfe9ff;
  color: #333333;
}
.dgrid-cell.no-padding {
  padding: 0 !important;
}
.rate-scale-information-section {
  margin-top: 0 !important;
}
.rate-scale-information-section .form-grouping-container {
  padding: 8px !important;
}
.rate-scale-information-section .form-grouping-container.one-half {
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
}
.rate-scale-info-container {
  margin: 8px;
  padding: 8px;
  border: 1px solid #dddddd;
  background: #ffffff;
}
.dgrid .ui-icon {
  background-image: url('../img/ui-icons_222222_256x240.png');
}
.dgrid .dgrid-expando-icon {
  cursor: default;
}
.handleColumn {
  width: 3em;
}
.dgrid-content .handleColumn {
  background-color: #eeeeee;
  border: 1px dotted #999999;
}
.dojoDndAvatar {
  position: absolute;
  z-index: 1999;
  margin: 0px;
}
.dgrid-header-scroll {
  display: none;
}
.dojoDndItemBefore {
  margin-top: 10px !important;
  border-top: 2px solid #333333 !important;
}
.dojoDndItemAfter {
  margin-bottom: 10px !important;
  border-bottom: 2px solid #333333 !important;
}
.dojoDndOver {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}
.dgrid-header .has-add-btn {
  padding: 2px !important;
}
.dgrid-header .has-add-btn button {
  padding: 4px 6px 4px 10px;
}
.dgrid .field-edit a.disabled {
  color: #cccccc;
  cursor: default;
}
a.dgrid-row {
  display: block;
}
.por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
div.message span {
  white-space: pre-line;
}
.alert:empty {
  display: none;
}
.alert {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  position: relative;
  right: -50%;
  float: left;
  margin: 0px;
  padding-right: 30px;
  min-width: 350px;
}
.dropdown-manager .alert {
  left: 0 !important;
}
.alert-wrapper {
  position: fixed;
  right: 50%;
  text-align: center;
  z-index: 99999;
  float: left;
  top: 42px;
}
.show-user-status .alert-wrapper {
  top: 66px;
}
.show-user-status.multi-pick .alert-wrapper {
  top: 116px;
}
.customerPortal .alert-wrapper {
  top: 55px;
}
.alert-with-buttons .alert {
  margin-bottom: 2px !important;
  padding-bottom: 35px;
}
.alert-buttons {
  position: relative;
  top: -38px;
  left: 13px;
}
.region-highlight-error {
  border: 5px solid #b94a48;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.alert-danger [class^="icon-"],
.alert-danger [class*=" icon-"] {
  background-image: url('../img/glyphicons-halflings-red.png');
}
.alert-error {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-error hr {
  border-top-color: #e6c1c7;
}
.alert-error .alert-link {
  color: #953b39;
}
.disconnected-container {
  width: 400px;
  margin: 30px auto;
}
.disconnected-container p {
  margin: 20px;
  text-align: center;
}
.construction-container {
  border: 10px solid #4db6c7;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
  width: 800px;
}
.construction-container img {
  text-align: center;
}
.construction-container h1 {
  margin: 20px 0;
}
.construction-container .expect {
  color: #999999;
  margin: 20px 0;
}
.customErrorBarCode .control-label,
.customErrorBarCode .form-error-container {
  float: left;
}
.customErrorBarCode .form-error-container ul {
  margin: 0;
  padding: 0 0 0 5px;
}
.customErrorBarCode .form-error-container ul li {
  list-style: none;
  position: relative;
}
.inline-alert {
  text-align: center;
  float: none;
  left: inherit;
  right: inherit;
  padding-left: 0;
  padding-right: 0;
  min-width: 100%;
}
.popup.help-tooltip {
  z-index: 9999 !important;
  max-width: 500px;
}
.popup.help-tooltip .popover-title {
  background: url('../img/help-icon.png') no-repeat calc(100% - 8px) center;
}
.delete-confirm,
.warn-confirm {
  z-index: 1060;
}
.delete-confirm .popover-title:before,
.warn-confirm .popover-title:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f071";
  float: right;
}
.labeled-second .tooltip-wrapper {
  text-indent: 0;
}
.with-horizontal-tabbing {
  margin: 0;
  padding: 0;
}
.with-horizontal-tabbing .tab-content {
  background: #dddddd;
  border: 1px solid #cccccc;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.with-horizontal-tabbing .nav-tabs {
  margin: 0;
  padding: 0;
  border: none;
}
.with-horizontal-tabbing .nav-tabs .tab-tabs {
  margin: 0;
  border-top: 1px solid #bbbbbb;
}
.with-horizontal-tabbing .nav-tabs .tab-tabs.top.active {
  border-bottom: 0;
  background-clip: padding-box;
  display: block;
  float: left;
  position: relative;
}
.with-horizontal-tabbing .nav-tabs .tab-tabs.top a {
  margin: 0;
}
.with-horizontal-tabbing .nav-tabs > li:first-of-type > a {
  border-left: 1px solid #bbbbbb;
}
.with-horizontal-tabbing .tab-pane {
  padding-bottom: 0;
  padding-top: 0;
}
.with-horizontal-tabbing .nav-tabs > li.active > a,
.with-horizontal-tabbing .nav-tabs > li.active > a:hover,
.with-horizontal-tabbing .nav-tabs > li.active > a:focus {
  background: #143c58;
  border: 0 none;
  color: #ffffff;
  cursor: default;
}
.with-horizontal-tabbing .nav > li > a {
  background: #dedede;
  border: none;
  border-right: 1px solid #bbbbbb;
  position: relative;
  display: block;
  padding: 8px 16px;
}
.with-horizontal-tabbing .nav-tabs > li.disabled > a,
.with-horizontal-tabbing .nav-tabs > li[disabled] > a {
  color: #bbbbbb;
}
.with-horizontal-tabbing .nav-tabs > li > a {
  color: #333333;
  line-height: 1.42857143;
  min-width: 100px;
  text-align: center;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.with-horizontal-tabbing .nav-tabs > li > a:hover {
  background: #aaaaaa;
}
.with-horizontal-tabbing .nav-tabs > li {
  float: left;
}
.with-vertical-tabbing .nav {
  border: none !important;
}
.with-vertical-tabbing .tab-content {
  background: none;
  border: none;
  padding-left: 8px;
  overflow: hidden;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.with-vertical-tabbing .nav-tabs {
  padding-top: 8px;
  padding-left: 8px;
}
.with-vertical-tabbing .nav-tabs .tab-tabs.top .arrow {
  display: none;
}
.with-vertical-tabbing .nav-tabs .tab-tabs.top.active {
  position: relative;
  display: block;
  float: left;
  box-shadow: none;
  background-clip: padding-box;
}
.with-vertical-tabbing .tab-pane {
  padding: 0 0 0 0px;
}
.with-vertical-tabbing .nav-tabs > li.active > a,
.with-vertical-tabbing .nav-tabs > li.active > a:hover,
.with-vertical-tabbing .nav-tabs > li.active > a:focus {
  background: url('../img/faded-stripe.png') bottom repeat-x #004478;
  border: 1px solid transparent;
  cursor: default;
}
.with-vertical-tabbing .nav > li > a {
  background: url('../img/faded-stripe.png') bottom repeat-x #eeeeee;
  border: 1px solid #dddddd;
  position: relative;
  display: block;
  padding: 8px;
  width: 100%;
  text-align: left;
}
.with-vertical-tabbing .nav-tabs > li > a {
  color: #333333;
  line-height: 1.42857143;
  min-width: 100px;
  text-align: left;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.with-vertical-tabbing .nav-tabs > li > a:hover {
  background: #aaaaaa;
  color: #ffffff;
}
.with-vertical-tabbing .nav-tabs > li {
  float: left;
  width: 100%;
  text-align: left;
}
.with-vertical-tabbing .tab-checklist:hover .icon-tab-checklist {
  color: #ffffff;
}
.with-vertical-tabbing .icon-tab-checklist-normal,
.with-vertical-tabbing .icon-tab-checklist-success {
  float: right;
  font-size: 1.25em;
}
.with-vertical-tabbing .icon-tab-checklist {
  position: absolute;
  right: 5px;
  top: 7px;
}
.with-vertical-tabbing .icon-tab-checklist:hover {
  color: white;
}
.with-vertical-tabbing .active .icon-tab-checklist {
  color: white;
}
.with-vertical-tabbing .nav-tabs > li.active > a,
.with-vertical-tabbing .nav-tabs > li.active > a:hover,
.with-vertical-tabbing .nav-tabs > li.active > a:focus {
  color: #ffffff;
  background-color: #143c58;
}
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-success > a,
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-success > a:hover,
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-success > a:focus {
  background-color: #1d871d;
}
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-error > a,
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-error > a:hover,
.with-vertical-tabbing .nav-tabs > li.active.tab-checklist-error > a:focus {
  background-color: #b94a48;
}
.c-show-loader-text {
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  padding: 15px;
}
.c-show-loader-text:empty {
  display: none;
}
.c-show-loader-text .waiting {
  display: inline-block;
  border: 3px solid transparent;
  border-radius: 50%;
  border-top: 3px solid #36a8f2;
  border-bottom: 3px solid #4fbaff;
  width: 17px;
  height: 17px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  margin-right: 6px;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.four-oh-four .message {
  text-align: center;
}
.search-list h4.form-grouping-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
}
.search-list .input-group-addon.input-group-search-mg {
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 10px;
  text-align: right;
  font-size: 16px;
  float: left;
  top: 33px;
  height: 0;
  z-index: 1;
  background: transparent;
  border: none;
}
.search-list .clear-search,
.search-list .search-is-loading-spinner {
  position: relative;
  margin-top: -30px;
  padding-right: 10px;
  text-align: right;
  font-size: 18px;
  float: right;
}
.search-list .clear-search .por-icon-clear:before {
  color: #C51D25;
}
.search-list .search-is-loading-spinner {
  opacity: 0.3;
}
.search-list .searched-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  float: left;
  /** <-- THIS IS NEEDED FOR FF FOR SOME REASON **/
}
.has-flexbox .search-list .searched-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .search-list .searched-items _:-ms-input-placeholder,
:root .has-flexbox .search-list .searched-items {
  display: block;
}
.search-list .searched-items .dgrid-no-data {
  width: 100%;
}
.search-list .searched-items .searched-item {
  width: 275px;
  margin: 5px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  display: flex;
  flex: 0 0 19%;
  min-width: 275px;
  flex-direction: column;
}
.search-list .searched-items .footer {
  padding: 5px;
  align-self: flex-end;
  width: 100%;
  background: #F6F6F6;
  border-top: 1px solid #cccccc;
  margin-top: auto;
}
.search-list .searched-items .footer .addToCartBtns .addToCartBtn {
  padding: 3px 12px;
}
.search-list .searched-items .field {
  margin-top: 5px;
}
.search-list .searched-items .searched-item-main {
  align-self: flex-start;
  width: 100%;
  height: 100%;
  display: grid;
}
.search-list .searched-items .searched-item-main h4 {
  padding: 3px;
}
.search-list .searched-items .searched-item-main .main-card-content {
  padding: 10px;
  height: calc(100% - 30px);
}
.search-list .searched-items .searched-item-main .main-card-content h5 {
  margin-bottom: 3px;
}
.search-list .searched-items .searched-item-main :not(.desc-and-notes-summary).field-DescAndNotes {
  height: auto !important;
}
.search-list .searched-items .searched-item-main .desc-and-notes-summary {
  position: relative;
  overflow: hidden;
  min-height: 85px;
}
.search-list .searched-items .searched-item-main .desc-and-notes-summary > .field-Description > span {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-list .searched-items .searched-item-main .show-more-or-less {
  margin-top: 5px;
}
.search-list .searched-items .searched-item-main .field-Notes span {
  font-weight: bold;
}
.search-list .searched-items .searched-item-main h4 {
  display: inline-block;
}
.search-list .search-input input[ng-model="_search.filter"] {
  padding-left: 35px;
  border-radius: 20px;
}
@media only screen and (max-width: 1400px) {
  .search-list .searched-items .searched-item {
    flex: 0 0 32%;
  }
}
@media only screen and (max-width: 1200px) {
  .search-list .searched-items .searched-item {
    flex: 0 0 48%;
  }
}
@media only screen and (max-width: 900px) {
  .search-list .searched-items .searched-item {
    flex: 0 0 98%;
  }
  .search-list .searched-items .searched-item .field-QuantityOfAvail input {
    height: 29px;
  }
  .search-list .searched-items .searched-item .field-QuantityOfAvail.overbooked .number-spinner:before {
    bottom: 8px;
    left: 5px;
  }
}
/* https://google-webfonts-helper.herokuapp.com/fonts */
/* coda-regular - latin */
@font-face {
  font-family: 'Coda';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/coda-v14-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Coda Regular'), local('Coda-Regular'), url('../../../fonts/google/coda-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/coda-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/coda-v14-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/coda-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/coda-v14-latin-regular.svg#Coda') format('svg');
  /* Legacy iOS */
}
/* courgette-regular - latin */
@font-face {
  font-family: 'Courgette';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/courgette-v6-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Courgette Regular'), local('Courgette-Regular'), url('../../../fonts/google/courgette-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/courgette-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/courgette-v6-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/courgette-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/courgette-v6-latin-regular.svg#Courgette') format('svg');
  /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/lato-v15-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Lato Regular'), local('Lato-Regular'), url('../../../fonts/google/lato-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/lato-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/lato-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/lato-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/lato-v15-latin-regular.svg#Lato') format('svg');
  /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/google/lato-v15-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Lato Bold'), local('Lato-Bold'), url('../../../fonts/google/lato-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/lato-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/lato-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/lato-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/lato-v15-latin-700.svg#Lato') format('svg');
  /* Legacy iOS */
}
/* montserrat-regular - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/montserrat-v13-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url('../../../fonts/google/montserrat-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/montserrat-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/montserrat-v13-latin-regular.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fonts/google/montserrat-v13-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url('../../../fonts/google/montserrat-v13-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/montserrat-v13-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/montserrat-v13-latin-500.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* montserrat-600 - latin */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/google/montserrat-v13-latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url('../../../fonts/google/montserrat-v13-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/montserrat-v13-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/montserrat-v13-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/montserrat-v13-latin-600.svg#Montserrat') format('svg');
  /* Legacy iOS */
}
/* noto-sans-regular - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/noto-sans-v8-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Noto Sans'), local('NotoSans'), url('../../../fonts/google/noto-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/noto-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/noto-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/noto-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/noto-sans-v8-latin-regular.svg#NotoSans') format('svg');
  /* Legacy iOS */
}
/* noto-sans-700 - latin */
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/google/noto-sans-v8-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url('../../../fonts/google/noto-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/noto-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/noto-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/noto-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/noto-sans-v8-latin-700.svg#NotoSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/open-sans-v16-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../../../fonts/google/open-sans-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/open-sans-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/open-sans-v16-latin-regular.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../../../fonts/google/open-sans-v16-latin-600.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../../../fonts/google/open-sans-v16-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/open-sans-v16-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-600.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/open-sans-v16-latin-600.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/google/open-sans-v16-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../../../fonts/google/open-sans-v16-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/open-sans-v16-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/open-sans-v16-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/open-sans-v16-latin-700.svg#OpenSans') format('svg');
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/roboto-v19-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'), url('../../../fonts/google/roboto-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/roboto-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/roboto-v19-latin-regular.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fonts/google/roboto-v19-latin-500.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'), url('../../../fonts/google/roboto-v19-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/roboto-v19-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-500.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/roboto-v19-latin-500.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/google/roboto-v19-latin-700.eot');
  /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'), url('../../../fonts/google/roboto-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/roboto-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-700.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/roboto-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/roboto-v19-latin-700.svg#Roboto') format('svg');
  /* Legacy iOS */
}
/* sriracha-regular - latin */
@font-face {
  font-family: 'Sriracha';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/google/sriracha-v3-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local('Sriracha'), local('Sriracha-Regular'), url('../../../fonts/google/sriracha-v3-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../../fonts/google/sriracha-v3-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../../../fonts/google/sriracha-v3-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../../../fonts/google/sriracha-v3-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../../../fonts/google/sriracha-v3-latin-regular.svg#Sriracha') format('svg');
  /* Legacy iOS */
}
.modal-backdrop.in {
  opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
}
.modal.popup-modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.popup-modal .modal-dialog {
  z-index: 1040;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header {
  background: url('../img/faded-stripe.png') bottom left repeat-x #333333;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 16px;
  position: relative;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:before,
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  clear: both;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:before,
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  clear: both;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:before,
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  clear: both;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:before,
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.modal.popup-modal .modal-dialog .popup-content .modal-header:after {
  clear: both;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header h3 {
  color: #ffffff;
  font-size: 16px;
  margin: 0;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header .cancel-btn {
  background: transparent;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header .cancel-btn:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header .cancel-btn .swap-close-icon {
  background-image: url('../img/glyphicons-halflings-white.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  vertical-align: text-top;
  width: 14px;
  color: #ffffff;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header .cancel-btn .swap-close-icon:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.modal.popup-modal .modal-dialog .popup-content .modal-header .cancel-btn .glyphicon-remove {
  color: #ffffff;
}
.modal.popup-modal .modal-dialog .popup-content .modal-body {
  padding: 16px 16px 0;
  font-size: 14px;
}
.modal.popup-modal .modal-dialog .popup-content .modal-body + .modal-body {
  padding-top: 0;
}
.modal.popup-modal .modal-dialog .popup-content .modal-footer {
  background: #ffffff;
  border-top: 1px solid #dddddd;
  padding: 16px;
  margin-top: 0;
  position: relative;
  width: 100%;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.modal.popup-modal .modal-dialog .popup-content .modal-footer button {
  margin-right: 8px;
}
#inlineHelpDiv .modal-header .btn-close,
.modal-help-container .modal-header .btn-close {
  float: right;
}
#inlineHelpDiv .modal-header .btn-Pin,
.modal-help-container .modal-header .btn-Pin {
  float: right;
  margin-right: 8px;
}
#inlineHelpDiv.pinned,
.modal-help-container.pinned {
  border: 4px double #cccccc;
}
#inlineHelpDiv .btn-Un-Pin,
.modal-help-container .btn-Un-Pin {
  float: right;
}
#inlineHelpDiv img,
.modal-help-container img {
  max-width: 100%;
  height: auto;
}
.popup-overlay {
  background-color: white;
  position: fixed;
  z-index: 1040;
  border: 0 solid #333333;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
}
.popup-overlay .inner-wrapper {
  padding: 10px;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.25);
}
.popup-overlay-in-left,
.popup-overlay-in-right {
  top: 50px;
  overflow-x: auto;
  overflow-y: visible;
  max-height: calc(100% - 100px);
}
.popup-overlay-in-left .inner-wrapper,
.popup-overlay-in-right .inner-wrapper {
  width: 100%;
}
.popup-overlay-in-up,
.popup-overlay-in-down {
  left: 50px;
  overflow-x: visible;
  overflow-y: auto;
}
.popup-overlay-in-up .inner-wrapper,
.popup-overlay-in-down .inner-wrapper {
  height: 100%;
}
.popup-overlay-in-left {
  right: -10px;
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.popup-overlay-in-left .inner-wrapper {
  padding-right: 20px;
}
.popup-overlay-in-right {
  left: -10px;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
}
.popup-overlay-in-right .inner-wrapper {
  padding-left: 20px;
}
.popup-overlay-in-up {
  bottom: -10px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  margin-bottom: 32px;
  /* 32px account for footer */
}
.popup-overlay-in-up .inner-wrapper {
  padding-bottom: 20px;
}
.popup-overlay-in-down {
  top: -10px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.popup-overlay-in-down .inner-wrapper {
  padding-top: 20px;
}
.confirmation-modal .modal-dialog {
  padding-top: -webkit-calc(15% - 175px);
  padding-top: -moz-calc(15% - 175px);
  padding-top: calc(15% - 175px);
}
.large-modal .modal-dialog {
  width: 75% !important;
}
.medium-modal .modal-dialog {
  width: 800px !important;
}
.small-modal .modal-dialog {
  width: 33% !important;
}
[view-customer-edit] .modal-body [view-advanced-payment-transactions] .dgrid-scroller {
  margin-top: 20px !important;
}
/* override bootstrap 3 class to remove scrollbar from modal backdrop
   when not necessary */
.modal {
  overflow-y: auto;
}
/* custom class to add space for scrollbar */
.modal-scrollbar {
  margin-right: 15px;
}
[vc-recaptcha] > div {
  margin: 0 auto 10px auto;
}
form abbr[title].help-inline {
  border-bottom: none;
  padding-top: 2px;
}
.tab-pane {
  padding: 8px 0;
}
.form-control-alt {
  display: block;
  width: 55.5%;
  height: 28px;
  padding: 6px 0 6px 30px;
  margin-left: 15px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-group .well {
  margin: 0;
  padding: 0;
}
.select2-search input {
  background: none !important;
  background: #ffffff !important;
  margin: 4px 0;
  min-height: 34px;
  padding: 4px 20px 4px 5px;
}
.select2-container .select2-choice {
  height: 100% !important;
  font-size: 11px;
}
.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #0794ee;
}
.select2-drop-active {
  border: 1px solid #0794ee;
  border-top: 1px solid #0794ee;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: none;
  white-space: nowrap;
  line-height: 26px;
  color: #444444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -o-linear-gradient(bottom, #eeeeee 0%, #ffffff 50%);
  background-image: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@white-pure', endColorstr='@gray-e', GradientType=0);
  background-image: linear-gradient(top, #ffffff 0%, #eeeeee 50%);
}
.select2-container.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 0;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #0794ee;
  border-bottom: 1px solid #0794ee;
  border-radius: 4px;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.1);
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #999999;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices,
.select2-dropdown-open.select2-container-active .select2-choice {
  background: url('../img/bg-hover.png') #cccccc !important;
}
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 5px 5px 5px 0;
}
.select2-results .select2-result-label {
  padding: 5px 10px;
  border-bottom: 1px dashed #dddddd;
}
.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #cccccc;
  border-radius: 0;
  background-clip: padding-box;
  background: #cccccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -o-linear-gradient(bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-e', endColorstr='@gray-light', GradientType=0);
  background-image: linear-gradient(top, #cccccc 0%, #eeeeee 60%);
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-top: 3px;
}
.calendar-button-grad {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
}
.calendar-button-grad-hover {
  background: #dddddd;
  background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}
.calendar-selected-highlight {
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.DynarchCalendar-topCont {
  width: 350px;
  font: 11px/1.5em "lucida grande", tahoma, verdana, sans-serif;
}
.DynarchCalendar-topCont .DynarchCalendar {
  background: #ffffff;
  border: 1px solid #333333;
  cursor: default;
  position: relative;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.DynarchCalendar-topCont .DynarchCalendar table {
  border-collapse: collapse;
  width: 100%;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar {
  background: url('../img/faded-stripe.png') repeat-x left bottom #333333;
  border-bottom: 1px solid #333333;
  min-height: 60px;
  overflow: hidden;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn {
  position: absolute;
  top: 0;
  z-index: 10;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn.DynarchCalendar-prevYear,
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn.DynarchCalendar-nextYear {
  display: none !important;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn.DynarchCalendar-prevMonth {
  left: 0;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn.DynarchCalendar-nextMonth {
  right: 0;
  margin-left: 0;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navBtn div {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 34px;
  width: 16px;
  padding: 1px;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-hover-navBtn div {
  border: 1px solid #333333;
  padding: 0;
  background-color: #333333;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-navDisabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar table {
  width: 100%;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar table.DynarchCalendar-titleCont {
  font-size: 1.5em;
  font-weight: bold;
  color: #ffffff;
  position: relative;
  text-align: center;
  z-index: 9;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-title {
  position: relative;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-title div {
  background: transparent;
  height: 34px;
  margin: 0 auto;
  padding: 8px;
  width: 150px;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-hover-title div {
  background-color: #333333;
  padding: 8px;
  background-image: url('../img/dynarch/drop-down.gif');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-hover-title div.DynarchCalendar-weekend {
  color: #ee9210;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-pressed-title div {
  padding: 8px;
  background-image: url('../img/dynarch/drop-up.gif');
  background-repeat: no-repeat;
  background-position: 100% 50%;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-dayNames div {
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  margin: 4px auto;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-topBar .DynarchCalendar-dayNames div.DynarchCalendar-weekend {
  color: #ee9210;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body {
  position: relative;
  overflow: hidden;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-week {
  border-bottom: 1px solid #bbbbbb;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-week td div {
  border-right: 1px solid #bbbbbb;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-week td.DynarchCalendar-last-col div {
  border: none;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-hover-week {
  border-bottom: 1px solid #bbbbbb;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day {
  height: 34px;
  line-height: 3em;
  text-align: center;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day:hover {
  background: #dddddd;
  background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-dayNames div,
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day,
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-weekNumber {
  width: -webkit-calc(1 / 7 * 100% - 0);
  width: -moz-calc(1 / 7 * 100% - 0);
  width: calc(1 / 7 * 100% - 0);
  text-align: center;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day {
  color: #333333;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-othermonth {
  background: transparent;
  color: #999999;
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date {
  background: #cccccc;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-weekend {
  color: #ee9210;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-today {
  color: #333333;
  font-weight: bold;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-disabled {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-selected {
  color: #333333;
  font-weight: bold;
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-selected:hover {
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-body .DynarchCalendar-day-today .DynarchCalendar-day-selected {
  color: #333333;
  font-weight: bold;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-bottomBar {
  background: transparent;
  height: 34px;
  line-height: 3em;
  position: relative;
  text-align: center;
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-bottomBar-today {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
}
.DynarchCalendar-topCont .DynarchCalendar .DynarchCalendar-bottomBar-today:hover {
  background: #dddddd;
  background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}
.DynarchCalendar-menu {
  background: url('../img/faded-stripe.png') repeat-x left bottom #333333;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 8px;
  overflow: hidden;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.DynarchCalendar-menu table td div {
  border: 1px solid #bbbbbb;
  text-align: center;
  font-weight: bold;
}
.DynarchCalendar-menu table td div.DynarchCalendar-menu-month {
  height: 34px;
  line-height: 3em;
  margin: 1px;
  text-align: center;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
  width: -webkit-calc(1 / 4 * 100% - 0);
  width: -moz-calc(1 / 4 * 100% - 0);
  width: calc(1 / 4 * 100% - 0);
}
.DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn {
  border: 1px solid #bbbbbb;
  background: #dddddd;
  background: -moz-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -o-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: -ms-linear-gradient(top, #dddddd 0%, #ffffff 100%);
  background: linear-gradient(to bottom, #dddddd 0%, #ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0);
}
.DynarchCalendar-menu table table tbody tr td .DynarchCalendar-menu-year {
  font-size: 1.5em;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}
.DynarchCalendar-menu table table tbody tr td div {
  border: 1px solid #bbbbbb;
  height: 34px;
  line-height: 3em;
  margin: 1px;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dddddd));
  background: -webkit-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #dddddd 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
}
.DynarchCalendar-menu-sep {
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.DynarchCalendar-focusLink {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.DynarchCalendar-tooltip {
  position: absolute;
  top: 100%;
  width: 100%;
}
.DynarchCalendar-tooltipCont {
  margin: 0 5px 0 5px;
  padding: 3px 6px;
}
@media print {
  .DynarchCalendar-day-selected {
    padding: 2px 3px;
    border: 1px solid #000000;
    margin: 0 !important;
  }
}
.DynarchCalendar-prevMonth div {
  background-image: url('../img/dynarch/nav-left.gif');
}
.DynarchCalendar-nextMonth div {
  background-image: url('../img/dynarch/nav-right.gif');
}
.DynarchCalendar-prevYear div {
  background-image: url('../img/dynarch/nav-left-x2.gif');
}
.DynarchCalendar-nextYear div {
  background-image: url('../img/dynarch/nav-right-x2.gif');
}
.DynarchCalendar-time-down {
  background: url('../img/dynarch/time-down.png') no-repeat 50% 50%;
  width: 11px;
  height: 8px;
  opacity: 0.5;
}
.DynarchCalendar-time-up {
  background: url('../img/dynarch/time-up.png') no-repeat 50% 50%;
  width: 11px;
  height: 8px;
  opacity: 0.5;
}
.container {
  width: 800px;
}
.container-fluid {
  width: 100%;
}
.no-scroll {
  overflow: hidden;
}
.v-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}
.v-scroll-auto {
  overflow-x: hidden;
  overflow-y: auto;
}
.field-override {
  width: 25% !important;
  padding-left: 0 !important;
}
.padding-none {
  padding: 0;
}
.padding-base {
  padding: 8px;
}
.padding-top {
  padding-top: 8px;
}
.padding-right {
  padding-right: 8px;
}
.padding-bottom {
  padding-bottom: 8px;
}
.padding-left {
  padding-left: 8px;
}
.padding-top-bottom {
  padding-bottom: 8px;
  padding-top: 8px;
}
.padding-left-right {
  padding-left: 8px;
  padding-right: 8px;
}
.padding-top-zero {
  padding-top: 0 !important;
}
.padding-right-zero {
  padding-right: 0 !important;
}
.padding-bottom-zero {
  padding-bottom: 0 !important;
}
.padding-left-zero {
  padding-left: 0 !important;
}
.margin-none {
  margin: 0;
}
.margin-middle {
  margin: 0 auto;
}
.margin-base {
  margin: 8px;
}
.margin-top {
  margin-top: 8px;
}
.margin-right {
  margin-right: 8px;
}
.margin-bottom {
  margin-bottom: 8px;
}
.margin-left {
  margin-left: 8px;
}
.margin-top-bottom {
  margin-bottom: 8px;
  margin-top: 8px;
}
.margin-left-right {
  margin-left: 8px;
  margin-right: 8px;
}
.in-use-color,
.row-selected {
  background-color: #007FB3;
}
.bg-transparent {
  background: transparent;
}
.glyphicon-red {
  color: red;
}
.glyphicon-white {
  color: white;
}
.glyphicon-blue {
  color: #00324d;
}
.glyphicon-gray {
  color: #333333;
}
.glyphicon-op3 {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.clear {
  clear: both;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.text-not-selectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
hr {
  margin: 20px 0;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.mainLinkHov {
  -webkit-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
}
.mainLinkReg {
  -webkit-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
}
.push-down {
  margin-top: 20px;
}
.flip-horizontal {
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale(0.97);
    opacity: 0.75;
  }
  50% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.97);
    opacity: 0.75;
  }
}
.container {
  width: 800px;
}
.container-fluid {
  width: 100%;
}
.no-scroll {
  overflow: hidden;
}
.v-scroll {
  overflow-x: hidden;
  overflow-y: auto;
}
.v-scroll-auto {
  overflow-x: hidden;
  overflow-y: auto;
}
.field-override {
  width: 25% !important;
  padding-left: 0 !important;
}
.padding-none {
  padding: 0;
}
.padding-base {
  padding: 8px;
}
.padding-top {
  padding-top: 8px;
}
.padding-top-expanded {
  padding-top: 16px;
}
.padding-right {
  padding-right: 8px;
}
.padding-right-expanded {
  padding-right: 16px;
}
.padding-bottom {
  padding-bottom: 8px;
}
.padding-bottom-expanded {
  padding-bottom: 16px;
}
.padding-left {
  padding-left: 8px;
}
.padding-left-expanded {
  padding-left: 16px;
}
.padding-top-bottom {
  padding-bottom: 8px;
  padding-top: 8px;
}
.padding-top-bottom-expanded {
  padding-bottom: 16px;
  padding-top: 16px;
}
.padding-left-right {
  padding-left: 8px;
  padding-right: 8px;
}
.padding-left-right-expanded {
  padding-left: 16px;
  padding-right: 16px;
}
.padding-top-zero {
  padding-top: 0 !important;
}
.padding-right-zero {
  padding-right: 0 !important;
}
.padding-bottom-zero {
  padding-bottom: 0 !important;
}
.padding-left-zero {
  padding-left: 0 !important;
}
.margin-none {
  margin: 0;
}
.margin-middle {
  margin: 0 auto;
}
.margin-base {
  margin: 8px;
}
.margin-top {
  margin-top: 8px;
}
.margin-right {
  margin-right: 8px;
}
.margin-bottom {
  margin-bottom: 8px;
}
.margin-left {
  margin-left: 8px;
}
.margin-top-bottom {
  margin-bottom: 8px;
  margin-top: 8px;
}
.margin-left-right {
  margin-left: 8px;
  margin-right: 8px;
}
.in-use-color,
.row-selected {
  background-color: #007FB3;
}
.bg-transparent {
  background: transparent;
}
.clear {
  clear: both;
}
.box-sizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.text-not-selectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
hr {
  margin: 20px 0;
}
.hide {
  display: none;
}
.clear {
  clear: both;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.mainLinkHov {
  -webkit-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.75);
}
.mainLinkReg {
  -webkit-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px -10px 14px 0px rgba(0, 0, 0, 0.5);
}
.push-down {
  margin-top: 20px;
}
.por-icon:before,
.por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.icon-expand:before {
  content: "\f0fe";
}
.icon-collapse:before {
  content: "\f146";
}
.shadows-none {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.text-shadows {
  text-shadow: 1px 1px 3px #999999;
}
.border-none {
  border: none !important;
}
.c-currency {
  text-align: right;
}
span.c-currency {
  display: inline-block;
}
.c-currency.symbol-before:before {
  float: none;
  clear: both;
  content: attr(data-currency-symbol) ' ';
  display: inline-block;
  width: fit-content;
}
.inline-edit-mode.c-currency.symbol-before:before {
  display: none;
}
.c-currency.symbol-after:after {
  content: ' ' attr(data-currency-symbol);
}
.inline-edit-mode.c-currency.symbol-after:after {
  display: none;
}
.form-input-container .c-currency,
.inline-edit-wrapper .c-currency {
  position: absolute;
  top: 9px;
  color: #aaaaaa;
}
.form-input-container .c-currency.symbol-before.symbol-length-class-one ~ input,
.inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-one ~ input {
  font-family: inherit;padding-left: 35px;
}
.form-input-container .c-currency.symbol-before.symbol-length-class-two ~ input,
.inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-two ~ input {
  font-family: inherit; padding-left: 35px 10px;
}
.form-input-container .c-currency.symbol-before.symbol-length-class-three ~ input,
.inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-three ~ input {
  font-family: inherit; padding-left: 35px 20px;
}
.form-input-container .c-currency.symbol-before.symbol-length-class-four ~ input,
.inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-four ~ input {
  font-family: inherit; padding-left: 35px 30px;
}
.form-input-container .c-currency.symbol-before.symbol-length-class-five ~ input,
.inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-five ~ input {
  font-family: inherit; padding-left: 35px 40px;
}
.form-input-container .c-currency.symbol-after.symbol-length-class-one ~ input,
.inline-edit-wrapper .c-currency.symbol-after.symbol-length-class-one ~ input {
  font-family: inherit;padding-right: 35px;
}
.form-input-container .c-currency.symbol-after.symbol-length-class-two ~ input,
.inline-edit-wrapper .c-currency.symbol-after.symbol-length-class-two ~ input {
  font-family: inherit; padding-right: 35px 10px;
}
.form-input-container .c-currency.symbol-after.symbol-length-class-three ~ input,
.inline-edit-wrapper .c-currency.symbol-after.symbol-length-class-three ~ input {
  font-family: inherit; padding-right: 35px 20px;
}
.form-input-container .c-currency.symbol-after.symbol-length-class-four ~ input,
.inline-edit-wrapper .c-currency.symbol-after.symbol-length-class-four ~ input {
  font-family: inherit; padding-right: 35px 30px;
}
.form-input-container .c-currency.symbol-after.symbol-length-class-five ~ input,
.inline-edit-wrapper .c-currency.symbol-after.symbol-length-class-five ~ input {
  font-family: inherit; padding-right: 35px 40px;
}
.with-icon .form-input-container .c-currency.symbol-before,
.with-icon .inline-edit-wrapper .c-currency.symbol-before {
  left: 30px;
}
.with-icon .form-input-container .c-currency.symbol-before.symbol-length-class-one ~ input,
.with-icon .inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-one ~ input {
  font-family: inherit;padding-left: 60px;
}
.with-icon .form-input-container .c-currency.symbol-before.symbol-length-class-two ~ input,
.with-icon .inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-two ~ input {
  font-family: inherit; padding-left: 60px 10px;
}
.with-icon .form-input-container .c-currency.symbol-before.symbol-length-class-three ~ input,
.with-icon .inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-three ~ input {
  font-family: inherit; padding-left: 60px 20px;
}
.with-icon .form-input-container .c-currency.symbol-before.symbol-length-class-four ~ input,
.with-icon .inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-four ~ input {
  font-family: inherit; padding-left: 60px 30px;
}
.with-icon .form-input-container .c-currency.symbol-before.symbol-length-class-five ~ input,
.with-icon .inline-edit-wrapper .c-currency.symbol-before.symbol-length-class-five ~ input {
  font-family: inherit; padding-left: 60px 40px;
}
.with-icon .form-group-disabled .c-currency.symbol-before {
  left: 0;
}
.with-icon .form-group-disabled .c-currency.symbol-before.symbol-length-class-one ~ input {
  font-family: inherit;padding-left: 35px;
}
.with-icon .form-group-disabled .c-currency.symbol-before.symbol-length-class-two ~ input {
  font-family: inherit; padding-left: 35px 10px;
}
.with-icon .form-group-disabled .c-currency.symbol-before.symbol-length-class-three ~ input {
  font-family: inherit; padding-left: 35px 20px;
}
.with-icon .form-group-disabled .c-currency.symbol-before.symbol-length-class-four ~ input {
  font-family: inherit; padding-left: 35px 30px;
}
.with-icon .form-group-disabled .c-currency.symbol-before.symbol-length-class-five ~ input {
  font-family: inherit; padding-left: 35px 40px;
}
.transaction-start {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  margin-left: 5px;
}
.transaction-end {
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  margin-right: 5px;
}
.pointer {
  cursor: pointer;
}
.pointerDisabled {
  cursor: not-allowed;
}
.display-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.display-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 20%));
  -ms-grid-columns: repeat(auto-fit, minmax(310px, 20%));
  grid-gap: 12px;
}
_:-ms-input-placeholder {
  display: block;
  float: left;
  width: 20em;
}
.safari-mac .popup.popup-popover.popover.top {
  position: absolute;
}
div div div div.one-third {
  padding-right: 2px;
  padding-left: 2px;
}
div div div div.one-third .select2-container {
  position: relative;
  top: 2px;
}
.all-caps {
  text-transform: uppercase;
}
.vertical-text-right {
  transform: rotate(270deg);
  transform-origin: right bottom 0;
}
[class^="glyphicon-"],
[class*=" glyphicon"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: 0.3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url('../img/glyphicons-halflings.png');
  background-position: 14px 14px;
  background-repeat: no-repeat;
  margin-top: 1px;
}
.hide-icon {
  background-image: none !important;
}
.first-col {
  padding-left: 0 !important;
}
.second-col,
.last-col {
  padding-right: 0 !important;
}
.middle-col {
  padding-left: 8px;
  padding-right: 8px;
}
.one-whole,
.one-half,
.one-third,
.two-thirds,
.two-thirds,
.one-quarter,
.three-quarters,
.one-fifth,
.two-fifths,
.three-fifths,
.four-fifths {
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
}
.c-row {
  width: 100%;
}
.c-row:before,
.c-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.c-row:after {
  clear: both;
}
.c-row:before,
.c-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.c-row:after {
  clear: both;
}
.c-row:before,
.c-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.c-row:after {
  clear: both;
}
.c-row:before,
.c-row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.c-row:after {
  clear: both;
}
.one-whole {
  width: 100%;
  padding-bottom: 8px;
}
.one-half {
  width: 50%;
}
.one-third {
  width: 33.33333333%;
}
.two-thirds {
  width: 66.66666667%;
}
.one-quarter {
  width: 25%;
}
.three-quarters {
  width: 75%;
}
.one-fifth {
  width: 20%;
}
.two-fifths {
  width: 40%;
}
.three-fifths {
  width: 60%;
}
.four-fifths {
  width: 80%;
}
.skip-left.skip-one.one-half {
  margin-left: 50%;
}
.skip-left.skip-one.one-third,
.skip-left.skip-one.two-thirds {
  margin-left: 33.33333333%;
}
.skip-left.skip-one.one-quarter,
.skip-left.skip-one.three-quarters {
  margin-left: 25%;
}
.skip-left.skip-one.one-fifth,
.skip-left.skip-one.two-fifths,
.skip-left.skip-one.three-fifths,
.skip-left.skip-one.four-fifths {
  margin-left: 20%;
}
.skip-right.skip-one.one-half {
  margin-right: 50%;
}
.skip-right.skip-one.one-third,
.skip-right.skip-one.two-thirds {
  margin-right: 33.33333333%;
}
.skip-right.skip-one.one-quarter,
.skip-right.skip-one.three-quarters {
  margin-right: 25%;
}
.skip-right.skip-one.one-fifth,
.skip-right.skip-one.two-fifths,
.skip-right.skip-one.three-fifths,
.skip-right.skip-one.four-fifths {
  margin-right: 20%;
}
.keep-col-padding .col-xs-1,
.keep-col-padding .col-xs-2,
.keep-col-padding .col-xs-3,
.keep-col-padding .col-xs-4,
.keep-col-padding .col-xs-5,
.keep-col-padding .col-xs-6,
.keep-col-padding .col-xs-7,
.keep-col-padding .col-xs-8,
.keep-col-padding .col-xs-9,
.keep-col-padding .col-xs-10,
.keep-col-padding .col-xs-11,
.keep-col-padding .col-xs-12,
.keep-col-padding .col-sm-1,
.keep-col-padding .col-sm-2,
.keep-col-padding .col-sm-3,
.keep-col-padding .col-sm-4,
.keep-col-padding .col-sm-5,
.keep-col-padding .col-sm-6,
.keep-col-padding .col-sm-7,
.keep-col-padding .col-sm-8,
.keep-col-padding .col-sm-9,
.keep-col-padding .col-sm-10,
.keep-col-padding .col-sm-11,
.keep-col-padding .col-sm-12,
.keep-col-padding .col-md-1,
.keep-col-padding .col-md-2,
.keep-col-padding .col-md-3,
.keep-col-padding .col-md-4,
.keep-col-padding .col-md-5,
.keep-col-padding .col-md-6,
.keep-col-padding .col-md-7,
.keep-col-padding .col-md-8,
.keep-col-padding .col-md-9,
.keep-col-padding .col-md-10,
.keep-col-padding .col-md-11,
.keep-col-padding .col-md-12,
.keep-col-padding .col-lg-1,
.keep-col-padding .col-lg-2,
.keep-col-padding .col-lg-3,
.keep-col-padding .col-lg-4,
.keep-col-padding .col-lg-5,
.keep-col-padding .col-lg-6,
.keep-col-padding .col-lg-7,
.keep-col-padding .col-lg-8,
.keep-col-padding .col-lg-9,
.keep-col-padding .col-lg-10,
.keep-col-padding .col-lg-11,
.keep-col-padding .col-lg-12 {
  padding-left: 8px;
  padding-right: 8px;
}
@media (max-width: 1199px) {
  .one-whole-tablet {
    width: 100%;
  }
  .first-col-tablet {
    padding-left: 0 !important;
  }
  .second-col-tablet,
  .last-col-tablet {
    padding-right: 0 !important;
  }
}
.main-header {
  width: 100%;
  z-index: 3;
}
.main-header li.initial-data-loading {
  -webkit-animation-name: pulse;
  -webkit-animation-duration: 1.1s;
  -webkit-animation-iteration-count: 100;
}
.main-header li.initial-data-loading a span {
  color: #a2d7f3;
  font-weight: bold;
}
.main-header .page-is-loading-spinner {
  overflow: hidden;
  float: left;
  padding: 8px;
}
.main-header .page-is-loading-spinner img {
  height: 24px;
  width: 24px;
}
.dropdown-menu {
  padding: 5px;
}
.dropdown-menu > li > a {
  font-size: 11px;
}
.dropdown-menu > li > a[ng-click] {
  cursor: pointer;
}
ul.user-nav {
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}
ul.user-nav li {
  float: left;
  list-style: none;
}
ul.user-nav li .user-link {
  padding: 8px;
}
ul.user-nav li .btn-group {
  background: #6e8393;
  margin: 0;
  padding: 0;
}
ul.user-nav li .btn-group a {
  padding: 12px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.user-nav li .btn-group a.dropdown-toggle:hover {
  background: #9ebed8;
}
ul.user-nav li.new-link .user-link {
  background: #4db6c7;
}
ul.user-nav li.new-link .user-link:hover {
  background: #4db6c7 !important;
}
ul.user-nav li.new-link .btn-group.open .dropdown-toggle {
  background: #4db6c7;
}
ul.user-nav .the-logo.user-list {
  padding: 6px 8px 0 0;
  width: 167px;
}
ul.user-nav .the-logo a:hover,
ul.user-nav .the-logo span.user-link:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
ul.user-nav .the-logo a img,
ul.user-nav .the-logo span.user-link img {
  height: 20px;
  width: auto;
}
ul.user-nav .dropdown-menu {
  margin: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.user-nav .dropdown-menu li {
  width: 100%;
}
ul.user-nav .btn-group a.dropdown-toggle {
  color: #ffffff;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.user-nav .btn-group a.dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
ul.user-nav .btn-group a.dropdown-toggle:hover {
  background: #9ebed8;
}
ul.user-nav .btn-group .dropdown-menu.user-options-dropdown {
  right: 0;
  left: inherit;
}
ul.user-nav .btn-group.open a.dropdown-toggle {
  background: #9ebed8;
  color: #ffffff;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
ul.user-nav .btn-group.open a.dropdown-toggle .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
ul.user-nav .btn-group.open a.dropdown-toggle .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#universalFooter {
  background: #08242e repeat-x bottom;
  border-top: 1px solid #2483c0;
  bottom: 0;
  color: #ffffff;
  display: block;
  position: fixed;
  width: 100%;
  z-index: 1001;
  padding-bottom: 8px;
  padding-top: 8px;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  #universalFooter {
    visibility: hidden;
  }
}
#universalFooter p {
  text-align: center;
  margin: 0;
  padding: 0;
}
#universalFooter p .control-label {
  float: none;
}
#universalFooter a {
  color: #00dbff;
}
#universalFooter a:hover {
  color: #4db6c7;
}
.contract-terms .editable-list-item {
  white-space: pre-wrap;
  overflow: visible !important;
}
.border-gradient-right {
  border-left-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
  border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
}
.border-gradient-left {
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 0;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
  border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
}
[view-top-navbar] {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 900;
}
body.multistore [view-top-navbar] li.user-action-link > a > span.por-icon {
  position: relative;
  top: 0.75em;
}
body.multistore [view-top-navbar] li.logged-in-user-name > a {
  height: 4.25em;
}
body.multistore [view-top-navbar] .company-name-navbar {
  float: left;
  color: white;
  font-weight: bolder;
  font-size: 13px;
}
body.multistore [view-top-navbar] .company-name-navbar div {
  padding-top: 9px;
  max-width: 150px;
  overflow-x: hidden;
  white-space: nowrap;
}
.main-header .main-menu-container {
  width: 100%;
  display: inline-block;
}
.main-header .main-menu-container.counter-mode {
  background: #00324d;
  border-bottom: 2px solid #001622;
}
.main-header .main-menu-container.counter-mode .mode-link a {
  background: #001622;
}
.main-header .main-menu-container.admin-mode {
  background: #00324d;
  border-bottom: 1px solid #00324d;
}
.main-header .main-menu-container.admin-mode .mode-link a {
  background: #A63005;
}
.main-header .main-menu-container .main-menu,
.main-header .main-menu-container .user-menu {
  margin-bottom: 0;
  float: left;
}
.main-header .main-menu-container .main-menu > li,
.main-header .main-menu-container .user-menu > li {
  display: inline;
  list-style: inside none;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active {
  border-left-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
  border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
  float: left;
  padding: 0 10px;
  cursor: pointer;
  display: flex;
  height: 100%;
  max-height: 40px;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .btn-group,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .btn-group {
  display: flex;
  height: 100%;
  align-items: center;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .btn-group .alert-announcement.dropdown-menu li a,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .btn-group .alert-announcement.dropdown-menu li a {
  color: #ffffff;
  display: flex;
  align-items: center;
  padding: 14px 10px;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active:has(.open),
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active:has(.open) {
  background-color: #3276b1;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active a.dropdown-toggle.announcement-link span:not(.badge),
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active a.dropdown-toggle.announcement-link span:not(.badge) {
  color: #7cb6e3;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active a.dropdown-toggle.announcement-link .badge,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active a.dropdown-toggle.announcement-link .badge {
  background: red;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .alert-announcement.dropdown-menu,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .alert-announcement.dropdown-menu {
  margin: 0;
  padding: 0;
  border-width: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  position: absolute;
  left: -10px;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .alert-announcement.dropdown-menu li a,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .alert-announcement.dropdown-menu li a {
  background-color: #3276b1;
  border: none;
  border-width: 0;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .open,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .open {
  background-color: #3276b1;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .open a.dropdown-toggle.announcement-link,
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .open a.dropdown-toggle.announcement-link {
  border-image: none !important;
  border-width: 0;
  box-shadow: none;
}
.main-header .main-menu-container .main-menu > li.announcement-link.announcement-active .open a.dropdown-toggle.announcement-link span:not(.badge),
.main-header .main-menu-container .user-menu > li.announcement-link.announcement-active .open a.dropdown-toggle.announcement-link span:not(.badge) {
  color: #ffffff;
}
.main-header .main-menu-container .main-menu > li a.disabled,
.main-header .main-menu-container .user-menu > li a.disabled {
  opacity: 0.25;
}
.main-header .main-menu-container .main-menu > li > a,
.main-header .main-menu-container .user-menu > li > a {
  border: none;
  color: #ffffff;
  float: left;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  padding: 14px 10px;
  padding-top: 0.8em;
  text-decoration: none;
  border-left-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
  border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-TransactionAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-TransactionAddState,
.main-header .main-menu-container .main-menu > li > a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .main-menu > li > a.menu-link-MissedRentalAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-MissedRentalAddState {
  padding-top: 0.8em;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .main-menu > li > a.menu-link-TransactionAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-TransactionAddState {
  border: none;
  color: #36d436;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-QuickSaleAddState:hover,
.main-header .main-menu-container .user-menu > li > a.menu-link-QuickSaleAddState:hover,
.main-header .main-menu-container .main-menu > li > a.menu-link-TransactionAddState:hover,
.main-header .main-menu-container .user-menu > li > a.menu-link-TransactionAddState:hover {
  background: #0a5107 url('../img/bg-trans.png') bottom left;
  color: #8ae68a;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-QuickSaleAddState span.c-currency,
.main-header .main-menu-container .user-menu > li > a.menu-link-QuickSaleAddState span.c-currency,
.main-header .main-menu-container .main-menu > li > a.menu-link-TransactionAddState span.c-currency,
.main-header .main-menu-container .user-menu > li > a.menu-link-TransactionAddState span.c-currency {
  display: inline;
  padding-right: 4px;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-MissedRentalAddState,
.main-header .main-menu-container .user-menu > li > a.menu-link-MissedRentalAddState {
  border: none;
  color: #f0a43a;
}
.main-header .main-menu-container .main-menu > li > a.menu-link-MissedRentalAddState:hover,
.main-header .main-menu-container .user-menu > li > a.menu-link-MissedRentalAddState:hover {
  background: #A64812 url('../img/bg-trans.png') bottom left;
  color: #f7d099;
}
.main-header .main-menu-container .main-menu > li > a .link-text,
.main-header .main-menu-container .user-menu > li > a .link-text {
  display: none;
}
.main-header .main-menu-container .main-menu > li > a.is-parent,
.main-header .main-menu-container .user-menu > li > a.is-parent {
  padding-right: 25px;
}
.main-header .main-menu-container .main-menu > li > a.is-parent:after,
.main-header .main-menu-container .user-menu > li > a.is-parent:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 1em;
  content: "\f0d7";
  position: absolute;
  bottom: 50%;
  top: 30%;
  right: 8px;
}
.main-header .main-menu-container .main-menu > li.active a,
.main-header .main-menu-container .user-menu > li.active a {
  position: relative;
}
.main-header .main-menu-container .main-menu > li.active a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .user-menu > li.active a.menu-link-QuickSaleAddState,
.main-header .main-menu-container .main-menu > li.active a.menu-link-TransactionAddState,
.main-header .main-menu-container .user-menu > li.active a.menu-link-TransactionAddState {
  background: #0a5107 url('../img/bg-trans.png') bottom left;
}
.main-header .main-menu-container .main-menu > li.active a.menu-link-MissedRentalAddState,
.main-header .main-menu-container .user-menu > li.active a.menu-link-MissedRentalAddState {
  background: #A64812 url('../img/bg-trans.png') bottom left;
}
.main-header .main-menu-container .main-menu > li.active ul li a:before,
.main-header .main-menu-container .user-menu > li.active ul li a:before {
  content: '' !important;
}
.main-header .main-menu-container .main-menu > li.the-logo a,
.main-header .main-menu-container .user-menu > li.the-logo a,
.main-header .main-menu-container .main-menu > li.the-logo span.user-link,
.main-header .main-menu-container .user-menu > li.the-logo span.user-link {
  padding: 5px 10px 0 10px;
}
.main-header .main-menu-container .main-menu > li.the-logo a img,
.main-header .main-menu-container .user-menu > li.the-logo a img,
.main-header .main-menu-container .main-menu > li.the-logo span.user-link img,
.main-header .main-menu-container .user-menu > li.the-logo span.user-link img {
  height: 25px;
  width: auto;
}
.main-header .main-menu-container .main-menu > li.mode-link,
.main-header .main-menu-container .user-menu > li.mode-link {
  display: none !important;
}
.main-header .main-menu-container .main-menu > li.mode-link a .por-icon,
.main-header .main-menu-container .user-menu > li.mode-link a .por-icon {
  margin-right: 0;
  margin-left: 10px;
}
.main-header .main-menu-container .main-menu > li.mode-link a .por-icon:before,
.main-header .main-menu-container .user-menu > li.mode-link a .por-icon:before {
  content: "\e114";
}
.main-header .main-menu-container .main-menu {
  height: 40px;
}
.main-header .main-menu-container .user-menu {
  display: inline;
  float: right;
}
.main-header .main-menu-container .user-menu ul.dropdown-menu li a {
  height: auto;
}
.main-header .main-menu-container .user-menu > li {
  position: relative;
}
.main-header .main-menu-container .user-menu > li.submenu-collapse > ul {
  overflow: hidden;
  max-height: 0;
}
.main-header .main-menu-container .user-menu > li.user-action-link ul.menu-user {
  min-width: min-content;
}
.main-header .main-menu-container .user-menu > li.user-action-link ul.menu-user > li {
  padding: 0;
}
.main-header .main-menu-container .user-menu > li.user-action-link ul.menu-user > li:hover {
  background: #155e85;
}
.main-header .main-menu-container .user-menu > li.user-action-link ul.menu-user > li > a {
  padding: 10px 20px;
}
.main-header .main-menu-container .user-menu > li > ul {
  display: block;
  max-height: 700px;
  padding: 0 10px;
  margin: 0;
  max-width: none !important;
  min-width: max-content;
  position: absolute;
  top: 100%;
  left: 0 !important;
  border: none;
  border-radius: 0;
  background-color: #007FB3;
  list-style: inside none;
  transition: all 350ms cubic-bezier(0.77, 0.2, 0.05, 1);
  -webkit-transition: all 350ms cubic-bezier(0.77, 0.2, 0.05, 1);
}
.main-header .main-menu-container .user-menu > li > ul.menu-user {
  padding: 0;
}
.main-header .main-menu-container .user-menu > li > ul > li {
  white-space: nowrap;
  padding: 8px 0;
}
.main-header .main-menu-container .user-menu > li > ul > li span.por-icon {
  margin: 0;
}
.main-header .main-menu-container .user-menu > li > ul > li > a,
.main-header .main-menu-container .user-menu > li > ul > li span.link-text {
  color: #fff;
}
.main-header .main-menu-container .user-menu > li > ul > li > a {
  height: auto;
}
.main-header .main-menu-container .user-menu > li > ul > li ul.sandbox-information {
  color: #DDDDDD;
  cursor: default;
  float: left;
  padding-left: 10px;
}
.main-header .main-menu-container .user-menu > li > ul > li ul.sandbox-information li {
  list-style: none;
  color: #DDDDDD;
}
.main-header .main-menu-container .user-menu > li.dropdown:not(.submenu-collapse) {
  background-color: #007FB3;
}
.main-header .main-menu-container .mobile-main-menu {
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
  height: 60px;
  position: relative;
}
.main-header .main-menu-container .mobile-main-menu > li {
  display: inline-block;
  float: left;
  list-style: inside none;
}
.main-header .main-menu-container .mobile-main-menu > li.mode-link {
  display: none !important;
}
.main-header .main-menu-container .mobile-main-menu > li.mode-link .vertical-switch .the-labels ul li {
  float: none !important;
}
.main-header .main-menu-container .mobile-main-menu > li > a {
  border-left-width: 0;
  border-right-width: 1px;
  border-right-style: solid;
  -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
  -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
  -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
  border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
  color: #ffffff;
  float: left;
  font-size: 12px;
  font-weight: 300;
  height: 40px;
  padding: 14px 10px;
  text-decoration: none;
}
.main-header .main-menu-container .mobile-main-menu > li.menu-link-QuickSaleAddState a,
.main-header .main-menu-container .mobile-main-menu > li.menu-link-TransactionAddState a {
  background: #1d871d url('../img/bg-trans.png') bottom left;
}
.main-header .main-menu-container .mobile-main-menu > li.menu-link-QuickSaleAddState a:hover,
.main-header .main-menu-container .mobile-main-menu > li.menu-link-TransactionAddState a:hover {
  background: #0a5107 url('../img/bg-trans.png') bottom left;
}
.main-header .main-menu-container .mobile-main-menu .the-logo a,
.main-header .main-menu-container .mobile-main-menu .the-logo span.user-link {
  position: relative;
  float: right;
  margin-right: 16px;
  padding: 0 10px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 4px;
  height: 26px;
}
.main-header .main-menu-container .mobile-main-menu .the-logo a img,
.main-header .main-menu-container .mobile-main-menu .the-logo span.user-link img {
  width: 40px;
  height: auto;
}
.main-header .main-menu-container .mobile-main-menu .navbar-toggle {
  background: #001622;
  margin-top: 4px;
  margin-bottom: 0;
  margin-left: 10px;
}
.main-header .main-menu-container .mobile-main-menu .navbar-toggle.collapsed {
  background: transparent;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu {
  background: #061e2d;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 61px;
  width: 33vw;
  max-width: 325px;
  z-index: 1;
  transition: transform 350ms cubic-bezier(0.77, 0.2, 0.05, 1);
  overflow-y: auto;
  max-height: calc(100vh - 60px);
  height: 100vh;
  width: 100%;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari and Opera */
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu.in li a {
  border-bottom: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu.collapse {
  display: block;
  -webkit-font-smoothing: antialiased;
  /* stops flickering text in safari */
  transform-origin: 0% 0%;
  transform: translateX(-100%);
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown {
  display: block;
  width: 100%;
  background: #061e2d;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown a {
  color: #ffffff;
  display: block;
  width: 100%;
  min-height: 37px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  position: relative;
  text-decoration: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a {
  z-index: 7;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a:not(.menu-link-HelpState):not(.menu-link-ChatState):after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
  font-size: 1em;
  content: "\f0d7";
  position: absolute;
  right: 8px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a .por-icon {
  background-size: contain;
  height: 16px;
  width: 20px;
  background-repeat: no-repeat;
  margin-right: 10px;
  margin-left: 0;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a .por-icon:before {
  display: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a.menu-link-MissedRentalAddState .page-link-title {
  color: #eebd77;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > a.menu-link-QuickSaleAddState .page-link-title {
  color: #94cd8e;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span {
  color: #ffffff;
  display: block;
  width: 100%;
  min-height: 37px;
  padding: 0 10px;
  display: flex;
  align-items: center;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span .por-icon {
  background-size: contain;
  height: 16px;
  width: 20px;
  background-repeat: no-repeat;
  margin-right: 10px;
  margin-left: 0;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span .por-icon:before {
  display: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span.menu-link-MissedRentalAddState .page-link-title {
  color: #eebd77;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span.menu-link-QuickSaleAddState .page-link-title {
  color: #94cd8e;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown .menu-link-MissedRentalAddState:after,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown .menu-link-QuickSaleAddState:after,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown .menu-link-TransactionAddState:after,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown .menu-link-ReportState:after {
  display: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown ul.dropdown-menu li a:after {
  display: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown li a,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown span {
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > ul.submenu-dropdown {
  position: relative;
  z-index: 0;
  background-color: #007FB3;
  padding: 0;
  max-height: 700px;
  transition: all 350ms cubic-bezier(0.77, 0.2, 0.05, 1);
  -webkit-transition: all 350ms cubic-bezier(0.77, 0.2, 0.05, 1);
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > ul.submenu-dropdown li {
  display: block;
  float: none;
  border: none;
  width: 100%;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown > ul.submenu-dropdown li a {
  padding: 0 0 0 25px;
  font-size: 14px;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  float: none;
  border: none;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown.submenu-collapse > ul.submenu-dropdown {
  overflow: hidden;
  max-height: 0;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li.dropdown.mobile-submenu-item:not(.submenu-collapse) > a {
  background-color: #00324d;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState .por-icon {
  background-image: url(../img/icons/new-rental-icon.svg);
  background-size: 22px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionAddState span {
  color: #59bff7;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickSaleAddState .por-icon {
  background-image: url(../img/icons/quick-sale-icon.svg);
  background-size: 34px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickSaleAddState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickSaleAddState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickSaleAddState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickSaleAddState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MissedRentalAddState .por-icon {
  background-image: url(../img/icons/missed-rental-icon.svg);
  background-size: 17px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MissedRentalAddState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MissedRentalAddState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MissedRentalAddState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MissedRentalAddState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-StationMenu .por-icon {
  background-image: url(../img/icons/stations-icon.svg);
  background-size: 20px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-StationMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-StationMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-StationMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-StationMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PricingMenu .por-icon {
  background-image: url(../img/icons/dollar-bills-icon.svg);
  background-size: 26px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PricingMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PricingMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PricingMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PricingMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-InventoryMenu .por-icon {
  background-image: url(../img/icons/inventory-icon.svg);
  background-size: 21px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-InventoryMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-InventoryMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-InventoryMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-InventoryMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MaintenanceState .por-icon {
  background-image: url(../img/icons/maintenance-icon.svg);
  background-size: 21px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MaintenanceState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MaintenanceState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MaintenanceState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-MaintenanceState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-AccountingMenu .por-icon {
  background-image: url(../img/icons/accounting-icon.svg);
  background-size: 22px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-AccountingMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-AccountingMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-AccountingMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-AccountingMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionState .por-icon {
  background-image: url(../img/icons/workbench.svg);
  background-size: 25px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-TransactionState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .por-icon {
  background-image: url(../img/icons/e-sign.svg);
  background-size: 25px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-EsigMenu .expert {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(0%);
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentBankState .por-icon {
  background-image: url(../img/icons/e-sign.svg);
  background-size: 25px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentBankState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentBankState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentBankState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentBankState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickReceiveState .por-icon {
  background-image: url(../img/icons/quick-receive.svg);
  background-size: 25px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickReceiveState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickReceiveState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickReceiveState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-QuickReceiveState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .por-icon {
  background-image: url(../img/icons/people-icon.svg);
  background-size: 25px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-PeopleMenu .expert {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(0%);
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ConfigurationMenu .por-icon {
  background-image: url(../img/icons/configuration-icon.svg);
  background-size: 22px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ConfigurationMenu .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ConfigurationMenu .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ConfigurationMenu .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ConfigurationMenu .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .expert-icon {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(70%);
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ReportState .por-icon {
  background-image: url(../img/icons/statistics-icon.svg);
  background-size: 21px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ReportState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ReportState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ReportState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ReportState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-Home2State .por-icon {
  background-image: url(../img/icons/dashboard-icon.svg);
  background-size: 22px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-Home2State .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-Home2State .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-Home2State .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-Home2State .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentEmailState .por-icon {
  background-image: url(../img/icons/send-new-document-icon.svg);
  background-size: 22px auto;
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentEmailState .por-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentEmailState .por-icon:before,
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentEmailState .por-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-DocumentEmailState .por-icon {
  margin-left: 0px;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-HelpState .por-icon {
  background-image: url(../img/icons/help-icon.svg);
  background-size: 26px auto;
  height: 34px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu .menu-link-ChatState .por-icon {
  background-image: url(../img/icons/chatbot.svg);
  background-size: 26px auto;
  height: 34px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header.multi-pick .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu {
  max-height: calc(100vh - 129.7109px);
}
.por-icon-auth-card,
.por-icon-refund,
.por-icon-payment,
.por-icon-auto-bill {
  width: 1.5em;
  font-size: 1.5em;
  left: -0.5em;
  position: relative;
}
.por-icon-auth-card:before,
.por-icon-refund:before,
.por-icon-payment:before,
.por-icon-auto-bill:before {
  font-size: 1.5em;
  content: "\f09d";
  z-index: 4;
  opacity: 0.5;
  position: relative;
  top: 0.2em;
}
.por-icon-auth-card.por-icon:after,
.por-icon-refund.por-icon:after,
.por-icon-payment.por-icon:after,
.por-icon-auto-bill.por-icon:after {
  font-size: 1em;
  position: relative;
  top: 3px;
  left: -1.6em;
  z-index: 5;
  color: green;
  font-weight: bolder;
}
.por-icon-auth-card.por-icon-auth-card:after,
.por-icon-refund.por-icon-auth-card:after,
.por-icon-payment.por-icon-auth-card:after,
.por-icon-auto-bill.por-icon-auth-card:after {
  content: "\f00c";
  color: green;
}
.por-icon-auth-card.por-icon-auto-bill:after,
.por-icon-refund.por-icon-auto-bill:after,
.por-icon-payment.por-icon-auto-bill:after,
.por-icon-auto-bill.por-icon-auto-bill:after {
  content: "\f133";
  color: green;
}
.por-icon-auth-card.por-icon-payment:before,
.por-icon-refund.por-icon-payment:before,
.por-icon-payment.por-icon-payment:before,
.por-icon-auto-bill.por-icon-payment:before {
  content: "\f283";
  color: green;
  font-size: 1.3em;
}
.por-icon-auth-card.por-icon-refund:after,
.por-icon-refund.por-icon-refund:after,
.por-icon-payment.por-icon-refund:after,
.por-icon-auto-bill.por-icon-refund:after {
  left: -1.64em;
  top: 0.2em;
  content: "\f068";
  color: red;
}
.transaction-overview-checklist button.por-transaction-add-arbitrary.btn {
  padding-left: 1em;
}
.por-icon-invoice {
  width: 1.5em;
  font-size: 1.5em;
  left: -0.5em;
  position: relative;
}
.por-icon-invoice:before {
  font-size: 1.5em;
  content: "\f016";
  z-index: 4;
  opacity: 0.5;
  position: relative;
  top: 0.2em;
  left: 0.2em;
  color: green;
}
.por-icon-invoice.por-icon:after {
  font-size: 1em;
  position: relative;
  top: -3px;
  left: -1.75em;
  z-index: 5;
  color: green;
  font-weight: bolder;
}
.por-icon-cloud-download:before {
  content: "\f0ed";
}
.por-icon-forward:before {
  content: "\f061";
}
.por-icon-split:before {
  content: "\f0c5";
}
.por-icon-caret-down:before {
  content: "\f0d7";
}
.menu-link-MissedRentalAddState .por-icon:before {
  content: "\f188";
}
.menu-link-Home2State .por-icon:before {
  content: "\f0e4";
}
.menu-link-QuickReceiveState .por-icon:before {
  content: "\f02a";
}
.menu-link-TransactionState .por-icon:before {
  content: "\f0ad";
}
.menu-link-ItemState .por-icon:before {
  content: "\f1b3";
}
.menu-link-MaintenanceState .por-icon:before {
  content: "\f21e";
}
.menu-link-CustomerState .por-icon:before {
  content: "\f007";
}
.menu-link-ReportState .por-icon:before {
  content: "\f201";
}
.menu-link-PeopleMenu .por-icon:before {
  content: "\f183";
}
.menu-link-PricingMenu .por-icon:before {
  content: "\f0d6";
}
.menu-link-InventoryMenu .por-icon:before {
  content: "\f1b3";
}
.menu-link-AccountingMenu .por-icon:before {
  content: "\f02d";
}
.menu-link-ConfigurationMenu .por-icon:before {
  content: "\f12e";
}
.menu-link-StationMenu .por-icon:before {
  content: "\f10a";
}
.idea-link .por-icon:before {
  content: "\f0eb";
  font-size: 1.75em;
}
.idea-link .link-text {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.user-action-link ul .por-icon {
  margin-left: 4px;
}
.user-action-link .logged-in-user-name a {
  background: #275b89 !important;
}
.user-action-link .dropdown-toggle .por-icon:before {
  content: "\f013";
}
.admin-mode .vertical-switch {
  background: #A63005;
}
.admin-mode .vertical-switch .the-labels ul li {
  opacity: 0.45;
}
.admin-mode .vertical-switch .the-labels ul li.active {
  opacity: 1;
}
.admin-mode .vertical-switch .the-switches .btn-toggle button {
  padding: 1px 5px;
}
.admin-mode .vertical-switch .the-switches .btn-toggle button.active {
  background: #3276b1;
  border-color: #3276b1;
}
.vertical-switch {
  background: #001622;
  float: left;
  padding: 5px 10px;
}
.vertical-switch .the-labels {
  display: inline-block;
}
.vertical-switch .the-labels ul {
  margin: 0;
  padding: 0;
}
.vertical-switch .the-labels ul li {
  color: #ffffff;
  display: block !important;
  opacity: 0.25;
}
.vertical-switch .the-labels ul li.active {
  opacity: 1;
}
.vertical-switch .the-switches {
  display: inline-block;
  width: 25px;
  float: left;
  padding: 3px 0;
}
.vertical-switch .the-switches .btn-toggle {
  background: #eeeeee;
  height: 25px;
  clear: both;
  width: 14px;
  border-radius: 45px;
  padding: 0 1px;
}
.vertical-switch .the-switches .btn-toggle button {
  display: block;
  border-radius: 45px;
  height: 12px;
  visibility: hidden;
  padding: 1px 5px;
}
.vertical-switch .the-switches .btn-toggle button.active {
  visibility: visible !important;
}
.navbar-toggle .icon-bar {
  background: #ffffff;
}
.show-more-icon {
  margin-right: 0;
  margin-left: 10px;
}
.show-more-icon:before {
  content: "\e114";
}
.dashboard-icon:before {
  content: "\e141";
}
.workbench-icon:before {
  content: "\e136";
}
.inventory-icon:before {
  content: "\e040";
}
.customers-icon:before {
  content: "\e008";
}
.reports-icon:before {
  content: "\e137";
}
.company-icon:before {
  content: "\e139";
}
.locations-icon:before {
  content: "\e062";
}
.register-icon:before {
  content: "\e148";
}
.employees-icon:before {
  content: "\e008";
}
.front-end-store-icon:before {
  content: "\e135";
}
.main-header .main-menu-container .main-menu {
  height: 60px;
}
.main-header .main-menu-container .main-menu .menu-link-HelpState,
.main-header .main-menu-container .main-menu .page-link-title {
  font-size: 10px;
}
.main-header .main-menu-container .main-menu .page-link-title-expert {
  font-size: 10px;
  color: #343333;
}
.main-header .main-menu-container .main-menu .the-logo a {
  background: #1e7fb3;
  display: flex;
  vertical-align: bottom;
  align-items: center;
  padding-top: 0 !important;
  min-width: auto;
}
.main-header .main-menu-container .main-menu > li a {
  height: 60px;
}
.main-header .main-menu-container .main-menu > li a.is-parent:after {
  top: 42%;
}
.main-header .main-menu-container .main-menu > li > a {
  min-width: 70px;
  text-align: center;
}
.main-header .main-menu-container .main-menu > li .dropdown-menu li a {
  height: auto;
  padding: 10px;
  color: #ffffff;
}
.main-header .main-menu-container .main-menu .por-icon {
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-TransactionAddState .por-icon {
  background-image: url(../img/icons/new-rental-icon.svg);
  background-size: 22px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-TransactionAddState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-TransactionAddState span {
  color: #59bff7;
}
.main-header .main-menu-container .main-menu .menu-link-QuickSaleAddState .por-icon {
  background-image: url(../img/icons/quick-sale-icon.svg);
  background-size: 34px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-QuickSaleAddState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-MissedRentalAddState .por-icon {
  background-image: url(../img/icons/missed-rental-icon.svg);
  background-size: 17px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-MissedRentalAddState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-StationMenu .por-icon {
  background-image: url(../img/icons/stations-icon.svg);
  background-size: 20px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-StationMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-PricingMenu .por-icon {
  background-image: url(../img/icons/dollar-bills-icon.svg);
  background-size: 26px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-PricingMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-InventoryMenu .por-icon {
  background-image: url(../img/icons/inventory-icon.svg);
  background-size: 21px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-InventoryMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-MaintenanceState .por-icon {
  background-image: url(../img/icons/maintenance-icon.svg);
  background-size: 21px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-MaintenanceState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-AccountingMenu .por-icon {
  background-image: url(../img/icons/accounting-icon.svg);
  background-size: 22px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-AccountingMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-TransactionState .por-icon {
  background-image: url(../img/icons/workbench.svg);
  background-size: 25px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-TransactionState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-EsigMenu .por-icon {
  background-image: url(../img/icons/e-sign.svg);
  background-size: 25px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-EsigMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-EsigMenu .expert {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(0%);
}
.main-header .main-menu-container .main-menu .menu-link-DocumentBankState .por-icon {
  background-image: url(../img/icons/e-sign.svg);
  background-size: 25px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-DocumentBankState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-QuickReceiveState .por-icon {
  background-image: url(../img/icons/quick-receive.svg);
  background-size: 25px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-QuickReceiveState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-PeopleMenu .por-icon {
  background-image: url(../img/icons/people-icon.svg);
  background-size: 25px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-PeopleMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-PeopleMenu .expert {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(0%);
}
.main-header .main-menu-container .main-menu .menu-link-ConfigurationMenu .por-icon {
  background-image: url(../img/icons/configuration-icon.svg);
  background-size: 22px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-ConfigurationMenu .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .expert-icon {
  filter: invert(15%) sepia(7%) saturate(7%) hue-rotate(8deg) brightness(0%) contrast(70%);
}
.main-header .main-menu-container .main-menu .menu-link-ReportState .por-icon {
  background-image: url(../img/icons/statistics-icon.svg);
  background-size: 21px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-ReportState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-Home2State .por-icon {
  background-image: url(../img/icons/dashboard-icon.svg);
  background-size: 22px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-Home2State .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-DocumentEmailState .por-icon {
  background-image: url(../img/icons/send-new-document-icon.svg);
  background-size: 22px auto;
  height: 30px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-DocumentEmailState .por-icon:before {
  display: none;
}
.main-header .main-menu-container .main-menu .menu-link-HelpState .por-icon {
  background-image: url(../img/icons/help-icon.svg);
  background-size: 26px auto;
  height: 34px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-ChatState .por-icon {
  background-image: url(../img/icons/chatbot.svg);
  background-size: 26px auto;
  height: 34px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: center;
}
.main-header .main-menu-container .main-menu .menu-link-QuickSearch .por-icon {
  background-image: url(../img/icons/popup-search-icon.svg);
  background-size: 26px auto;
  height: 29px;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  background-position-x: center;
  background-position-y: center;
}
.expert .main-header .main-menu-container.admin-mode {
  border-image: none;
  border-right: 1px solid #5b8c27;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li a {
  border-right: 1px solid #5b8c27;
  border-image: none;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li a:hover {
  background-color: #75ae39 !important;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li a:hover span {
  color: #ffffff !important;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li.the-logo {
  background-color: #3a5d14 !important;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li.the-logo .user-link {
  background-color: #3a5d14 !important;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li.active a:focus {
  background-color: #75ae39 !important;
}
.expert .main-header .main-menu-container.admin-mode .main-menu li.active a:focus span {
  color: #ffffff !important;
}
.expert .main-header .main-menu-container.admin-mode .user-menu li > a {
  border-right: 1px solid #5b8c27;
  border-image: none;
}
.expert .main-header .main-menu-container.admin-mode .user-menu li > a:hover {
  background-color: #75ae39 !important;
}
.expert .main-header .main-menu-container.admin-mode .user-menu .dropdown.open .dropdown-toggle {
  background-color: #75ae39 !important;
  border: none;
}
.expert .main-header .main-menu-container.admin-mode .user-menu ul {
  min-width: 59px;
}
.expert .main-header .main-menu-container.admin-mode .user-menu ul .lang-link a {
  border: 0;
}
.expert .main-header .main-menu-container.admin-mode .user-action-link a {
  border-right: 0 !important;
  border-image: none !important;
}
.expert .main-header .main-menu-container.admin-mode .mobile-main-menu .the-logo {
  background-color: #3a5d14 !important;
}
.expert .main-header .main-menu-container.admin-mode .mobile-main-menu .the-logo .user-link {
  background-color: #3a5d14 !important;
  border: none;
}
.expert .main-header .main-menu-container.admin-mode .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a {
  background: #1d2e0c;
  color: white;
}
@media (max-width: 450px) {
  .expert .user-menu {
    background: #4b751d;
  }
  .expert .user-menu li a {
    border-right: 1px solid #385616;
    border-image: none;
  }
}
.user-menu {
  height: 60px;
  display: flex !important;
  align-items: center !important;
}
.user-menu > li {
  display: flex;
  align-items: center;
}
.user-menu > li .dropdown-toggle {
  width: auto;
}
.main-header .show-mobile-main-menu-container .show-mobile-main-menu li {
  border: none;
  width: 100%;
  position: relative;
}
.main-header .show-mobile-main-menu-container .show-mobile-main-menu .dropdown-menu {
  position: relative;
  width: 100%;
}
.main-header .dropdown {
  float: left;
}
.main-header .dropdown.active .dropdown-toggle {
  background-color: #4db6c7;
}
.main-header .dropdown .dropdown-menu {
  border-radius: 0;
  border: none;
  padding: 0;
  margin: 0;
}
.main-header .dropdown .dropdown-menu li a {
  background-color: #437995;
  border: none;
  display: block;
  width: 100%;
  border-image: none;
  -moz-border-image: none;
  -o-border-image: none;
}
.main-header .dropdown.open .dropdown-toggle {
  background-color: #007FB3;
  border: none;
}
.main-header .dropdown.user-action-link .dropdown-menu,
.main-header .dropdown.lang-link .dropdown-menu {
  right: 0;
  left: inherit;
}
.main-header .dropdown.user-action-link .dropdown-menu li ul,
.main-header .dropdown.lang-link .dropdown-menu li ul {
  padding: 0;
}
.main-header .dropdown.user-action-link .dropdown-menu li ul li,
.main-header .dropdown.lang-link .dropdown-menu li ul li {
  color: #999999;
  cursor: default;
  float: left;
  padding: 10px;
}
.main-header .admin-mode .dropdown {
  float: left;
}
.main-header .admin-mode .dropdown.active .dropdown-toggle {
  background-color: #007FB3;
}
.main-header .admin-mode .dropdown .dropdown-menu {
  background-color: #007FB3;
  border-radius: 0;
  border: none;
  padding: 0;
  margin: 0;
}
.main-header .admin-mode .dropdown .dropdown-menu li a {
  border: none;
  display: block;
  width: 100%;
  background: none;
  border-image: none;
  -moz-border-image: none;
  -o-border-image: none;
}
.main-header .admin-mode .dropdown.open .dropdown-toggle {
  background-color: #007FB3;
  border-right: 1px solid #0d1e32;
}
.mobile-main-menu {
  height: 60px;
  display: flex;
}
.mobile-main-menu > li {
  height: 60px;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.mobile-main-menu > li button {
  margin-right: 5px;
}
.mobile-main-menu .the-logo {
  height: 60px;
  background: #1e7fb3;
  display: flex;
  align-items: center;
}
.mobile-main-menu .the-logo a {
  margin-right: 0 !important;
}
.mobile-main-menu .TransactionAddState-link > a {
  background-image: url(../img/icons/new-rental-icon.svg);
  background-size: 22px auto;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: 12px;
  height: 60px !important;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px !important;
}
.mobile-main-menu .TransactionAddState-link > a > span {
  font-size: 10px;
}
.mobile-main-menu .QuickSaleAddState-link > a {
  background-image: url(../img/icons/quick-sale-icon.svg);
  background-size: 37px auto;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: 12px;
  height: 60px !important;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px !important;
}
.mobile-main-menu .QuickSaleAddState-link > a > span {
  font-size: 10px;
}
.mobile-main-menu .ReportState-link > a {
  background-image: url(../img/icons/statistics-icon.svg);
  background-size: 22px auto;
  width: 100%;
  background-repeat: no-repeat;
  margin: auto;
  background-position-x: center;
  background-position-y: 12px;
  height: 60px !important;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px !important;
}
.mobile-main-menu .ReportState-link > a > span {
  font-size: 10px;
}
.mobile-main-menu .menu-link-QuickSearch {
  height: 100% !important;
}
.mobile-main-menu .menu-link-QuickSearch .por-icon {
  background-image: url(../img/icons/popup-search-icon.svg);
  background-size: 30px auto;
  height: 43px;
  width: 100%;
  background-repeat: no-repeat;
  display: flex;
  margin-top: -20px;
  background-position-x: center;
  background-position-y: 14px;
}
.mobile-main-menu .MissedRentalAddState-link > a {
  background-image: url(../img/icons/missed-rental-icon.svg);
  background-size: 17px auto;
  width: 100%;
  background-repeat: no-repeat;
  display: block;
  margin: auto;
  background-position-x: center;
  background-position-y: 14px;
  height: 60px !important;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px !important;
}
.mobile-main-menu .MissedRentalAddState-link > a > span {
  font-size: 10px;
}
.quickSearchPopover {
  width: 420px;
}
.quickSearchPopover .quickSearchInput {
  display: flex;
}
.quickSearchPopover .quickSearchInput .quickSearchEnterButton {
  border: 1px #999999 solid;
  width: 10%;
}
.quickSearchPopover .quickSearchInput .quickSearchResultsLoading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
  margin-right: -5px;
}
.quickSearchPopover .quickSearchResults .quickSearch-row {
  margin: 3px;
}
@media (max-width: 570px) {
  .main-header .main-menu-container.counter-mode {
    border-bottom: 0;
  }
  .main-menu-container .user-menu {
    width: 100% !important;
    background: #012537 !important;
    height: 40px !important;
    padding: 0;
  }
  .main-menu-container .user-menu > li.dropdown:not(.submenu-collapse) {
    background-color: #007FB3;
  }
  .main-menu-container .user-menu .lang-link .dropdown-menu {
    width: 100px;
    min-width: auto;
  }
  .bulk-actions-container .btn-custom-filter-row {
    width: auto;
  }
  .quick-filter-container .dropdown-toggle {
    width: auto;
  }
  .dropdown-toggle {
    width: 62px;
  }
  .show-user-status .main-content {
    margin-top: 125px !important;
  }
}
@media (max-width: 627px) {
  .main-content {
    margin-top: 105px !important;
  }
}
@media (min-width: 570px) and (max-width: 1235px) {
  .main-header .main-menu-container .user-menu > li.announcement-link .btn-group .alert-announcement.dropdown-menu {
    left: inherit;
    right: -10px;
  }
  .main-header .main-menu-container .user-menu > li > ul {
    left: inherit !important;
    right: 0;
  }
}
@media only screen and (max-width: 1199px) {
  .show-user-status.multi-pick .main-content {
    margin-top: 129px !important;
  }
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: block;
  }
  .main-header .main-menu-container.counter-mode a.disabled:hover {
    background: transparent;
  }
  .main-header .main-menu-container.counter-mode a:hover {
    background-color: #00324d;
    text-decoration: none;
  }
  .main-header .main-menu-container.admin-mode a.disabled:hover {
    background: transparent;
  }
  .main-header .main-menu-container.admin-mode a:hover {
    text-decoration: none;
  }
  .main-header .main-menu-container .main-menu .dropdown-menu li a {
    height: auto;
    padding: 10px;
  }
  .main-header .main-menu-container .main-menu .dropdown-menu li a:hover {
    background: #155e85;
  }
  .main-header .dropdown .dropdown-menu li a:hover {
    background-color: #007FB3;
  }
  .main-header .dropdown.open .dropdown-toggle:hover {
    background: #007FB3;
  }
}
/* Hides Large devices main menu, 1199px and below */
@media only screen and (max-width: 1234px) {
  .main-menu {
    display: none !important;
  }
  .mobile-main-menu {
    display: block !important;
  }
  .main-header .main-menu-container .user-menu {
    width: auto;
    height: 60px;
    background: none;
  }
}
@media (min-width: 1235px) and (max-width: 1400px) {
  .main-menu-container .user-menu > li .dropdown:not(.submenu-collapse) {
    background-color: #007FB3;
  }
}
@media (max-width: 1400px) {
  .main-menu-container .user-menu {
    width: 100%;
    background: #00273c;
    float: left;
    height: 40px;
    margin: 0;
    border: none;
    border-top: 2px solid #031625;
  }
  .main-menu-container .user-menu > li {
    position: relative;
  }
  .main-menu-container .user-menu > li.announcement-link:has(.open) {
    background-color: #3276b1;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1235px) {
  .mobile-main-menu {
    display: none;
  }
  .main-header .main-menu-container {
    width: 100%;
  }
  .main-header .main-menu-container:before,
  .main-header .main-menu-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .main-header .main-menu-container:after {
    clear: both;
  }
  .main-header .main-menu-container:before,
  .main-header .main-menu-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .main-header .main-menu-container:after {
    clear: both;
  }
  .main-header .main-menu-container:before,
  .main-header .main-menu-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .main-header .main-menu-container:after {
    clear: both;
  }
  .main-header .main-menu-container:before,
  .main-header .main-menu-container:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .main-header .main-menu-container:after {
    clear: both;
  }
  .main-header .main-menu-container.counter-mode {
    background: #00324d;
    border-bottom: 1px solid #001622;
  }
  .main-header .main-menu-container.counter-mode a:hover {
    text-decoration: none;
  }
  .main-header .main-menu-container.counter-mode .mode-link a {
    background: #001622;
  }
  .main-header .main-menu-container.admin-mode a:hover {
    text-decoration: none;
  }
  .main-header .main-menu-container .main-menu,
  .main-header .main-menu-container .user-menu {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
  }
  .main-header .main-menu-container .main-menu > li,
  .main-header .main-menu-container .user-menu > li {
    display: inline;
    list-style: inside none;
  }
  .main-header .main-menu-container .main-menu > li > a,
  .main-header .main-menu-container .user-menu > li > a {
    border-left-width: 0;
    border-right-width: 1px;
    border-right-style: solid;
    -webkit-border-image: -webkit-gradient(linear, 0 100%, 0 0, from(#001622), to(#000000)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom, #001622, #00324d) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom, #001622, #00324d) 1 100%;
    -o-border-image: -o-linear-gradient(bottom, #001622, #00324d) 1 100%;
    border-image: linear-gradient(to top, #001622, #00324d) 1 100%;
    color: #ffffff;
    float: left;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
  }
  .main-header .main-menu-container .main-menu > li > a .link-text,
  .main-header .main-menu-container .user-menu > li > a .link-text {
    display: inline;
  }
  .main-header .main-menu-container .main-menu > li > a.announcement-link,
  .main-header .main-menu-container .user-menu > li > a.announcement-link {
    cursor: pointer;
    border-image: none !important;
    border-width: 0;
  }
  .main-header .main-menu-container .main-menu > li.the-logo a,
  .main-header .main-menu-container .user-menu > li.the-logo a,
  .main-header .main-menu-container .main-menu > li.the-logo span.user-link,
  .main-header .main-menu-container .user-menu > li.the-logo span.user-link {
    padding: 5px 10px 0 10px;
  }
  .main-header .main-menu-container .main-menu > li.the-logo a img,
  .main-header .main-menu-container .user-menu > li.the-logo a img,
  .main-header .main-menu-container .main-menu > li.the-logo span.user-link img,
  .main-header .main-menu-container .user-menu > li.the-logo span.user-link img {
    height: 25px;
    width: auto;
  }
  .main-header .main-menu-container .main-menu > li.the-logo span.user-link,
  .main-header .main-menu-container .user-menu > li.the-logo span.user-link {
    display: block;
  }
  .main-header .main-menu-container .main-menu > li.active > a,
  .main-header .main-menu-container .user-menu > li.active > a {
    background: #7cb6e3;
  }
  .main-header .main-menu-container .user-menu {
    float: right;
  }
  .main-header .main-menu-container .user-menu > li.dropdown.submenu-collapse:hover {
    background-color: #00324d;
  }
  .main-header .main-menu-container .mobile-main-menu {
    display: none;
  }
}
@media (min-width: 1401px) {
  .main-header .main-menu-container .user-menu > li > ul {
    left: inherit !important;
    right: 0;
  }
  .main-header .main-menu-container .user-menu > li.announcement-link .btn-group .alert-announcement.dropdown-menu {
    left: inherit;
    right: -10px;
  }
}
* {
  -webkit-box-shadow: none;
  box-shadow: none;
}
*[ng-click],
*[ui-sref],
* .cursor,
* .clickable {
  cursor: pointer;
}
*[disabled],
*[readonly] {
  cursor: not-allowed;
}
*.disabled[ng-click] {
  cursor: default;
}
*.disabled[ng-click] .status-title-content {
  cursor: default;
}
body {
  background: url('../img/bg/bg-body.png') #f4f4f4 !important;
  margin-bottom: 33px;
  overflow-x: hidden;
  height: -webkit-calc(100% - 73px);
  height: -moz-calc(100% - 73px);
  height: calc(100% - 73px);
}
body.waiting-for-angular > div.container {
  display: none;
}
body.waiting-for-angular > div#initializing-panel {
  display: block;
  position: absolute;
  background: transparent;
  z-index: 1050;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.waiting-for-angular > div#initializing-panel div {
  background: transparent url('../img/loader.gif') center center no-repeat;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 180px;
  margin: 0px;
  position: absolute;
}
.inline-tooltip {
  margin: 2px;
}
.labeled-second .inline-tooltip {
  margin-left: 5px;
}
.inline-tooltip .por-icon {
  margin-left: 0px;
}
.c-percent {
  text-align: right;
}
.c-percent.symbol-after:after {
  content: ' ' attr(data-percent-symbol);
}
.waiting-overlay {
  position: relative;
}
.waiting-overlay .waiting-icon {
  background: transparent url('../img/loader.gif') center center no-repeat;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 180px;
  margin: 0px;
  position: absolute;
  z-index: 1;
  background-color: rgba(179, 190, 201, 0.6);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}
.default-image {
  width: 100%;
  height: auto;
}
img.sync {
  cursor: pointer;
}
.checkbox-with-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 25px;
}
.checkbox-with-label label {
  padding-left: 3px;
  margin-bottom: 0;
}
.checkbox-with-label .checkbox {
  cursor: pointer;
}
#view-home .new-transaction {
  margin: 5px;
}
#view-home .new-transaction button {
  margin: 5px;
}
#view-home .dgrid-loader,
#view-home .dgrid-no-data {
  padding: 10px 0px;
}
#view-home .transaction-search {
  max-width: calc(100% - 20px);
  margin: auto;
}
#view-home .transaction-search input.form-control {
  box-shadow: none;
  -webkit-box-shadow: none;
}
#view-home .transaction-search input.form-control.clip-path:focus {
  clip-path: inset(-15px 0 -15px 0);
}
#view-home .transaction-search input.form-control:focus {
  clip-path: inset(-15px -15px -15px 0);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#view-home .transaction-search .input-group.focused div.input-group-addon {
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#view-home .drag-list {
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#view-home .drag-list.during-drag {
  background-color: #cccccc;
}
#view-home .drag-item {
  transition: 0.25s;
  width: 32%;
  background-color: #FFFFFF;
}
#view-home .drag-item.during-drag {
  transform: scale(0.95);
}
#view-home .drag-item .widget-label {
  cursor: move;
}
@media (max-width: 1500px) {
  #view-home .drag-item {
    width: 49%;
  }
}
@media (max-width: 1000px) {
  #view-home .drag-item {
    width: 100%;
  }
}
#view-home .drag-start {
  opacity: 0.8;
}
#view-home .drag-enter {
  opacity: 0.5;
  transform: scale(0.9);
}
#view-home .summary-widget {
  margin: 10px;
  border: 1px solid #555555;
}
#view-home .summary-widget .widget-label {
  padding: 5px;
  width: 100%;
  font-size: 1.2em;
  background-color: #999999;
  color: white;
}
#view-home .summary-widget .widget-label .widget-label-options {
  display: inline-flex;
  float: right;
  align-items: center;
  justify-content: flex-end;
}
#view-home .summary-widget .widget-label .fa-caret-down,
#view-home .summary-widget .widget-label .fa-caret-up {
  font-size: 1.4em;
}
#view-home .summary-widget .dashboard-datepicker {
  float: right;
  width: 150px;
  display: inline-block;
  position: relative;
}
#view-home .summary-widget .dashboard-datepicker input {
  padding-left: 40px;
  height: 30px;
}
#view-home .summary-widget .dashboard-datepicker .datepicker-trigger {
  padding: 12px;
  padding-left: 9px;
  background-color: #bbbbbb;
}
#view-home .summary-widget .dashboard-datepicker .datepicker-trigger:before {
  top: 4px;
  left: 3px;
  font-size: 1.3em;
}
#view-home .summary-widget div[grid-config='TransactionGoingOutGridConfig'] .field-StatusCodeSort,
#view-home .summary-widget div[grid-config='TransactionComingBackGridConfig'] .field-StatusCodeSort {
  width: 100px;
  text-align: right !important;
}
#view-home .summary-widget div[grid='TransactionRecentGrid'] .dgrid-column-one-button {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  vertical-align: middle;
}
#view-home .summary-widget div[grid='TransactionRecentGrid'] .dgrid-column-Transaction {
  text-align: left;
  width: 18em;
  min-width: 18em;
  overflow-x: hidden;
}
#view-home .summary-widget div[grid='TransactionRecentGrid'] .dgrid-column-Transaction .field-TransactionTitle {
  white-space: nowrap;
}
#view-home .summary-widget div[grid='TransactionRecentGrid'] .dgrid-column-StatusCodeSort {
  text-align: left;
  width: 7em;
  min-width: 7em;
}
#view-home .summary-widget div[grid='TransactionRecentGrid'] .dgrid-column-StatusCodeSort .field-ContractNumber {
  font-weight: bold;
}
#view-home .summary-widget .field-StartTime,
#view-home .summary-widget .field-DueTime,
#view-home .summary-widget .field-Updated {
  width: 125px;
  text-align: right !important;
}
.page-title {
  margin: 4px;
}
.page-title .new-button-tab {
  margin-left: 25px;
}
.section-title {
  margin: 10px 0 0 0;
  padding: 8px 8px 0 8px;
}
.section-title-internal {
  padding: 8px 8px 0 0;
}
.dropdown-background {
  background: #777777;
}
.page-separator {
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #efefef;
}
.separator {
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 0;
}
.or {
  display: block;
  float: left;
  font-weight: bold;
  text-align: center;
  padding: 35px 0 0 0;
  width: 100%;
}
#main-wrapper:before,
#main-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#main-wrapper:after {
  clear: both;
}
#main-wrapper:before,
#main-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#main-wrapper:after {
  clear: both;
}
#main-wrapper:before,
#main-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#main-wrapper:after {
  clear: both;
}
#main-wrapper:before,
#main-wrapper:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#main-wrapper:after {
  clear: both;
}
.main-content {
  background: #ffffff;
  border: 1px solid #dedede;
  min-width: 300px;
  margin: 4px;
  position: relative;
  padding: 8px;
}
.main-content:before,
.main-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.main-content:after {
  clear: both;
}
.main-content:before,
.main-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.main-content:after {
  clear: both;
}
.main-content:before,
.main-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.main-content:after {
  clear: both;
}
.main-content:before,
.main-content:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.main-content:after {
  clear: both;
}
.radio-no-margin .radio {
  margin: 0;
}
.hide-edit .field-edit .fake-button {
  display: none;
}
.cc-audit-report-textarea {
  max-width: 200px;
}
.section-records {
  clear: both;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 8px;
}
.searching-text {
  padding-left: 20px;
}
div.in-page-error {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #d9534f;
  font-size: 1.1em;
  line-height: 1.5em;
}
div.in-page-error[href]:hover,
div.in-page-error[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
div.in-page-error:empty {
  display: none;
}
div.in-page-error[href]:hover,
div.in-page-error[href]:focus {
  background-color: #c9302c;
}
.emailCustomerPopup {
  z-index: 1000;
}
.ui-autocomplete .ui-menu-item.ui-state-focus {
  border: 1px solid #00324d;
  background: #9ebed8;
  color: #00324d;
  font-weight: normal;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background: #00324d;
}
.inline-children * {
  display: inline;
}
.cover {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #565656;
  position: absolute;
}
.cover.five {
  z-index: 5;
}
.right-align {
  text-align: right;
}
.left-align {
  text-align: left;
}
.center-align {
  text-align: center;
}
a[ng-click] {
  cursor: pointer;
}
select[multiple] {
  width: initial;
}
[ng-hide] .ng-hide {
  display: none !important;
}
input[type="file"] {
  height: inherit;
}
.wysiwyg {
  width: 100%;
  height: 100%;
}
.wysiwyg.btn-11 .btn {
  padding: 6px 11px;
}
a.mustUnbindClicks {
  cursor: pointer;
}
.companyConfigurationAdmin .section-records {
  position: fixed;
  bottom: 2.2em;
  right: 0;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: flex-end;
}
.company-configuration-top {
  padding-bottom: 6em;
}
#email-autocomplete-dropdown {
  z-index: 1101;
  position: absolute;
  background: #ffffff;
  flex-direction: column;
  justify-content: center;
  border: 1px solid #00324d;
}
#email-autocomplete-dropdown .email-autocomplete-dropdown-selection {
  height: 38px;
  padding: 6px 12px;
  border-top: 1px solid #00324d;
  display: flex;
  align-items: center;
}
#email-autocomplete-dropdown .email-autocomplete-dropdown-selection:first-of-type {
  border-top: none;
}
#email-autocomplete-dropdown .email-autocomplete-dropdown-selection:hover,
#email-autocomplete-dropdown .email-autocomplete-dropdown-selection:focus {
  background: #9ebed8;
  color: #00324d;
}
.maintButtons {
  padding-left: 0;
}
.quicklink {
  float: left;
}
.associatedLink {
  margin: 7px 0;
}
.maintenance-checklist {
  height: 100px;
  overflow: auto;
  margin-top: 10px;
  border: solid 1px lightgray;
  background-color: #EFEFEF;
}
.checklistDiv {
  background-color: lightgray;
  margin-bottom: 10px;
  padding: 5px;
}
.schedMaintChecklist {
  width: 100%;
  resize: none;
  outline: none;
  height: auto;
}
.checklistItems {
  white-space: pre-wrap;
}
.dateInputPosition {
  padding-left: 35px;
}
.column-manager-container .column-manager {
  display: flex;
  flex-direction: column;
}
.column-manager-two-columns {
  columns: 2;
}
.column-manager-two-columns div {
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  page-break-inside: avoid;
}
.custom-fields-flex {
  display: flex;
  flex-wrap: wrap;
}
.custom-fields-flex .custom-fields-half-col {
  width: 50%;
  padding: 0 2px;
}
.custom-fields-flex .custom-fields-full-col {
  width: 100%;
}
.dashboard-settings {
  vertical-align: top;
  display: inline-block;
  padding: 5px 10px;
}
.btn-xxs {
  padding: 1px !important;
}
.btn-xxs [class^="icon-"],
.btn-xxs [class*=" icon-"] {
  margin: 0 !important;
  padding: 0 !important;
}
.btn .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.btn-external-customer-search {
  background-color: #004990;
  border-color: #00296C;
}
.btn-external-customer-search:hover {
  background-color: #00296C;
}
.btn-external-customer-search:focus {
  background-color: #00296C;
}
.btn-fullwidth {
  width: 100%;
}
.sendout-button {
  background: #4db6c7;
  height: 100%;
  line-height: 5em;
  padding: 0;
  width: 100%;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.sendout-button:hover {
  background: #4db6c7;
}
.fake-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0 16px;
}
.fake-button.disabled {
  cursor: not-allowed;
}
.fake-button.disabled .icon {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.fake-button.disabled .icon:hover {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.btn-fake-close {
  top: 4px;
  right: 2px;
  cursor: pointer;
}
a.close.cancel {
  float: right;
  font-sizfe: 11px;
  font-weight: normal;
  line-height: 2.5em;
  color: #143c58;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 100;
  filter: alpha(opacity=10000);
  opacity: 100 !important;
  filter: alpha(opacity=10000) !important;
}
a.close.cancel:hover {
  color: #004478;
}
.link-btn-container {
  position: relative;
  padding: 0;
  margin: 1em 0;
  overflow: hidden;
}
.link-btn-container .btn-group {
  display: flex;
  width: fit-content;
  margin-left: -1px;
  border: 0;
  padding: 0.5rem;
  background: #ebebeb !important;
}
.link-btn-container .btn-group .btn,
.link-btn-container .btn-group span.link {
  margin: 0.25em 0;
  padding: 0 1rem;
  text-align: center;
  border-left: 1px solid #ccc;
  color: #0c75b9;
  background: transparent;
  text-decoration: none;
}
.link-btn-container .btn-group .btn:hover,
.link-btn-container .btn-group span.link:hover {
  text-decoration: underline;
}
.link-btn-container .btn-group .btn:first-of-type,
.link-btn-container .btn-group span.link:first-of-type {
  border-left: 0;
}
.btn-group .btn-custom-filter-row {
  color: #777777;
  font-weight: bold;
  background: #ffffff;
}
.btn-group .btn-custom-filter-row:hover {
  background: #dddddd;
}
.btn-group.open .btn-custom-filter-row {
  background: #dddddd;
}
.customer-reservation-modal .pull-left.cancel-btn {
  float: right;
}
.btn-save {
  float: right;
  margin-left: 8px;
  margin-bottom: 8px;
}
.btn-delete {
  float: right;
  margin-bottom: 8px;
}
.btn-cancel {
  float: left;
  margin-bottom: 8px;
}
.btn-cleared {
  border: transparent;
  background: transparent;
}
.btn-icon-first {
  margin-left: 0 !important;
}
.btn-icon-first:before {
  letter-spacing: 5px !important;
}
.action-btn {
  font-size: 12px;
  min-width: 40px;
  margin: 0 2px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.action-btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.action-btn:hover,
.action-btn:focus {
  color: #333;
  text-decoration: none;
}
.action-btn:active,
.action-btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.action-btn.disabled,
.action-btn[disabled],
fieldset[disabled] .action-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.action-btn .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.action-btn .por-icon {
  font-size: 16px;
}
.action-btn:hover,
.action-btn:focus,
.action-btn:active,
.action-btn.active,
.open .dropdown-toggle.action-btn {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.action-btn:active,
.action-btn.active,
.open .dropdown-toggle.action-btn {
  background-image: none;
}
.action-btn.disabled,
.action-btn[disabled],
fieldset[disabled] .action-btn,
.action-btn.disabled:hover,
.action-btn[disabled]:hover,
fieldset[disabled] .action-btn:hover,
.action-btn.disabled:focus,
.action-btn[disabled]:focus,
fieldset[disabled] .action-btn:focus,
.action-btn.disabled:active,
.action-btn[disabled]:active,
fieldset[disabled] .action-btn:active,
.action-btn.disabled.active,
.action-btn[disabled].active,
fieldset[disabled] .action-btn.active {
  background-color: #fff;
  border-color: #ccc;
}
.action-btn.action-btn-add {
  margin-top: 20px;
}
.action-btn.action-btn-cancel {
  background: #dddddd;
}
.action-btn.action-btn-delete {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  margin: 0 4px;
}
.action-btn.action-btn-delete:hover,
.action-btn.action-btn-delete:focus,
.action-btn.action-btn-delete:active,
.action-btn.action-btn-delete.active,
.open .dropdown-toggle.action-btn.action-btn-delete {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.action-btn.action-btn-delete:active,
.action-btn.action-btn-delete.active,
.open .dropdown-toggle.action-btn.action-btn-delete {
  background-image: none;
}
.action-btn.action-btn-delete.disabled,
.action-btn.action-btn-delete[disabled],
fieldset[disabled] .action-btn.action-btn-delete,
.action-btn.action-btn-delete.disabled:hover,
.action-btn.action-btn-delete[disabled]:hover,
fieldset[disabled] .action-btn.action-btn-delete:hover,
.action-btn.action-btn-delete.disabled:focus,
.action-btn.action-btn-delete[disabled]:focus,
fieldset[disabled] .action-btn.action-btn-delete:focus,
.action-btn.action-btn-delete.disabled:active,
.action-btn.action-btn-delete[disabled]:active,
fieldset[disabled] .action-btn.action-btn-delete:active,
.action-btn.action-btn-delete.disabled.active,
.action-btn.action-btn-delete[disabled].active,
fieldset[disabled] .action-btn.action-btn-delete.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.action-btn.action-btn-save {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.action-btn.action-btn-save:hover,
.action-btn.action-btn-save:focus,
.action-btn.action-btn-save:active,
.action-btn.action-btn-save.active,
.open .dropdown-toggle.action-btn.action-btn-save {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.action-btn.action-btn-save:active,
.action-btn.action-btn-save.active,
.open .dropdown-toggle.action-btn.action-btn-save {
  background-image: none;
}
.action-btn.action-btn-save.disabled,
.action-btn.action-btn-save[disabled],
fieldset[disabled] .action-btn.action-btn-save,
.action-btn.action-btn-save.disabled:hover,
.action-btn.action-btn-save[disabled]:hover,
fieldset[disabled] .action-btn.action-btn-save:hover,
.action-btn.action-btn-save.disabled:focus,
.action-btn.action-btn-save[disabled]:focus,
fieldset[disabled] .action-btn.action-btn-save:focus,
.action-btn.action-btn-save.disabled:active,
.action-btn.action-btn-save[disabled]:active,
fieldset[disabled] .action-btn.action-btn-save:active,
.action-btn.action-btn-save.disabled.active,
.action-btn.action-btn-save[disabled].active,
fieldset[disabled] .action-btn.action-btn-save.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.action-btn.action-btn-copy {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.action-btn.action-btn-copy:hover,
.action-btn.action-btn-copy:focus,
.action-btn.action-btn-copy:active,
.action-btn.action-btn-copy.active,
.open .dropdown-toggle.action-btn.action-btn-copy {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.action-btn.action-btn-copy:active,
.action-btn.action-btn-copy.active,
.open .dropdown-toggle.action-btn.action-btn-copy {
  background-image: none;
}
.action-btn.action-btn-copy.disabled,
.action-btn.action-btn-copy[disabled],
fieldset[disabled] .action-btn.action-btn-copy,
.action-btn.action-btn-copy.disabled:hover,
.action-btn.action-btn-copy[disabled]:hover,
fieldset[disabled] .action-btn.action-btn-copy:hover,
.action-btn.action-btn-copy.disabled:focus,
.action-btn.action-btn-copy[disabled]:focus,
fieldset[disabled] .action-btn.action-btn-copy:focus,
.action-btn.action-btn-copy.disabled:active,
.action-btn.action-btn-copy[disabled]:active,
fieldset[disabled] .action-btn.action-btn-copy:active,
.action-btn.action-btn-copy.disabled.active,
.action-btn.action-btn-copy[disabled].active,
fieldset[disabled] .action-btn.action-btn-copy.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.action-btn.action-btn-clear-out {
  float: right !important;
  float: right;
}
.action-btn.action-btn-start-tutorial {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.action-btn.action-btn-start-tutorial:hover,
.action-btn.action-btn-start-tutorial:focus,
.action-btn.action-btn-start-tutorial:active,
.action-btn.action-btn-start-tutorial.active,
.open .dropdown-toggle.action-btn.action-btn-start-tutorial {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.action-btn.action-btn-start-tutorial:active,
.action-btn.action-btn-start-tutorial.active,
.open .dropdown-toggle.action-btn.action-btn-start-tutorial {
  background-image: none;
}
.action-btn.action-btn-start-tutorial.disabled,
.action-btn.action-btn-start-tutorial[disabled],
fieldset[disabled] .action-btn.action-btn-start-tutorial,
.action-btn.action-btn-start-tutorial.disabled:hover,
.action-btn.action-btn-start-tutorial[disabled]:hover,
fieldset[disabled] .action-btn.action-btn-start-tutorial:hover,
.action-btn.action-btn-start-tutorial.disabled:focus,
.action-btn.action-btn-start-tutorial[disabled]:focus,
fieldset[disabled] .action-btn.action-btn-start-tutorial:focus,
.action-btn.action-btn-start-tutorial.disabled:active,
.action-btn.action-btn-start-tutorial[disabled]:active,
fieldset[disabled] .action-btn.action-btn-start-tutorial:active,
.action-btn.action-btn-start-tutorial.disabled.active,
.action-btn.action-btn-start-tutorial[disabled].active,
fieldset[disabled] .action-btn.action-btn-start-tutorial.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.action-btn.action-btn-resume-tutorial {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.action-btn.action-btn-resume-tutorial:hover,
.action-btn.action-btn-resume-tutorial:focus,
.action-btn.action-btn-resume-tutorial:active,
.action-btn.action-btn-resume-tutorial.active,
.open .dropdown-toggle.action-btn.action-btn-resume-tutorial {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.action-btn.action-btn-resume-tutorial:active,
.action-btn.action-btn-resume-tutorial.active,
.open .dropdown-toggle.action-btn.action-btn-resume-tutorial {
  background-image: none;
}
.action-btn.action-btn-resume-tutorial.disabled,
.action-btn.action-btn-resume-tutorial[disabled],
fieldset[disabled] .action-btn.action-btn-resume-tutorial,
.action-btn.action-btn-resume-tutorial.disabled:hover,
.action-btn.action-btn-resume-tutorial[disabled]:hover,
fieldset[disabled] .action-btn.action-btn-resume-tutorial:hover,
.action-btn.action-btn-resume-tutorial.disabled:focus,
.action-btn.action-btn-resume-tutorial[disabled]:focus,
fieldset[disabled] .action-btn.action-btn-resume-tutorial:focus,
.action-btn.action-btn-resume-tutorial.disabled:active,
.action-btn.action-btn-resume-tutorial[disabled]:active,
fieldset[disabled] .action-btn.action-btn-resume-tutorial:active,
.action-btn.action-btn-resume-tutorial.disabled.active,
.action-btn.action-btn-resume-tutorial[disabled].active,
fieldset[disabled] .action-btn.action-btn-resume-tutorial.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.action-btn .por-icon {
  font-size: 14px;
}
.record-damage-button-container {
  padding-top: 20px;
}
.help-btn {
  background: #81bd41;
  color: #ffffff;
  cursor: pointer;
  float: left;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  padding: 12px;
  border: none;
}
.help-btn:hover {
  background: #689834;
  color: #ffffff;
}
.standAlone-btn {
  float: right;
  margin-top: 8px;
}
.auxSaveButton {
  display: inline-block;
}
.auxSaveButton .auxSaveToolTip {
  display: block;
  border-radius: 6px 6px 6px 6px;
  color: black;
  z-index: 1060;
  padding: 5px;
  position: absolute;
  background-color: #ffffff;
  box-shadow: 1px 2px 8px gray;
  bottom: 58px;
}
.auxSaveButton .auxSaveToolTip .arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  bottom: -10px;
}
.por-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#store-picker .por-icon-location-header,
.por-icon-location-header-mobile {
  display: inline-block;
  background-image: url("../../../img/icons/location-header-icon-white.svg");
  background-image: url("../../../img/icons/location-header-icon.svg");
  background-size: 0.933em;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 0px;
  min-height: 1.85em;
  min-width: 1em;
}
.new-look .header-container__new-look #store-picker .por-icon-location-header-mobile,
.new-look .header-container__new-look #store-picker .por-icon-location-header {
  background-image: url("../../../img/icons/location-header-icon-white.svg");
  color: #0d7bc3;
  min-width: 1em;
}
.por-icon-location-star,
.por-icon-location-map {
  background-image: url("../../../img/icons/location-star-icon.svg");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 0px;
  height: 22px;
  width: 22px;
  min-width: 22px;
  background-color: transparent;
  border: none;
  margin: 0 10px;
}
.por-icon-error,
.por-icon-required {
  color: #b94a48;
}
.por-icon-resend {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-resend:before {
  content: "\f021";
}
.por-icon-coupon:before {
  content: "\f06b";
  color: green;
}
.por-icon-coupon.por-icon-coupon-expired:before {
  font-size: 0.9em;
  position: absolute;
  top: 3px;
  left: 2px;
  z-index: 0;
}
.por-icon-coupon.por-icon-coupon-expired:after {
  content: "\f05e";
  color: red;
  font-size: 1.3em;
  z-index: 10;
}
.por-icon-error:before {
  content: "\f06a";
}
.por-icon-warning:before {
  content: "\f071";
}
.por-icon-required:before {
  content: "\f069";
}
.por-icon-helpful-info:before {
  content: "\f05a";
}
.por-icon-help {
  margin-left: 5px;
  content: url("../../../img/icons/info-circle.svg");
  width: 18px;
  height: 18px;
}
.por-icon-create:before {
  content: "\f067";
}
.por-icon-save {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-save:before {
  content: "\f0c7";
}
.por-icon-continue {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-continue:before {
  content: "\f061";
}
.por-icon-cancel {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-cancel:before {
  content: "\f00d";
}
.por-icon-delete,
.por-icon-modelbulkdelete {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-delete:before,
.por-icon-modelbulkdelete:before {
  content: "\f014";
}
.por-icon-split {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-split:before {
  content: "\f065";
}
.por-icon-save-multiple {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-save-multiple:before {
  content: "\f022";
}
.por-icon-overridden:before,
.por-icon-info-sign:before {
  content: "\f069";
}
.help-icon,
.help-icon:hover {
  color: inherit;
}
.help-superscript {
  font-size: small;
}
.help-superscript .por-icon,
.help-superscript .por-icon:before {
  vertical-align: super;
  margin-left: 0;
}
.por-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 8px;
}
.btn .por-icon {
  margin-left: 0px;
}
.por-icon-caution-triangle:before,
.por-icon-warning-no-account:before {
  content: "\f071";
}
.por-icon-warning-overbooked:before {
  content: "\f06a";
}
.por-icon-photo:before {
  content: "\f1c5";
}
.por-icon-left-arrow:before {
  content: "\f053";
}
.por-icon-right-arrow:before {
  content: "\f054";
}
.por-icon-indent:before {
  transform: rotate(90deg) translate(2px, 3px);
  content: "\f148";
}
.por-icon-create:before,
.por-icon-add:before {
  content: "\f055";
}
.por-icon-edit:before {
  content: "\f044";
}
.por-icon-save {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-save:before {
  content: "\f0c7";
}
.por-icon-minus:before {
  content: "\f056";
}
.por-icon-tags:before {
  content: "\f02c";
}
.por-icon-new-window:before {
  content: "\f08e";
}
.por-icon-import:before {
  content: "\f063";
}
.por-icon-error-details:before {
  content: "\f06a";
}
.por-icon-download:before {
  content: "\f019";
}
.por-icon-cancel:before,
.por-icon-clear-cart:before,
.por-icon-clear-out:before {
  content: "\f00d";
}
.por-icon-delete:before {
  content: "\f014";
}
.por-icon-shopping-cart:before {
  content: "\f07a";
}
.por-close-this {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-close-this:before {
  content: "\f00d";
}
.por-icon-current-location:before {
  content: "\f124";
}
.btn .por-icon {
  font-size: 16px;
}
.por-icon-clear:before {
  content: "\f057";
}
.por-icon-cubes:before {
  content: "\f1b3";
}
.por-icon-facebook:before {
  content: "\f230";
}
.por-icon-time:before {
  content: "\f017";
}
.por-icon-check:before {
  content: "\f00c";
}
.por-icon-check-circle:before {
  content: "\f058";
}
.por-icon-copy-to-clipboard:before {
  content: "\f0ea";
}
.por-icon-phone:before {
  content: "\f095";
}
.por-icon-phone-number:before {
  content: "\f098";
}
.classic-look .por-icon-calendar-o:before,
.new-look .cart-date-picker-mobile .por-icon-calendar-o:before {
  content: "\f133";
}
.new-look mat-icon.por-icon-calendar-o:after {
  margin-left: 10px;
  content: "\f073";
  color: #222;
}
.new-look .select-dates-button.por-icon-calendar-o:after {
  margin-left: 10px;
  content: "\f073";
  color: #ffffff;
}
.por-icon-search-o:after {
  margin-left: 10px;
  content: "\f002";
  color: #ffffff;
}
.por-icon-map-marker:before {
  content: "\f041";
}
.has-error .por-icon.por-icon-helpful-info,
.por-icon.por-icon-helpful-info {
  color: #0794ee;
}
.glyphicon-view-maintenance-log:before {
  content: "\e136";
}
.glyphicon-TransactionState:before {
  content: "\e136";
}
.glyphicon-ItemState:before {
  content: "\e040";
}
.glyphicon-CustomerState:before {
  content: "\e008";
}
.glyphicon-CompanyState:before {
  content: "\e139";
}
.glyphicon-LocationState:before {
  content: "\e062";
}
.glyphicon-AdminState:before {
  content: "\e184";
}
.glyphicon-ReportState:before {
  content: "\e018";
}
.glyphicon-RateScaleState:before {
  content: "\e032";
}
.glyphicon-CategoryState:before {
  content: "\e042";
}
.caret-up {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: "";
  border-top-width: 0;
  border-bottom: 4px solid #ffffff;
}
.btn-default .caret-up {
  border-top-color: #333;
}
.btn-primary .caret-up,
.btn-success .caret-up,
.btn-warning .caret-up,
.btn-danger .caret-up,
.btn-info .caret-up {
  border-top-color: #fff;
}
.caret-down {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-bottom: 0 dotted;
  content: "";
  border-bottom-width: 0;
  border-top: 4px solid #ffffff;
}
.btn-default .caret-down {
  border-top-color: #333;
}
.btn-primary .caret-down,
.btn-success .caret-down,
.btn-warning .caret-down,
.btn-danger .caret-down,
.btn-info .caret-down {
  border-top-color: #fff;
}
.glyphicon-red {
  color: red;
}
.glyphicon-white {
  color: white;
}
.glyphicon-blue {
  color: #00324d;
}
.glyphicon-gray {
  color: #333333;
}
.glyphicon-nav {
  color: #333333;
}
.glyphicon-op3 {
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.icon-RateScaleState {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
}
.icon-RateScaleState:before {
  content: "\e032";
}
.active .icon-RateScaleState {
  color: #ffffff;
}
.glyphicon-create-transaction-from-customer:before {
  content: "\e116";
}
.por-icon:after {
  top: 5px;
  left: 1px;
}
.por-icon-copy:before {
  content: "\f0c5";
}
.por-icon-edit:before {
  content: "\f040";
}
.por-icon-asterisk:before {
  content: "\f069";
}
.por-icon-status-current:before {
  content: "\f192";
}
.por-icon-disabled:before,
.por-icon-modelbulkdeactivate:before {
  content: "\f05e";
}
.por-icon-overbooked {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.por-icon-overbooked:before,
.por-icon-overbooked:after {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}
.por-icon-overbooked:before {
  color: #b94a48;
  content: "\f05e";
  font-size: 2em;
}
.por-icon-overbooked:after {
  content: "\f0c5";
  line-height: inherit;
  left: 2px;
  top: 5px;
}
.por-icon-delivery:before {
  content: "\f0d1";
}
.por-icon-apply-deposit:before {
  content: "\f175";
}
.por-icon-autobill-fail {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.por-icon-autobill-fail:before,
.por-icon-autobill-fail:after {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
}
.por-icon-autobill-fail:before {
  color: #b94a48;
  content: "\f05e";
  font-size: 2em;
}
.por-icon-autobill-fail:after {
  content: "\f09d";
  line-height: inherit;
  left: 2px;
  top: 5px;
}
.por-icon-reactivate:before,
.por-icon-modelbulkreactivate:before {
  content: "\f05d";
}
.por-icon-import:before {
  content: "\f019";
}
.por-icon-export:before {
  content: "\f093";
}
.por-icon-refresh:before {
  content: "\f01e";
}
.por-icon-undo:before {
  content: "\f01e";
  -webkit-transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  transform: scaleX(-1);
  ms-filter: "FlipH";
}
.por-icon-dropdown:before {
  content: "\f078";
  font-size: 10px;
}
.por-icon-view:before {
  content: "\f06e";
}
.por-icon-url:before {
  content: "\f0ac";
}
.por-icon-upload:before {
  content: "\f093";
}
.por-icon-phone-upload:before {
  content: "\f10b";
  font-size: 14px;
}
.por-icon-tutorial:before {
  content: "\f04b";
}
.por-icon-credit-card:before {
  content: "\f09d";
}
.por-icon-helpful-info:before {
  content: "\f05a";
}
.por-icon-required:before {
  content: "\f069";
}
.por-icon-shopping-cart:before {
  content: "\f07a";
}
.por-icon-barcode:before {
  content: "\f02a";
}
.por-icon-star:before {
  content: "\f005";
}
.por-icon-back-arrow:before {
  content: "\f053";
}
.por-icon-forward-arrow:before {
  content: "\f054";
}
.por-icon-current:before {
  content: "\f005";
}
.por-icon-up-arrow:before {
  content: "\f077";
}
.por-icon-checklist:before {
  content: "\f0cb";
}
.icon-tab-checklist-normal:before {
  content: "\f096";
}
.icon-tab-checklist-success:before {
  content: "\f046";
}
.por-icon-down-arrow:before {
  content: "\f078";
}
.por-icon-download-pdf:before {
  content: "\f1c1";
}
.por-icon-download-excel:before {
  content: "\f1c3";
}
.por-icon-item-labels:before {
  content: "\f145";
}
.por-icon-picklist:before {
  content: "\f0cb";
}
.por-icon-exclaim:before {
  content: "\f06a";
}
.por-icon-view-history:before {
  content: "\f1da";
}
.por-icon-view-list:before {
  content: "\f00b";
}
.por-icon-percent:before {
  content: "\f295";
}
.por-icon-money:before {
  content: "\f0d6";
}
.por-icon-edit-pricesheets:before {
  content: "\f0ae";
}
.por-icon-edit-discounts-surcharge:before {
  content: "\f022";
}
.por-icon-download-excel:before {
  content: "\f1c3";
}
.por-icon-file:before {
  content: "\f15b";
}
.por-icon-view-unavailability-log:before {
  content: "\f1da";
}
.por-icon-view-item-instance-photo:before {
  content: "\f03e";
}
.por-icon-opened-accordion:before {
  content: "\f078";
}
.por-icon-transfer-logs:before {
  content: "\f0ec";
}
.editable-list-button i.por-icon {
  margin-left: 0;
  z-index: 1;
  top: -10px;
  right: -5px;
  position: relative;
}
.por-icon-modify-add:before {
  content: "\f044";
}
.por-icon-checks-out:before {
  content: "\f00c";
}
.por-icon-selected:before {
  content: "\f046";
}
.por-icon-cc-stripe:before {
  content: "\f1f5";
}
.por-icon-wordpress:before {
  content: "\f19a";
}
.por-icon-search:before {
  content: "\f002";
}
.por-icon-logout:before {
  content: "\f08b";
}
.por-icon-new-window:before {
  content: "\f08e";
}
.por-icon-external-site:before {
  content: "\f08e";
}
.por-icon-select:before {
  content: "\f096";
}
.por-icon-print:before {
  content: "\f02f";
}
.por-icon-receipt:before,
.por-icon-moneris_receipt:before {
  content: "\f0f6";
  color: white;
  width: 0.45em;
}
.por-icon-receipt.por-icon:after,
.por-icon-moneris_receipt.por-icon:after {
  font-size: 0.75em;
  position: relative;
  top: -3px;
  z-index: 5;
  color: green;
  font-weight: bolder;
}
.por-icon-receipt:after,
.por-icon-moneris_receipt:after {
  content: "\f155";
  color: green;
}
.por-icon-gdd:before {
  content: "\f0f6";
}
.por-icon-contract:before {
  content: "\f0f6";
}
.por-icon-ticket:before {
  content: "\f022";
}
.por-icon-mail-to:before {
  content: "\f0e0";
}
.por-icon-asc:before {
  content: "\f15d";
}
.por-icon-desc:before {
  content: "\f15e";
}
.por-icon-warning-info:before {
  color: #b94a48;
  content: "\f06a";
}
.mappingArrow {
  background-image: url("/img/icons/mapping-arrow.svg");
  background-repeat: no-repeat;
  width: 2.6em;
  height: 1.4em;
}
.por-icon-upload,
.por-icon-url,
.por-icon-phone-upload {
  margin-left: 0 !important;
}
.por-icon-upload:before,
.por-icon-url:before,
.por-icon-phone-upload:before {
  letter-spacing: 5px !important;
}
.modal-header .action-btn.action-btn-cancel {
  color: #ffffff;
  outline: none;
  padding: 0;
  min-width: unset;
  border: transparent;
  background: transparent;
  float: right !important;
  float: right;
}
.modal-header .action-btn.action-btn-cancel .por-icon:before {
  letter-spacing: 0;
}
.modal-header .confirmation-popover .action-btn.action-btn-cancel {
  color: #333333;
  padding: 6px 12px;
  border: #ccc;
  background: #dddddd;
  float: none !important;
}
.modal-footer .action-btn.action-btn-cancel .por-icon:before {
  letter-spacing: 0;
}
.por-icon-save-multiple:before {
  content: "\f022";
}
.por-icon-overridden:before,
.por-icon-info-sign:before {
  content: "\f069";
}
.por-icon-pinned:before {
  content: url("/img/icons/push-pin-enabled-icon.svg");
}
.por-icon-unpinned:before {
  content: url("/img/icons/push-pin-disabled-icon.svg");
}
.por-icon-pin:before,
.por-icon-unpin:before {
  content: "\f08d";
}
.por-icon-unpin:before {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.por-icon-help-me:before {
  content: "\f29c";
}
.por-icon-signature:before {
  content: "\f084";
}
.por-icon-send:before {
  content: "\f1d8";
}
.por-icon-complete-maintenance:before {
  content: "\f0ad";
}
.por-icon-availability-chart:before {
  content: "\f201";
}
.por-icon-checked {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-checked.fa-pull-left {
  margin-right: 0.3em;
}
.por-icon-checked.fa-pull-right {
  margin-left: 0.3em;
}
.por-icon-checked.pull-left {
  margin-right: 0.3em;
}
.por-icon-checked.pull-right {
  margin-left: 0.3em;
}
.por-icon-checked:before {
  content: "\f046";
}
.por-icon-unchecked {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-unchecked.fa-pull-left {
  margin-right: 0.3em;
}
.por-icon-unchecked.fa-pull-right {
  margin-left: 0.3em;
}
.por-icon-unchecked.pull-left {
  margin-right: 0.3em;
}
.por-icon-unchecked.pull-right {
  margin-left: 0.3em;
}
.por-icon-unchecked:before {
  content: "\f096";
}
.por-icon-slide-page {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-slide-page.fa-pull-left {
  margin-right: 0.3em;
}
.por-icon-slide-page.fa-pull-right {
  margin-left: 0.3em;
}
.por-icon-slide-page.pull-left {
  margin-right: 0.3em;
}
.por-icon-slide-page.pull-right {
  margin-left: 0.3em;
}
.por-icon-slide-page:before {
  content: "\f10c";
}
.por-icon-slide-page-current {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-slide-page-current.fa-pull-left {
  margin-right: 0.3em;
}
.por-icon-slide-page-current.fa-pull-right {
  margin-left: 0.3em;
}
.por-icon-slide-page-current.pull-left {
  margin-right: 0.3em;
}
.por-icon-slide-page-current.pull-right {
  margin-left: 0.3em;
}
.por-icon-slide-page-current:before {
  content: "\f111";
}
.table th {
  background: #dedede;
}
.table th td {
  background: #ffffff;
}
.table tr td {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.table tr td.no-border-after {
  border-right: none !important;
}
.table tr td.no-border-after + td {
  border-left: none !important;
}
.table tr td.padding-none {
  padding: 0;
}
.table.balancedue {
  color: red;
}
.table-bordered {
  border: 1px solid #bbbbbb;
}
.table-bordered .table-bordered th,
.table-bordered .table-bordered td {
  border-bottom: 1px solid #bbbbbb;
  border-left: 1px solid #ffffff;
}
.table-bordered .table-bordered th:last-child,
.table-bordered .table-bordered td:last-child {
  border-right: none;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  background: #ffffff;
}
td.currency {
  min-width: 8em;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 1px !important;
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .form-grouping-container .form-grouping-header {
    font-size: 10px !important;
  }
  .transaction-overview table {
    font-size: 9px !important;
  }
}
.table-qv-location {
  border-color: #cccccc !important;
}
.table-qv-location thead tr td {
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef', GradientType=0);
}
.results-container table.dataTable td {
  position: relative;
}
.results-container table.dataTable td .por1_signature {
  width: 320px;
  height: 200px;
}
body {
  font: 11px/1.42857143 'Helvetica', Verdana, sans-serif;
}
@font-face {
  font-family: 'Mrs Saint Delafield';
  src: url('/fonts/mrs-saint-delafield/MrsSaintDelafield-Regular.ttf');
}
h1 {
  font-size: 24px;
}
h2 {
  font-size: 20px;
}
h3,
h4 {
  font-size: 16px;
}
h5,
h6 {
  font-size: 14px;
}
p {
  line-height: 1.42857143;
}
.pre-wrap {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.new-link {
  font-size: 11px;
  vertical-align: super;
}
.announcement a,
.announcement button {
  background: #ffffff;
  clear: both;
  color: #333333;
  float: left;
  font-weight: normal;
  font-size: 14px !important;
  font-family: arial;
  padding: 12px;
  position: relative;
  text-align: left;
  width: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  text-shadow: none;
  border-bottom: 1px solid #eeeeee;
}
.announcement a:hover,
.announcement button:hover {
  color: #ffffff;
  background: #00324d;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.user-notification-admin th {
  background-color: #777777;
  color: #ffffff;
}
.user-notification-admin th,
.user-notification-admin td {
  padding: 3px;
  margin: 1px;
}
.user-notification-admin div.setting-label {
  font-weight: bold;
}
.user-setting-admin th {
  background-color: #777777;
  color: #ffffff;
}
.user-setting-admin th,
.user-setting-admin td {
  padding: 3px;
  margin: 1px;
}
.user-setting-admin div.setting-label {
  font-weight: bold;
}
.alert-announcement.dropdown-menu {
  min-width: 300px;
  right: 0;
  left: inherit;
}
ul.user-nav li.announcement-link {
  float: right;
}
ul.user-nav li.announcement-link .badge {
  background: #f56767;
  color: #ffffff;
}
ul.user-nav li.announcement-link .btn-group {
  background: none;
}
ul.user-nav li.announcement-link .btn-group > a {
  color: white !important;
}
ul.user-nav li.announcement-link .btn-group > a:hover {
  background: none !important;
}
ul.user-nav li.announcement-link .btn-group > a:active {
  background: none !important;
}
ul.user-nav li.announcement-link .btn-group.open > a {
  color: white;
  background: none !important;
}
ul.user-nav li.announcement-link .btn-group.open > a:hover {
  background: none !important;
}
ul.user-nav li.announcement-link .btn-group.open > a:active {
  background: none !important;
}
ul.user-nav li.announcement-link:hover {
  background: #001622;
}
ul.user-nav li.announcement-link:hover .badge {
  background: #cd0d0a;
}
.notifications-text {
  width: -webkit-calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: calc(100% - 20px);
  float: left;
}
.notifications-icon {
  width: 2px;
  float: left;
}
.alert-wrapper #announcement-modal {
  text-align: left !important;
}
.accountDetails:before,
.accountDetails:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.accountDetails:after {
  clear: both;
}
.accountDetails:before,
.accountDetails:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.accountDetails:after {
  clear: both;
}
.accountDetails:before,
.accountDetails:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.accountDetails:after {
  clear: both;
}
.accountDetails:before,
.accountDetails:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.accountDetails:after {
  clear: both;
}
.accountDetails .page-title {
  margin-bottom: 24px;
}
.accountDetails h2 {
  margin-bottom: 16px;
  margin-top: 16px;
  padding-bottom: 8px;
}
.accountDetails h3 {
  border-bottom: 1px solid #999999;
  font-size: 16px;
  margin-bottom: 16px;
  margin-top: 16px;
  padding-bottom: 8px;
}
.accountDetails ul {
  margin: 0 0 20px 0;
  padding: 0;
}
.accountDetails ul li {
  font-size: 12px;
  line-height: 2.1em;
  list-style: inside none;
}
.accountDetails .inline-label {
  font-weight: 600;
}
.page-actions {
  border-bottom: 1px solid #cccccc;
  padding: 8px;
}
.bulk-action-row {
  background: #bbbbbb;
  border-top: 1px solid #999999;
  padding: 8px;
}
.bulk-action-row .btn-group.open .dropdown-toggle,
.bulk-action-row .btn-group.open .dropdown-toggle:active {
  background: none;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bulk-action-row .table-view-options {
  float: right;
}
.bulk-action-row .table-view-options label + label .glyphicon-th-large:before {
  content: "\e012";
}
.bulk-actions-container .dropdown-menu {
  background: #ffffff;
}
.bulk-actions-container .dropdown-menu li a {
  padding: 5px 10px;
}
.bulk-actions-container .dropdown-menu li a .por-icon {
  font-size: 14px;
}
.searchFilters {
  width: 250px;
  max-width: 100%;
}
.searchFilters .search-wrapper .form-control {
  background: #ffffff;
  box-shadow: none;
  height: 31.7109px;
  width: 100%;
  padding-left: 2em;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.searchFilters .search-wrapper .form-control + .por-icon-search {
  color: #cccccc;
  left: 8px;
  position: absolute;
  top: 10px;
}
.searchFilters .search-wrapper .form-control .searchFilters {
  width: 250px;
  max-width: 100%;
}
.searchFilters .search-wrapper .form-control .searchFilters .search-wrapper .form-control {
  background: #ffffff;
  box-shadow: none;
  height: 29px;
  width: 100%;
  padding-left: 2em;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.searchFilters .search-wrapper .form-control .searchFilters .search-wrapper .form-control + .por-icon-search {
  color: #cccccc;
  left: 8px;
  position: absolute;
  top: 10px;
}
.searchFilters .search-wrapper .form-control .searchFilters .search-wrapper .form-control:focus + .por-icon-search {
  display: none;
}
.searchFilters .search-wrapper .form-control .InventoryLogSearchFilters {
  width: 560px;
  max-width: 100%;
}
.searchFilters .search-wrapper .form-control .InventoryLogSearchFilters .search-wrapper .form-control {
  background: #ffffff;
  box-shadow: none;
  height: 29px;
  width: 100%;
  padding-left: 2em;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.searchFilters .search-wrapper .form-control .InventoryLogSearchFilters .search-wrapper .form-control + .por-icon-search {
  color: #cccccc;
  left: 8px;
  position: absolute;
  top: 10px;
}
.searchFilters .search-wrapper .form-control .InventoryLogSearchFilters .search-wrapper .form-control:focus + .por-icon-search {
  display: none;
}
.cat-days-available {
  text-align: center;
}
.calc-op-bg {
  background: #d6e1ef;
  background: -moz-linear-gradient(top, #d6e1ef 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1ef), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #d6e1ef 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #d6e1ef 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #d6e1ef 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #d6e1ef 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e1ef', endColorstr='#d6e1ef', GradientType=0);
}
.calc-bg {
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.calc-bg-hover {
  background: #d6e1ef;
  background: -moz-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1ef), color-stop(100%, #eff5fb));
  background: -webkit-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -o-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -ms-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: linear-gradient(to bottom, #d6e1ef 0%, #eff5fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e1ef', endColorstr='#eff5fb', GradientType=0);
}
.popover-calc {
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.popover-calc.popover {
  border-color: #999999;
  min-width: 100px !important;
  width: 200px;
}
.popover-calc.popover.left .arrow {
  border-left-color: #999999;
}
.popover-calc.popover.left .arrow:after {
  border-left-color: #d6e1ef;
}
.popover-calc.popover.right .arrow {
  border-right-color: #999999;
}
.popover-calc.popover.right .arrow:after {
  border-right-color: #d6e1ef;
}
.popover-calc.popover.top .arrow {
  border-top-color: #999999;
}
.popover-calc.popover.top .arrow:after {
  border-top-color: #d6e1ef;
}
.popover-calc.popover.bottom .arrow {
  border-bottom-color: #999999;
}
.popover-calc.popover.bottom .arrow:after {
  border-bottom-color: #ffffff;
}
.popover-calc .popover-content {
  padding: 4px;
  margin: 0;
}
.popover-calc .calculator-widget {
  padding: 0;
}
.popover-calc .calculator-widget .one-whole {
  padding-bottom: 2px;
}
.popover-calc .calculator-widget .one-half {
  padding: 0;
  margin: 1px;
  width: calc(50% - 4px);
}
.popover-calc .calculator-widget .one-quarter {
  padding: 0;
  margin: 2px;
  width: calc(25% - 4px);
}
.popover-calc .calculator-widget button,
.popover-calc .calculator-widget input {
  width: 100%;
  height: 20px;
}
.popover-calc .calculator-widget .input-error {
  position: absolute;
  left: -90px;
  top: -20px;
}
.popover-calc .calculator-widget.calculator-rate-scale {
  padding: 0 !important;
}
.popover-calc .btn-calc {
  border: 1px solid #999999;
  padding: 0;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  background: #eff5fb;
  background: -moz-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eff5fb), color-stop(100%, #d6e1ef));
  background: -webkit-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -o-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: -ms-linear-gradient(top, #eff5fb 0%, #d6e1ef 100%);
  background: linear-gradient(to bottom, #eff5fb 0%, #d6e1ef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eff5fb', endColorstr='#d6e1ef', GradientType=0);
}
.popover-calc .btn-calc:hover {
  background: #d6e1ef;
  background: -moz-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6e1ef), color-stop(100%, #eff5fb));
  background: -webkit-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -o-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: -ms-linear-gradient(top, #d6e1ef 0%, #eff5fb 100%);
  background: linear-gradient(to bottom, #d6e1ef 0%, #eff5fb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6e1ef', endColorstr='#eff5fb', GradientType=0);
}
.popover-calc .input-calc {
  border: 1px solid #999999;
  margin-bottom: 2px;
  text-align: right;
}
.popover-calc .alert {
  padding: 8px;
}
.popover-calc .alert .close {
  width: inherit;
}
.popover-duration-calc {
  width: 250px;
  min-width: 175px !important;
}
.popover-duration-calc .duration-calculator-widget {
  position: relative;
}
.popover-duration-calc .duration-calculator-widget .datepicker-trigger {
  top: 6px;
}
.popover-duration-calc .duration-calculator-widget .btn-fake-close {
  position: absolute;
  top: -35px;
  right: -10px;
}
.popover-duration-calc .duration-calculator-widget .inputGroup .form-input-container input {
  height: 20px;
}
.popover-duration-calc .duration-calculator-widget .inputGroup .form-input-container .datepicker-input,
.popover-duration-calc .duration-calculator-widget .inputGroup .form-input-container .time-picker {
  height: 34px;
  padding-left: 42.5px;
  width: 100%;
}
.popover-duration-calc .btn-fake-close,
.popover-interval-calc .btn-fake-close,
.input-append .popup-content .btn-fake-close {
  position: absolute;
  top: -35px;
  right: -10px;
}
.popover-duration-calc.popover-interval-calc .btn-fake-close,
.popover-interval-calc.popover-interval-calc .btn-fake-close,
.input-append .popup-content.popover-interval-calc .btn-fake-close {
  top: 10px;
  right: 10px;
}
.duration-calculator-trigger {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.duration-calculator-trigger:hover {
  background-color: #ffffff;
}
.duration-calculator-trigger:hover:before {
  color: #999999;
}
.duration-calculator-trigger:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  content: "\f1ec";
  position: absolute;
  top: 4px;
  left: 5px;
}
.after-percentage .form-input-container:after {
  content: '%';
  padding-right: 5px;
  position: absolute;
  top: 4px;
  right: 5px;
  color: #aaaaaa;
}
.after-percentage input {
  padding-right: 10px;
}
.calc-variables {
  -webkit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  height: auto;
  padding-right: 8px;
}
.calc-variables input,
.calc-variables button {
  margin: 0 2px 2px;
  height: 20px;
}
.calculator-widget.calculator-rate-scale .input-calc {
  padding-right: 20px;
}
.calculator-widget.calculator-rate-scale .symbol-after.with-icon .form-input-container:after {
  position: absolute;
  top: 9px;
  right: 10px;
  color: #aaaaaa;
}
.calculator-widget.calculator-rate-scale .show-after-previous-input {
  padding-top: 30px;
}
.btn-calc-op {
  background: #999999 !important;
}
.btn-calc-op:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.calc-btn-clear {
  background: #A63005 !important;
  color: white;
}
.calc-btn-clear:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
pre.warning {
  background-color: #f2dede;
}
.card-container .show-contacts-top {
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
.card-container .no-padding-top {
  padding-top: 0;
}
.card-container .card {
  border: 1px solid black;
  padding: 8px;
  max-width: 100%;
  height: 100%;
}
.card-container .card span.contact-details {
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}
.card-container.customer-search-card .customer-search-card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-badges {
  display: flex;
  align-items: center;
  min-height: 20px;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-badges span:hover {
  cursor: pointer;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-badges .fa-user {
  margin-left: 2px;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-details-table th {
  width: 100px;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl {
  padding-top: 8px;
  display: block;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl .field-Comments {
  white-space: pre-line;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl.c-tag-text {
  max-width: 362px;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl.c-tag-text.dgrid-cell {
  display: table-cell;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl.c-tag-text .tags {
  display: block;
}
.card-container.customer-search-card .customer-search-card-content .customer-details .customer-search-comments-tags .customer-detail-addtl.c-tag-text .tags .tag {
  transition: all 0.5s ease;
  border-radius: 3px;
  display: inline-block;
  margin: 3px 6px 0 0;
  color: #ffffff;
  padding: 1px 3px;
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container .button-pair {
  margin-bottom: 2px;
}
@media (max-width: 501px) {
  .card-container.customer-search-card .customer-search-card-content .contact-button-container .button-pair {
    display: flex;
    gap: 2px;
    flex: 1 1 0;
    margin-right: 2px;
    margin-bottom: 0;
  }
  .card-container.customer-search-card .customer-search-card-content .contact-button-container .button-pair button.btn {
    min-height: 50px;
    margin: 0 !important;
  }
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container .button-pair button:hover {
  cursor: pointer;
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container .outstanding-balance,
.card-container.customer-search-card .customer-search-card-content .contact-button-container .credit-limit {
  text-align: right;
  padding: 8px;
  border: 1px solid black;
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container .outstanding-balance.balancedue,
.card-container.customer-search-card .customer-search-card-content .contact-button-container .credit-limit.balancedue {
  background-color: #f2dede;
  color: #b94a48;
  border-color: #eed3d7;
}
.card-container.customer-search-card .customer-search-card-content .contact-button-container .credit-limit {
  margin-top: 0.5em;
  border: 1px solid #efefef;
}
.card-container.customer-search-card .show-contacts-table-container {
  background-color: #FAF9F9;
  border: 2px solid #D5D5D5;
  height: 80px;
  overflow-y: scroll;
}
.card-container.customer-search-card .show-contacts-table-container table {
  width: 100%;
}
.card-container.customer-search-card .show-contacts-table-container table tr {
  border-bottom: 1px solid #D5D5D5;
}
.card-container.customer-search-card .show-contacts-table-container table th {
  background-color: #FAF9F9;
  position: sticky;
  top: 0;
}
.fc-event,
.fc-widget-content,
.fc-day-content {
  cursor: pointer;
}
.calendar-loading-overlay {
  background: rgba(179, 190, 201, 0.6);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 0;
}
#filter-container {
  border: 1px solid #c9c9c9;
}
#filter-container .filter-preset-container {
  background: #EFEFEF;
}
#filter-container .nav.nav-pills {
  padding: 20px 8px 18px;
}
#filter-container .nav.nav-pills button.btn,
#filter-container .nav.nav-pills button.action-btn,
#filter-container .nav.nav-pills .searchFilters .search-wrapper .form-control {
  height: 31px;
}
#filter-container .nav.nav-pills .dropdown-menu {
  background: #f4f4f4;
}
#filter-container .nav.nav-pills .filter-list-item {
  border: 1px solid transparent;
  color: #333333;
  cursor: pointer;
  padding: 10px 5px;
  white-space: nowrap;
}
#filter-container .nav.nav-pills .filter-list-item.filter-create-button .is-active-icon {
  display: none;
}
#filter-container .nav.nav-pills .filter-list-item:hover {
  background: #777777;
  color: #ffffff;
}
#filter-container .nav.nav-pills .filter-list-item:hover .filter-list-icon {
  visibility: visible;
}
#filter-container .nav.nav-pills .filter-list-item:hover .filter-list-icon:hover {
  opacity: 1;
}
#filter-container .nav.nav-pills .filter-list-item .filter-list-name {
  margin: 1px 2px;
}
#filter-container .nav.nav-pills .filter-list-item .filter-icon:hover {
  opacity: 0.3;
}
#filter-container .nav.nav-pills .select2-container.form-control {
  height: 30px;
}
#filter-container .nav.nav-pills .select2-container.form-control .select2-choice {
  line-height: 30px;
}
#filter-container .nav.nav-pills .select2-container.form-control .select2-choice > .select2-chosen {
  padding: 0;
}
#filter-container .nav.nav-pills .filter-list-item.active {
  background-color: #4db6c7;
  border: none;
  color: #ffffff;
}
#filter-container .nav.nav-pills .filter-list-item.active .filter-list-icon-active {
  visibility: visible;
}
#filter-container .nav.nav-pills .filter-list-item.active .filter-list-icon-active:before {
  content: "\e013";
}
.filter-containment {
  position: relative;
}
.filter-containment .filter-builder {
  background-color: #4db6c7;
  border: none;
  color: #ffffff;
  cursor: auto;
  display: none;
  position: absolute;
  top: 23px;
  left: 0;
  width: 470px;
  z-index: 50;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  padding: 8px;
}
.filter-containment .filter-builder .filter-naming {
  border-top: 1px solid #6e8393;
  border-bottom: 1px solid #6e8393;
  padding-bottom: 8px;
  padding-top: 8px;
}
.filter-containment .filter-builder .filter-dropdown .filter-headings {
  font-weight: bold;
  padding-top: 8px;
}
.filter-containment .filter-builder .filter-dropdown .filter-comparison-fields {
  border-bottom: 1px solid #6e8393;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.filter-containment .filter-builder .filter-dropdown .filter-comparison-fields select {
  font-size: 10px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.filter-containment .filter-builder .filter-dropdown .filter-comparison-fields .add-remove {
  text-align: right;
}
.filter-containment .filter-builder .filter-dropdown .filter-comparison-presets {
  background: #4db6c7;
  margin-bottom: 1px;
  padding: 8px;
}
.filter-containment .filter-builder .filter-dropdown .filter-comparison-presets:last-child {
  margin-bottom: 8px;
}
.filter-containment .filter-builder .filter-actions {
  border-top: 1px solid #6e8393;
  padding-top: 8px;
}
.filter-containment .filter-builder .filter-actions .field {
  width: 25% !important;
  padding-left: 0 !important;
}
.filter-containment .filter-builder .field,
.filter-containment .filter-builder .comparison,
.filter-containment .filter-builder .value,
.filter-containment .filter-builder .add-remove {
  float: left;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
}
.filter-containment .filter-builder .field {
  width: 30%;
  padding-left: 0 !important;
}
.filter-containment .filter-builder .comparison {
  width: 20%;
}
.filter-containment .filter-builder .value {
  width: 30%;
}
.filter-containment .filter-builder .add-remove {
  width: 20%;
  padding-right: 0 !important;
}
.filter-containment.filter-create-button {
  border: none;
  outline: none;
}
.filter-containment.filter-create-button .filter-icon {
  background-image: url('../img/glyphicons-halflings-white.png');
  background-repeat: no-repeat;
  display: inline-block;
  height: 14px;
  line-height: 14px;
  margin: 1px 2px;
  vertical-align: text-top;
  visibility: visible;
  width: 14px;
}
.filter-containment.filter-create-button .active {
  border: none;
  background-color: #4db6c7;
  color: #ffffff;
  outline: none;
}
.filter-containment.filter-create-button .active .filter-list-icon-create {
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.filter-containment.filter-create-button .filter-builder {
  left: inherit;
  right: 0;
}
.filter-containment.filter-create-button:hover,
.filter-containment.filter-create-button:focus {
  border: none;
  background-color: #4db6c7;
  color: #ffffff;
  outline: none;
}
.filter-containment.filter-create-button:hover .filter-list-icon-create,
.filter-containment.filter-create-button:focus .filter-list-icon-create {
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.quick-filters {
  padding: 8px;
  position: relative;
}
.quick-filters:hover .new-filters-dropdown {
  display: block;
}
.quick-filters .new-filters-dropdown {
  padding: 0;
  position: absolute;
  left: 0;
  top: 100%;
  background: #4db6c7;
  display: none;
  width: 300px;
  z-index: 3000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.quick-filters .new-filters-dropdown li {
  list-style: inside none;
}
.quick-filters .new-filters-dropdown li.filter-create-button .is-active-icon {
  display: none;
}
.quick-filter-container {
  margin-left: 4px;
  display: flex;
}
.quick-filter-container .active-filter {
  background: #cccccc;
  padding: 4px 8px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 6px;
  display: flex;
  align-items: center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.quick-filter-container .active-filter .active-filter-name {
  padding-top: 2px;
  margin: 4px;
  text-align: center;
}
.quick-filter-container .active-filter .active-filter-pin .por-icon-pinned,
.quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.quick-filter-container .active-filter .active-filter-pin .por-icon-pinned.lockers,
.quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned.lockers {
  background-image: url('../img/icons/locker.svg');
}
.quick-filter-container .active-filter .active-filter-pin .por-icon-pinned:before,
.quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned:before,
.quick-filter-container .active-filter .active-filter-pin .por-icon-pinned:after,
.quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .quick-filter-container .active-filter .active-filter-pin .por-icon-pinned,
.btn .quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned {
  margin-left: 0px;
}
.quick-filter-container .dropdown-menu {
  min-width: 320px;
  width: 500px;
}
.quick-filter-container .active-filter .icon-remove {
  vertical-align: sub;
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.predefined,
.customfilters {
  padding: 8px;
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  width: 50%;
}
.predefined h4,
.customfilters h4 {
  margin-bottom: 10px;
}
.predefined ul,
.customfilters ul {
  margin: 0;
  padding: 0;
}
.predefined ul li,
.customfilters ul li {
  list-style: inside none;
}
.form-input-container .shared-checkbox {
  display: inline;
  width: 53px !important;
  height: 33px !important;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  z-index: 1;
}
.form-input-container .switch-input {
  cursor: default;
}
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon.lockers {
  background-image: url('../img/icons/locker.svg');
}
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon:before,
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon {
  margin-left: 0px;
}
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon:before {
  content: "\f06e";
  margin: 2px 5px 2px 2px;
}
.filter-containment.filter-list-item .filter-list-icon-container .filter-list-icon:hover:before {
  content: "\f040";
}
.filter-containment.filter-list-item .filter-list-icon-active-container .filter-list-pin {
  margin: 2px;
  float: right;
}
.filter-containment.filter-list-item .filter-list-icon-active-container .filter-list-icon-active {
  display: none;
}
.filter-containment.filter-list-item.active .filter-list-icon-active-container .filter-list-icon-active {
  float: right;
  margin: 2px;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.filter-containment.filter-list-item.active .filter-list-icon-active-container .filter-list-icon-active:before {
  content: "\e013";
}
.filter-comparison-presets {
  background: #efefef;
  border-bottom: 1px dashed #cccccc;
  padding: 8px;
}
.filter-comparison-presets:last-child {
  border-bottom: none !important;
}
.help.inline-help-container {
  border-radius: 15px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-bottom: 8px;
  padding-top: 8px;
}
.help.inline-help-container .help-heading {
  background: #0794ee;
  color: #ffffff;
  display: inline;
  float: left;
  margin-right: 8px;
  padding: 4px 8px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.help.inline-help-container dd {
  padding: 4px 8px;
}
.dash-help > ul > li {
  margin: 0;
}
.dash-help > ul > li .help-btn {
  background: #81bd41;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #cccccc;
  color: #333333;
  padding: 0;
  height: 32px;
  width: 32px;
  border-radius: 3px;
}
.dash-help > ul > li .help-btn:hover {
  filter: brightness(95%);
}
.dash-help > ul > li .help-btn .por-icon-help-me:before {
  color: #ffffff;
  font-size: 20px;
}
.dash-help > ul > li button.btn.btn-default.btn-sm {
  display: flex;
  gap: 10px;
  align-items: center;
}
.dash-help > ul > li button.btn.btn-default.btn-sm span.por-icon {
  width: 13px;
}
.section-title-with-help {
  padding: 7px 0;
}
@media only screen and (max-width: 1200px) {
  .dash-help {
    display: none;
  }
}
.issue-table-wrapper,
.import-review-table-wrapper {
  max-height: 50vh;
  max-height: calc(100vh - 250px);
  overflow: scroll;
}
.in-page-error ~ .issue-table-wrapper,
.in-page-error ~ .import-review-table-wrapper {
  max-height: calc(100vh - 300px);
}
.issue-table-wrapper .issue-table th,
.import-review-table-wrapper .issue-table th,
.issue-table-wrapper .import-review-table th,
.import-review-table-wrapper .import-review-table th {
  vertical-align: middle;
}
.issue-table-wrapper .issue-table .header-label,
.import-review-table-wrapper .issue-table .header-label,
.issue-table-wrapper .import-review-table .header-label,
.import-review-table-wrapper .import-review-table .header-label {
  min-width: 250px;
  height: 45px;
}
.issue-table-wrapper .issue-table .field-RowNumber,
.import-review-table-wrapper .issue-table .field-RowNumber,
.issue-table-wrapper .import-review-table .field-RowNumber,
.import-review-table-wrapper .import-review-table .field-RowNumber {
  font-weight: bold;
}
.issue-table-wrapper .issue-table td,
.import-review-table-wrapper .issue-table td,
.issue-table-wrapper .import-review-table td,
.import-review-table-wrapper .import-review-table td {
  vertical-align: middle;
  height: 45px;
}
.issue-table-wrapper .issue-table td .inline-edit-wrapper,
.import-review-table-wrapper .issue-table td .inline-edit-wrapper,
.issue-table-wrapper .import-review-table td .inline-edit-wrapper,
.import-review-table-wrapper .import-review-table td .inline-edit-wrapper {
  position: relative;
}
.issue-table-wrapper .issue-table td .inline-edit-wrapper .datepicker-trigger,
.import-review-table-wrapper .issue-table td .inline-edit-wrapper .datepicker-trigger,
.issue-table-wrapper .import-review-table td .inline-edit-wrapper .datepicker-trigger,
.import-review-table-wrapper .import-review-table td .inline-edit-wrapper .datepicker-trigger {
  position: absolute;
  right: 6px;
  top: 8px;
}
.issue-table-wrapper .issue-table .has-error,
.import-review-table-wrapper .issue-table .has-error,
.issue-table-wrapper .import-review-table .has-error,
.import-review-table-wrapper .import-review-table .has-error {
  background-color: #f2dede !important;
}
.pad-right-for-icon {
  padding-right: 25px;
  position: relative;
}
.pad-right-for-icon > .padded-icons {
  position: absolute;
  right: 0;
  top: 0;
}
.import-pagination {
  padding-bottom: 8px;
  padding-top: 8px;
}
.import-pagination .pagination-link {
  min-width: 25px;
  min-height: 25px;
  margin: 0 2px;
}
.import-pagination .pagination-link:hover {
  background-color: #cccccc;
}
.import-pagination .active-index,
.import-pagination .pagination-link[disabled]:hover {
  background-color: black;
  color: #dddddd;
}
.missed-rental-notes-td {
  max-width: 500px;
}
.quick-sale .transaction-overview .transaction-header h2.page-title {
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: 4px 0;
  height: 52px;
}
.quick-sale .transaction-overview .transaction-header h2 .field-PurchaseOrderNum {
  overflow: auto;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.quick-sale .transaction-overview .transaction-header h2 .field-PurchaseOrderNum label.control-label {
  margin-bottom: 0;
}
.quick-sale .transaction-overview .payment-totals .form-grouping-container:first-of-type .table tbody > tr > td {
  padding: 8px;
}
.quick-sale .top-bar {
  background-color: #f4f4f4;
  border: 1px solid #dddddd;
}
.quick-sale .top-bar .data-group {
  background-color: #efefef;
  float: left;
}
.quick-sale .top-bar .data-group .data {
  float: left;
  padding: 8px;
  border-right: 1px solid #dddddd;
}
.quick-sale .top-bar .data-group .data-label {
  float: left;
  font-weight: 600;
  padding: 8px;
  border-radius: 0px 15px 15px 0px;
  -moz-border-radius: 0px 15px 15px 0px;
  -webkit-border-radius: 0px 15px 15px 0px;
}
.quick-sale .top-bar .data-group .data-btn {
  float: left;
  padding: 5px;
  border-right: 1px solid #dddddd;
}
.quick-sale .top-bar .data-ungrouped {
  float: left;
  padding: 8px;
}
.quick-sale .top-bar .data-ungrouped-content {
  float: right;
  padding: 4px;
}
.quick-sale .top-bar .data-ungrouped-content button.btn.btn-stripped.btn-xs.por-new-arbitrary-transaction-item {
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
  padding-left: 30px;
  background-color: #F6F6F6;
  border: 1px solid #CDCDCD;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
  color: #242424;
}
.quick-sale .top-bar .data-ungrouped-content button.btn.btn-stripped.btn-xs.por-new-arbitrary-transaction-item.por-transaction-add-arbitrary {
  background-image: url(../img/icons/add-fee-icon.svg);
}
.quick-sale .por-transaction-overview-item-list .search-list .form-grouping-header.search-h4 {
  background: none;
}
.quick-sale .por-transaction-overview-item-list .search-list .search-input {
  padding-top: 16px;
  padding-right: 0;
}
.quick-sale .por-transaction-overview-item-list .search-list .search-input .por-icon-search:before {
  margin-top: 30px;
}
.quick-sale .por-transaction-overview-item-list .search-list .searched-items .searched-item-main {
  padding: 5px;
}
.quick-sale .por-transaction-overview-item-list .search-list .searched-items .field-QuantityOfAvail .field-QtyAvailable-container {
  display: flex;
}
.quick-sale .por-transaction-overview-item-list .additional-options-section {
  margin-top: 24px;
  border-top: 1px solid #bfbfbf;
}
.quick-sale .por-transaction-overview-item-list .additional-options-section .inner {
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
  font-size: 12px;
}
.quick-sale .por-transaction-overview-item-list .additional-options-section .inner .find-text {
  font-size: 13px;
}
.quick-sale .por-transaction-overview-item-list .additional-options-section .inner .search-options-button-container {
  display: flex;
  gap: 8px;
}
.quick-sale .por-transaction-overview-item-list .hide-kit-components-container div.checkbox {
  margin-right: 0;
}
.quick-sale .customErrorBarCode > .form-error-container {
  position: absolute;
  margin-left: -25px;
}
.quick-sale h2 {
  padding: 10px 0;
  font-weight: 500;
  font-size: 20px;
}
.quick-sale .payment-totals .collect-payment {
  text-align: center;
  margin-top: 10px;
}
.quick-sale .record-actions-for-view-viewQuickSale {
  margin-top: 10px;
  border-top: 1px solid #aaaaaa;
}
.quick-sale .grid-toolbar > div {
  float: left;
  height: 34px;
}
.quick-sale .grid-toolbar > .first-col {
  margin-left: 5px;
}
.quick-sale .grid-toolbar > .first-col > button {
  height: 33px;
}
.quick-sale .grid-toolbar > .mid-col {
  width: 100px;
  padding-top: 8px;
  text-align: center;
}
.quick-sale .barcode-scanner-input label {
  display: none;
}
.quick-sale .form-grouping-container,
.quick-sale .overviewdiv .form-grouping-container {
  margin-top: 0;
}
.quick-sale .box {
  margin: 0px;
}
.quick-sale .box-top {
  border-bottom: 0px;
  padding: 0px;
  overflow: hidden;
  margin: 0px;
}
.paging_full_numbers {
  padding: 8px;
  line-height: 2.5em;
}
.paging_full_numbers a:active {
  outline: none;
}
.paging_full_numbers a:hover {
  text-decoration: none;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  background-color: #ffffff;
  border: 1px solid #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  padding: 5px 10px;
  margin: 0 2px;
  width: 24px;
  font-weight: bold;
}
.paging_full_numbers a.paginate_button {
  color: #aaaaaa;
  cursor: pointer;
  *cursor: hand;
}
.paging_full_numbers a.paginate_button:hover {
  background-color: #cccccc;
  text-decoration: none !important;
  color: #ffffff;
}
.paging_full_numbers a.paginate_active {
  color: #000000;
}
.paging_full_numbers a.next,
.paging_full_numbers a.previous,
.paging_full_numbers a.first,
.paging_full_numbers a.last {
  background-color: #cccccc;
}
.paging_full_numbers a.next .icon,
.paging_full_numbers a.previous .icon,
.paging_full_numbers a.first .icon,
.paging_full_numbers a.last .icon {
  margin-top: -1px;
}
.paging_full_numbers a.next:hover,
.paging_full_numbers a.previous:hover,
.paging_full_numbers a.first:hover,
.paging_full_numbers a.last:hover {
  background-color: #dddddd;
}
.warn-confirm .popup-title.popover-title {
  color: red;
  font-weight: bolder;
}
.popover .alert {
  left: 0;
  padding-right: 0;
  margin-bottom: 10px;
}
.popover .alert p {
  padding: 8px;
}
.popover .alert .alert {
  padding: 10px;
  margin: 10px;
}
.popover.right .popover.top .arrow {
  top: auto;
  left: 50%;
  margin-top: 0;
  margin-left: -11px;
  border-bottom-width: 0;
  border-left-width: 10px;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  border-right-color: transparent;
  bottom: -11px;
}
.popover.right .popover.top .arrow:after {
  content: " ";
  left: 0;
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-left-width: 10px;
  border-top-color: #ffffff;
  border-right-color: transparent;
}
.tutorial-popover {
  min-width: 150px;
  max-width: 500px;
}
.popup-popover {
  color: black;
  z-index: 1060;
}
.popup-popover .responses .btn.btn-Save,
.popup-popover .responses .btn.btn-Subrent {
  float: right;
  width: 75px;
}
.popup-popover .responses .btn.btn-Confirm,
.popup-popover .responses .btn.btn-Cancel {
  width: 75px;
}
.popup-popover .responses .btn.btn-OK,
.popup-popover .responses .btn.btn-Discard,
.popup-popover .responses .btn.btn-Delete {
  float: left;
  margin-right: 8px;
  width: 75px;
}
.popup-popover .responses .btn.btn-AutoWidth {
  width: auto;
}
.confirmation-popover {
  width: 320px;
}
.popover-close.action-btn.action-btn-cancel {
  position: absolute;
  top: 2px;
  right: -2px;
  background-color: transparent;
  border: 0 none;
}
.has-switch {
  background: #ffffff;
  border: 1px solid #aaaaaa;
  width: 65px;
  min-width: 60px !important;
  height: 34px;
}
.has-switch span.switch-mini {
  font-size: 10px;
  height: 34px;
  line-height: 2.35em;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.has-switch label.switch-mini {
  height: 34px;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
}
.has-switch > div.switch-on {
  left: 0;
}
.has-switch > div.switch-off {
  left: -50%;
}
.has-switch span.left-switch {
  border: 1px solid #0044cc;
}
.has-switch span.switch-right:hover,
.has-switch span.switch-right:focus,
.has-switch span.switch-right:active,
.has-switch span.switch-right.active,
.has-switch span.switch-right.disabled,
.has-switch span.switch-right[disabled] {
  background-image: none !important;
  background: #e6e6e6;
}
.has-switch span.switch-right {
  background-image: none !important;
  background: #cccccc;
}
.switch-full-length .make-switch {
  width: 100%;
}
.tutorial-highlight-border-thick {
  border: 3px solid #ede85c;
}
a.cancel-tutorial-link,
a.dont-show-again-link,
a.startover-tutorial-link {
  color: red;
}
a.cancel-tutorial-link:hover,
a.dont-show-again-link:hover,
a.startover-tutorial-link:hover,
a.cancel-tutorial-link:link,
a.dont-show-again-link:link,
a.startover-tutorial-link:link,
a.cancel-tutorial-link:active,
a.dont-show-again-link:active,
a.startover-tutorial-link:active,
a.cancel-tutorial-link:visited,
a.dont-show-again-link:visited,
a.startover-tutorial-link:visited {
  color: red;
}
a.startover-tutorial-link {
  padding-left: 10px;
  border-left: 1px solid black;
  margin-left: 10px;
}
.tutorial-highlight-default {
  background-color: #ede85c;
}
.tutorial-highlight-personal-menu {
  background-color: #f0ad4e;
}
.tutorial-highlight-navbar {
  background-color: #4cae4c;
}
ul.tutorial-highlight-navbar li a {
  border-top-color: #4cae4c;
  color: #ffffff;
}
.tutorial-highlight-navbar [class*="icon-"] {
  background-image: url('../img/glyphicons-halflings-white.png');
}
.tutorial-popup-content h1,
.tutorial-popup-content h2,
.tutorial-popup-content h3,
.tutorial-popup-content h4,
.tutorial-popup-content h5,
.tutorial-popup-content h6 {
  margin-bottom: 1.5em;
}
.tutorial-popover {
  background-color: #f2eea8;
}
.tutorial-popover.bottom .arrow:after {
  border-bottom-color: #f2eea8 !important;
}
.tutorial-popover.top .arrow:after {
  border-top-color: #f2eea8 !important;
}
.tutorial-popover.left .arrow:after {
  border-left-color: #f2eea8 !important;
}
.tutorial-popover.right .arrow:after {
  border-right-color: #f2eea8 !important;
}
.tutorial-popover .popover-content {
  font-size: 1.2em;
  background-color: #f2eea8;
}
.tutorial-popover .popover-title {
  font-size: 1.3em;
  color: #f4f4f4;
  background-color: #f0ad4e;
}
.tutorial-popover .tutorial-popup-footer .left-btns {
  padding-top: 5px;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar {
  background: #f2eea8;
  width: 100%;
  clear: both;
  padding-bottom: 10px;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar .status-text {
  width: 100%;
  text-align: center;
  padding-top: 5px;
  font-size: 0.8em;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table {
  height: 10px;
  width: 100%;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td {
  width: auto;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td.complete {
  background: #4cae4c;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td.in-progress {
  background: #94cd8e;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td.highest-completed {
  background: #DEFEC9;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td.incomplete {
  background: #f4f4f4;
}
.tutorial-popover .tutorial-popup-footer .tutorial-progress-bar table td.incomplete {
  background: #eff5fb;
}
.tutorial-popover .center {
  text-align: center;
  margin: 0 auto;
}
.uploader-grouping-container {
  background: #f4f4f4 !important;
  border: 1px solid #bfbfbf;
  float: left;
  margin: 16px 8px 8px 8px;
  padding: 8px;
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
}
.uploader-grouping-container .uploader-container {
  background: #dedede;
  border: 1px solid #bbbbbb;
  margin: 8px;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.uploader-grouping-container .uploader-container .uploader-has-image {
  position: relative;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader {
  background: transparent;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  padding: 0;
  outline: none;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner {
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
  float: left;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span {
  position: absolute;
  top: -18px;
  left: -45px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner {
  border-width: 0 0 45px 45px;
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
  float: right;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span {
  position: absolute;
  top: 28px;
  right: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader span {
  color: #333333;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner {
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner {
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
}
.uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.uploader-grouping-container .uploader-container .uploader {
  padding: 8px;
}
.uploader-grouping-container .uploader-container .uploader-progress {
  padding: 8px;
}
.uploader-grouping-container .uploader-container .uploader-progress .progress {
  background: url('../img/smiley.png') no-repeat center center;
  height: 20px;
}
.sending-confirmation .item-summary .uploader .uploader {
  background: #dedede;
  border: 1px solid #bbbbbb;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 4px 1%;
  padding: 8px;
  float: left;
  height: auto;
  width: 300px;
}
.sending-confirmation .item-summary .uploader .uploader .uploader-progress {
  padding: 8px;
}
.sending-confirmation .item-summary .uploader .uploader .uploader-progress .progress {
  background: url('../img/smiley.png') no-repeat center center;
  height: 20px;
}
.sending-confirmation .item-summary .uploader-has-image {
  background: #dedede;
  border: 1px solid #bbbbbb;
  overflow: hidden;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 4px 1%;
  float: left;
  height: auto;
  width: 300px;
  position: relative;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader {
  background: transparent;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  padding: 0;
  outline: none;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader.left-corner {
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
  float: left;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader.left-corner span {
  position: absolute;
  top: -18px;
  left: -36px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader.right-corner {
  border-width: 0 0 45px 45px;
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
  float: right;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader.right-corner span {
  position: absolute;
  top: 28px;
  right: 8px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader span {
  color: #333333;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner {
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner {
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
}
.sending-confirmation .item-summary .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.photo-previewer-background-and-border {
  background: #dedede;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.photo-previewer .uploader-container {
  display: inline-block;
  height: auto;
  width: 100%;
  background: #dedede;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.photo-previewer .uploader-container .uploader-has-image {
  position: relative;
  display: inline-block;
  width: 100%;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader {
  background: transparent;
  position: relative;
  width: 0;
  height: 0;
  border-style: solid;
  padding: 0;
  outline: none;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner {
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
  float: left;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span {
  position: absolute;
  top: -20px;
  left: -45px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner {
  border-width: 0 0 45px 45px;
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
  float: right;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span {
  position: absolute;
  top: 25px;
  right: 10px;
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader span {
  color: #333333;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner {
  border-color: transparent transparent transparent rgba(204, 204, 204, 0.85);
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.left-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner {
  border-color: transparent transparent rgba(204, 204, 204, 0.85) transparent;
}
.photo-previewer .uploader-container .uploader-has-image .uploader-controls .btn-uploader:hover.right-corner span {
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
}
.photo-previewer .uploader-container .uploader {
  padding: 8px;
}
.photo-previewer .uploader-container .uploader-progress {
  padding: 8px;
}
.photo-previewer .uploader-container .uploader-progress .progress {
  background: url('../img/smiley.png') no-repeat center center;
  height: 20px;
}
.photo-previewer .horizontal-container {
  padding: 3px;
  background-color: #dedede;
  border: 1px solid #cccccc;
}
.photo-previewer .horizontal-container > .help-text {
  border-bottom: 1px solid #cccccc;
}
.photo-previewer .horizontal-container .photo-record-container,
.photo-previewer .horizontal-container .as-sortable-placeholder {
  display: inline-block;
  float: left;
  width: 50px;
  height: 50px;
  margin: 2px;
}
.photo-previewer .horizontal-container .photo-record-container .inner-container,
.photo-previewer .horizontal-container .as-sortable-placeholder .inner-container {
  background: #dedede;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  background-color: #efefef;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.photo-previewer .horizontal-container .photo-record-container .inner-container .por-icon,
.photo-previewer .horizontal-container .as-sortable-placeholder .inner-container .por-icon {
  margin: 0;
  font-size: 25px;
  color: #bbbbbb;
}
.photo-previewer .horizontal-container .photo-record-container .inner-container img,
.photo-previewer .horizontal-container .as-sortable-placeholder .inner-container img {
  width: 100%;
  height: auto;
}
.photo-previewer .horizontal-container .as-sortable-placeholder {
  background: #dedede;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px dotted #0000ff !important;
}
.as-sortable-dragging {
  background: #dedede;
  border: 1px solid #bbbbbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #333333 !important;
  width: 100px;
  height: 100px;
  opacity: 0.75;
}
.as-sortable-dragging img {
  width: 100%;
  height: 100%;
}
.photo-editor-container .cropper-btn-container-top .por-icon:before {
  padding-right: 4px;
  font-size: 13px;
}
.photo-editor-container .cropper-btn-container-bottom {
  font-size: 15px;
}
.photo-editor-container .cropper-btn-container-bottom .por-icon:before {
  font-size: 15px;
}
.photo-editor-container .img-container-highlight {
  width: 100%;
  height: auto;
  border: 3px solid yellow;
}
.photo-editor-container .img-container {
  width: 100%;
  height: auto;
}
.photo-editor-container img {
  max-width: 100%;
  max-height: 100%;
}
[view-company-configuration-edit] .uploader-container {
  width: auto;
}
.c-tag-input {
  display: block;
  position: relative;
  margin: 5px 0 10px 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  min-height: 34px;
  overflow: hidden;
  padding: 0 9px;
  font-weight: normal;
  cursor: text;
  background-color: #ffffff;
}
.c-tag-input .tags {
  display: block;
}
.c-tag-input .tags .tag {
  display: inline-block;
  margin: 6px 6px 0 0;
  color: #ffffff;
  padding: 5px 8px;
  border-radius: 2px;
  cursor: pointer;
  line-height: 14px;
  font-size: 12px;
}
.c-tag-input .tags .tag .remove {
  margin: 0 0 0 6px;
  cursor: pointer;
  font-size: 14px;
}
.c-tag-input .tags input {
  display: inline-block;
  width: auto !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}
.c-tag-input .tags input:focus {
  box-shadow: none !important;
  outline: none !important;
}
.ui-autocomplete {
  border: 1px solid #0794ee !important;
  border-top: 1px solid #0794ee !important;
  padding: 5px !important;
  max-height: 200px !important;
}
.ui-autocomplete .ui-menu-item {
  display: block !important;
  color: #444444 !important;
  background: #ffffff !important;
  padding: 5px 10px !important;
  padding-left: 20px !important;
  border: none !important;
  border-bottom: 1px dashed #dddddd !important;
  margin: 0 !important;
  cursor: pointer !important;
  min-height: 1em !important;
}
.ui-autocomplete .ui-state-focus {
  color: #ffffff !important;
  background: #c4e7fa !important;
}
.input-group div.input-group-addon {
  background-color: white;
}
.input-group div.input-group-addon:first-child {
  border-bottom-left-radius: 25px;
  border-top-left-radius: 25px;
  border-right: none;
  padding-right: 3px;
  padding-left: 10px;
}
.input-group div.input-group-addon:last-child {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  border-left: none;
  padding-left: 3px;
  padding-right: 10px;
}
.input-group div.input-group-addon.input-group-search-mg {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -20px;
  padding-right: 10px;
  text-align: right;
  font-size: 16px;
  float: left;
  top: 4.25rem;
  height: 0;
  z-index: 1;
  background: transparent;
  border: none;
}
.input-group div.input-group-addon .por-icon.por-icon-clear:before {
  color: #C51D25;
  font-size: 16px;
}
.input-group div.input-group-addon .por-icon.por-icon-search:before {
  font-size: 14px;
}
.input-group.focused div.input-group-addon {
  border-color: #66afe9 !important;
}
.input-group input:nth-child(2) {
  border-left: none;
}
.searchFilters .search-wrapper .input-group input:nth-child(2).form-control {
  padding-left: 0px;
}
.input-group input:not(:last-child) {
  border-right: none;
}
.input-group input:last-child {
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  padding-right: 10px;
}
.gridTimeLine .weekOf {
  text-align: center;
  margin: 0 auto;
}
.gridTimeLine .weekNavBtns {
  float: left;
}
.gridTimeLine .weekNavBtns .action-btn .fa-backward,
.gridTimeLine .weekNavBtns .action-btn .fa-forward {
  vertical-align: bottom;
}
.gridTimeLine .showAllSwitch {
  float: right;
  padding-left: 5px;
}
.gridTimeLine .showAllSwitch .checkbox-wrapper.labelSecondLabel {
  margin-bottom: 0;
}
.gridTimeLine .showAllSwitch .checkbox-wrapper.labelSecondLabel .labeled-second {
  border: none;
  margin-top: 0px;
  position: relative;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  margin-bottom: 0;
}
.gridTimeLine .showAllSwitch .checkbox-wrapper.labelSecondLabel .labeled-second div.checkbox {
  padding-right: 5px;
  text-indent: inherit;
}
.gridTimeLine .showAllSwitch .checkbox-wrapper.labelSecondLabel .labeled-second div.checkbox span input[type=checkbox] + label {
  padding-left: 15px;
}
.availability-calendar .fc-day-header {
  background: #b94a48 !important;
  text-shadow: none !important;
}
.availability-calendar .legend .fc-event {
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
}
.availability-calendar .fc-view-month .fc-event.start-availability,
.availability-calendar .legend .fc-event.start-availability,
.availability-calendar .fc-content-skeleton .fc-event.start-availability,
.availability-calendar .fc-view-month .event-today.fc-event.start-availability,
.availability-calendar .legend .event-today.fc-event.start-availability,
.availability-calendar .fc-content-skeleton .event-today.fc-event.start-availability {
  background: #FF512F;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #ca7260, #fcdf94 100%);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to top, #ca7260, #fcdf94 100%);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border: 1px solid #cfa369;
}
.availability-calendar .fc-view-month .fc-event.end-availability,
.availability-calendar .legend .fc-event.end-availability,
.availability-calendar .fc-content-skeleton .fc-event.end-availability,
.availability-calendar .fc-view-month .event-today.fc-event.end-availability,
.availability-calendar .legend .event-today.fc-event.end-availability,
.availability-calendar .fc-content-skeleton .event-today.fc-event.end-availability {
  background: #4568DC;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #6491c2, #245165);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #6491c2, #245165);
  border: 1px solid #4b5872;
}
.availability-calendar .fc-view-month .fc-event.min-availability,
.availability-calendar .legend .fc-event.min-availability,
.availability-calendar .fc-content-skeleton .fc-event.min-availability,
.availability-calendar .fc-view-month .event-today.fc-event.min-availability,
.availability-calendar .legend .event-today.fc-event.min-availability,
.availability-calendar .fc-content-skeleton .event-today.fc-event.min-availability {
  background: #6ba9c1;
  color: black;
  border: 1px solid #30697d;
}
.availability-calendar .fc-view-month .fc-event.min-availability.event-today .fc-title,
.availability-calendar .legend .fc-event.min-availability.event-today .fc-title,
.availability-calendar .fc-content-skeleton .fc-event.min-availability.event-today .fc-title,
.availability-calendar .fc-view-month .event-today.fc-event.min-availability.event-today .fc-title,
.availability-calendar .legend .event-today.fc-event.min-availability.event-today .fc-title,
.availability-calendar .fc-content-skeleton .event-today.fc-event.min-availability.event-today .fc-title,
.availability-calendar .fc-view-month .fc-event.min-availability.event-future .fc-title,
.availability-calendar .legend .fc-event.min-availability.event-future .fc-title,
.availability-calendar .fc-content-skeleton .fc-event.min-availability.event-future .fc-title,
.availability-calendar .fc-view-month .event-today.fc-event.min-availability.event-future .fc-title,
.availability-calendar .legend .event-today.fc-event.min-availability.event-future .fc-title,
.availability-calendar .fc-content-skeleton .event-today.fc-event.min-availability.event-future .fc-title {
  color: white;
  text-shadow: 1px 1px 2px #215365;
}
.availability-calendar .fc-view-month .fc-event .fc-title,
.availability-calendar .legend .fc-event .fc-title,
.availability-calendar .fc-content-skeleton .fc-event .fc-title,
.availability-calendar .fc-view-month .event-today.fc-event .fc-title,
.availability-calendar .legend .event-today.fc-event .fc-title,
.availability-calendar .fc-content-skeleton .event-today.fc-event .fc-title {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.45);
}
.availability-calendar .fc-view-month .fc-event .fc-event-inner,
.availability-calendar .legend .fc-event .fc-event-inner,
.availability-calendar .fc-content-skeleton .fc-event .fc-event-inner,
.availability-calendar .fc-view-month .event-today.fc-event .fc-event-inner,
.availability-calendar .legend .event-today.fc-event .fc-event-inner,
.availability-calendar .fc-content-skeleton .event-today.fc-event .fc-event-inner {
  text-align: center;
}
.availability-calendar .fc-view-month .fc-day.fc-widget-content.fc-today,
.availability-calendar .legend .fc-day.fc-widget-content.fc-today,
.availability-calendar .fc-content-skeleton .fc-day.fc-widget-content.fc-today {
  background-color: #CFE9FF;
}
.availability-calendar .legend {
  display: flex;
  flex-direction: column;
  margin-top: 10px;
}
.availability-calendar .legend > div {
  display: flex;
}
.availability-calendar .legend > div .fc-event {
  height: 15px;
  width: 15px;
  border-radius: 2px;
}
.availability-calendar .legend > div span.text {
  flex-grow: 1;
  margin-left: 5px;
  margin-bottom: 5px;
}
.availability-calendar .calendar .fc-header,
.availability-calendar .calendar .fc-button {
  border-radius: 5px !important;
  background-image: linear-gradient(180deg, #EEEEEE 0%, #D1D1D1 100%) !important;
  color: #333 !important;
  text-shadow: none !important;
  border: 1px solid #CCCCCC !important;
}
.availability-calendar .calendar .fc-header:last-child,
.availability-calendar .calendar .fc-button:last-child {
  border: 1px solid #CCCCCC !important;
}
.por-transaction-overview-item-list th.header-Rate,
.por-transaction-overview-item-list th.header-Quantity,
.por-transaction-overview-item-list td.field-Quantity,
.por-transaction-overview-item-list th.header-TotalDeposit,
.por-transaction-overview-item-list th.header-TotalFee,
.por-transaction-overview-item-list th.header-DamageWaiverOverride,
.por-transaction-overview-item-list th.header-DamageWaiverOverrideTotal {
  text-align: right;
  width: 135px;
}
.por-transaction-overview-item-list th.header-Rate,
.por-transaction-overview-item-list th.header-Quantity {
  padding-right: 30px;
}
.por-transaction-overview-item-list th.header-Taxable,
.por-transaction-overview-item-list td.field-Taxable {
  width: 1em;
}
.por-transaction-overview-item-list th.header-Quantity,
.por-transaction-overview-item-list td.field-Quantity {
  width: 1em;
  white-space: nowrap;
}
.por-transaction-overview-item-list .existing-lineitems tr.line-item-instances td {
  padding: 5px;
  border-top: none;
  padding-left: 2em;
}
.por-transaction-overview-item-list .existing-lineitems tr.line-item-instances td:first-child {
  -moz-border-radius-bottomleft: 20px 10px;
  -webkit-border-bottom-left-radius: 20px 10px;
}
.por-transaction-overview-item-list .existing-lineitems tr.line-item-instances td:last-child {
  -moz-border-radius-bottomright: 20px 10px;
  -webkit-border-bottom-right-radius: 20px 10px;
}
.por-transaction-overview-item-list .existing-lineitems tr.zero-height {
  height: 0px;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards .line-item-card {
  margin-right: 5px;
  margin-left: 5px;
  border: 1px solid #aaaaaa;
  border-left: none;
  border-right: none;
  padding: 5px;
  color: #555555;
  white-space: nowrap;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards .line-item-card div {
  float: left !important;
  float: left;
  margin-right: 5px;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards .line-item-card div.field-ItemInstanceSerialNumber {
  font-weight: bolder;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards .line-item-card .delete-btn {
  float: right !important;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-cards .subrental-card div {
  float: left !important;
  float: left;
  margin-right: 5px;
}
@media screen and (max-width: 525px) {
  .por-transaction-overview-item-list .barcode-scanner-error {
    padding: 0px !important;
    min-width: 220px !important;
    text-align: center;
    position: static;
    width: 100%;
    float: none;
  }
  .por-transaction-overview-item-list .barcode-scanner-error:before,
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    clear: both;
  }
  .por-transaction-overview-item-list .barcode-scanner-error:before,
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    clear: both;
  }
  .por-transaction-overview-item-list .barcode-scanner-error:before,
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    clear: both;
  }
  .por-transaction-overview-item-list .barcode-scanner-error:before,
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .por-transaction-overview-item-list .barcode-scanner-error:after {
    clear: both;
  }
}
.por-transaction-overview-item-list .searched-items .field-QuantityOfAvail {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.por-transaction-overview-item-list .searched-items .field-QuantityOfAvail .number-spinner .input-group-btn-vertical > .btn {
  padding: 6px;
}
.por-transaction-overview-item-list .searched-items .field-QuantityOfAvail .number-spinner .input-group-btn-vertical > .btn:last-child {
  padding-bottom: 5px;
}
.por-transaction-overview-item-list .searched-items .field-QuantityOfAvail input {
  height: 25px;
}
.por-transaction-overview-item-list .searched-items .field-QuantityOfAvail.overbooked .number-spinner:before {
  content: ' ';
  background-image: url(../img/icons/overbooked-icon.svg);
  height: 13px;
  width: 13px;
  background-repeat: no-repeat;
  background-size: 13px auto;
  position: absolute;
  bottom: 6px;
  left: 5px;
}
.por-transaction-overview-item-list .searched-items .addToCartBtns {
  margin-top: 5px;
}
.por-transaction-overview-item-list .searched-items .addToCartBtns .addToCartBtn {
  padding: 3px;
}
.por-transaction-overview-item-list .searched-items .suggested-items {
  display: flex;
  flex-wrap: wrap;
}
.por-transaction-overview-item-list .searched-items .suggested-items .indentation-level-true {
  margin-left: 10px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-items-header {
  border-bottom: 1px solid #aaaaaa;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group {
  padding-left: 5px;
  padding-right: 5px;
  width: 100%;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .field-SuggestedItemTypeName {
  margin-top: 8px !important;
  margin-bottom: 3px !important;
  font-size: 12px !important;
  color: #41ad17 !important;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item {
  display: flex;
  flex-direction: column;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item .has-error {
  color: #b94a48;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item .suggested-item-info {
  display: flex;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item .suggested-item-recursed {
  margin-left: 15px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item .por-icon-good {
  margin: 0;
  font-size: 13px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .card-suggested-item {
  display: flex;
  margin-right: 5px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .card-suggested-item label {
  margin-left: 5px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .availability-details {
  display: block;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .availability-details .overbooked.number-spinner:before {
  content: ' ';
  background-image: url(../img/icons/overbooked-icon.svg);
  height: 13px;
  width: 13px;
  background-repeat: no-repeat;
  background-size: 13px auto;
  position: absolute;
  left: 5px;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-item-auto-text {
  display: flex;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .availability-details {
  font-weight: 500;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-variant-properties {
  width: 100%;
}
.por-transaction-overview-item-list .searched-items .suggested-items .suggested-item-group .suggested-subItems {
  width: 100%;
}
.por-transaction-overview-item-list .searched-items .field-SuggestedItemGroupName {
  background-color: #c2d6e4;
  padding: 5px;
  color: #333333;
  margin-bottom: 5px;
  font-weight: 500;
}
.por-transaction-overview-item-list .searched-items .suggested-items-header,
.por-transaction-overview-item-list .searched-items h5.field-ItemVariantPropertyName {
  color: #333333;
  font-size: 12px;
  font-weight: bold;
  width: 100%;
  padding: 5px;
}
.por-transaction-overview-item-list .searched-items .btn-variant-clear {
  margin-top: 5px;
  margin-bottom: 5px;
}
c-credit-card-merchant-picker ~ .error-flag-wrapper {
  display: none;
}
.bulk-actions-container [por-popup="deleteConfirmationModal"] .modal-body h3 {
  margin-bottom: 10px;
}
.bulk-actions-container [por-popup="deleteConfirmationModal"] .modal-body .warning {
  color: #b94a48;
}
.unavailability-resolver .unavailability-overlaps .overlap-info {
  margin: 10px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row {
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-data {
  display: flex;
  flex-wrap: wrap;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-data > div {
  flex: 1;
  display: flex;
  padding: 2px 10px 0 2px;
  justify-content: space-between;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-data > div:last-child {
  padding-right: 0;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-data > div > span:first-child {
  font-weight: bold;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-data > div > span:last-child {
  margin-left: 12px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row:last-child {
  margin-bottom: 0;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-label {
  font-size: 1.1em;
  font-weight: bold;
  width: 10%;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-old .overlap-start,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-old .overlap-middle,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-old .overlap-end {
  background-color: #ee9210;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-new .overlap-start,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-new .overlap-middle,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-new .overlap-end {
  background-color: #0494f0;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-old,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-new {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  align-items: center;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-old .overlap-area,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-new .overlap-area {
  font-weight: bold;
  background: -webkit-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -moz-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -o-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -ms-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-timeline-line {
  flex-grow: 1;
  margin-left: 10px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-start,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-middle,
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-end {
  padding: 7px 10px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-start {
  border-radius: 4px 0 0 4px;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-middle {
  border-radius: 0;
}
.unavailability-resolver .unavailability-overlaps .overlap-row .overlap-timeline .overlap-end {
  border-radius: 0 4px 4px 0;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 10px 10px 0 10px;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons > button {
  margin-left: 5px;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old {
  background-image: none;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.disabled,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old[disabled],
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.disabled:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old[disabled]:hover,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.disabled:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old[disabled]:focus,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.disabled:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old[disabled]:active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.disabled.active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old[disabled].active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-old.active {
  background-color: #fff;
  border-color: #ccc;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new {
  background-image: none;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.disabled,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new[disabled],
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.disabled:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new[disabled]:hover,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.disabled:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new[disabled]:focus,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.disabled:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new[disabled]:active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.disabled.active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new[disabled].active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-new.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.active,
.open .dropdown-toggle.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete {
  background-image: none;
}
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.disabled,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete[disabled],
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.disabled:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete[disabled]:hover,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:hover,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.disabled:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete[disabled]:focus,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:focus,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.disabled:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete[disabled]:active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete:active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.disabled.active,
.unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete[disabled].active,
fieldset[disabled] .unavailability-resolver .unavailability-overlaps .overlap-buttons .overlap-button-delete.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.unavailability-resolver .confirmation-popover .bodyTxt {
  white-space: pre-wrap;
}
.item-unavailability-collisions-component {
  padding: 2px 0 2px 0;
}
.item-unavailability-collisions-component .item-unavailability-collisions .purchase-availability-delay-log {
  padding: 10px 0 0 0;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-instances {
  border: 1px solid #cccccc;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-instances .item-unavailability-collisions-table {
  width: 100%;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-instances .item-unavailability-collisions-table .dgrid-cell {
  border: none;
  border-top: none !important;
  overflow: visible;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-instances .item-unavailability-collisions-table .dgrid-cell-padding {
  padding: 8px !important;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 8px 10px 8px 10px;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons > button {
  margin-left: 5px;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.active,
.open .dropdown-toggle.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.active,
.open .dropdown-toggle.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel {
  background-image: none;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.disabled,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel[disabled],
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.disabled:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel[disabled]:hover,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.disabled:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel[disabled]:focus,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.disabled:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel[disabled]:active,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.disabled.active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel[disabled].active,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-cancel.active {
  background-color: #fff;
  border-color: #ccc;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.active,
.open .dropdown-toggle.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.active,
.open .dropdown-toggle.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save {
  background-image: none;
}
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.disabled,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save[disabled],
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.disabled:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save[disabled]:hover,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:hover,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.disabled:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save[disabled]:focus,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:focus,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.disabled:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save[disabled]:active,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save:active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.disabled.active,
.item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save[disabled].active,
fieldset[disabled] .item-unavailability-collisions-component .item-unavailability-collisions .item-unavailability-collisions-buttons .item-unavailability-collisions-button-save.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
#payment-app-config-wizard-container {
  margin-top: 15px;
}
#payment-app-config-wizard-container fieldset {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
#payment-app-config-wizard-container fieldset sf-form-element > div {
  margin: 0 15px;
}
#payment-app-config-wizard-container fieldset sf-form-element .form-control {
  box-shadow: none;
  height: auto;
  padding: unset;
  font-size: unset;
  line-height: unset;
  border: none;
  border-radius: unset;
}
#payment-app-config-wizard-container fieldset sf-form-element .has-error .mat-form-field-outline-thick {
  color: #f44336;
  opacity: 1;
}
.extra-label-group {
  border: 1px solid black;
  margin-bottom: 0px;
  padding: 5px;
  border-radius: 5px;
}
.extra-label-group .extra-label {
  font-weight: bolder;
}
#login-modal {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 auto;
  z-index: 1050;
}
#login-modal .modal-dialog {
  padding-top: 150px;
  height: auto !important;
  width: 25%;
}
#login-modal .modal-dialog .modal-content .modal-login .modal-body {
  min-height: 10%;
  padding: 8px;
}
#login-modal .modal-dialog .modal-content .modal-login .modal-footer {
  height: auto !important;
}
#login-modal .modal-dialog .modal-content .modal-login .modal-footer input[disabled] {
  background: #004478 !important;
}
.impersonate-popover {
  width: 400px;
}
.por-icon-impersonate:before {
  content: "\f21b";
}
.por-icon-stop-impersonate:before {
  content: "\f08b";
}
@media screen and (max-width: 1200px) {
  .page-wrapper .main-wrapper {
    width: 100%;
    max-width: 100% !important;
  }
  .user-main-navigation .user-navigation-container {
    width: 100%;
    max-width: 100% !important;
  }
}
@media screen and (max-width: 1220px) and (min-width: 768px) {
  .popup-content {
    min-width: 420px;
  }
  .confirmation-popover .popup-content {
    min-width: 0;
  }
}
@media screen and (max-width: 768px) {
  #front-end-content-block .grid-container.card-view .dgrid-scroller .one-third {
    width: 50%;
  }
}
.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .modal-backdrop {
    display: none;
  }
  cart-date-pickers .date-fixed-window-buttons {
    margin-top: 10px;
    margin-bottom: 200px;
  }
  cart-date-pickers .date-fixed-window-buttons button {
    margin: 5px 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .customer-login-modal .ui-dialog.ui-widget-content .register-for-account {
    top: 295px;
  }
  .customer-login-modal .ui-dialog.ui-widget-content .ui-dialog-content {
    height: 300px;
  }
  .embedded-in-an-iframe p-dialog > div {
    position: absolute !important;
    top: 80px !important;
  }
  .embedded-in-an-iframe .ui-widget-overlay {
    display: none !important;
  }
  .page-wrapper {
    margin-top: 42px;
  }
  .page-wrapper .main-wrapper {
    margin-left: 0;
    margin-right: 0;
  }
  .item-remove.item-remove.item-remove button {
    padding-left: 8px;
  }
  span.header-po {
    /*
    position:absolute;
    left:0;
    bottom:0;
    */
    width: 100%;
  }
  span.header-po .purchase-order-num {
    width: 100%;
  }
  div.date-fixed-window {
    border-radius: 5px;
  }
  .footer-inner-wrap.footer-inner-wrap.footer-inner-wrap {
    padding: 0px;
    margin: 0px;
  }
  .footer-inner-wrap.footer-inner-wrap.footer-inner-wrap p.powered-by {
    padding-left: 0px;
    text-align: center;
  }
  div.cart-review-page-information.cart-review-page-information.cart-review-page-information {
    padding-bottom: 0em;
    position: relative;
  }
  div.cart-review {
    padding-left: 10px;
  }
  div.cart-review .input-holder .c-field-type-datetime,
  div.cart-review .input-holder .c-field-type-date {
    width: 100%;
  }
  .modal-content button.action-btn-cancel {
    width: auto;
    float: right;
  }
  li.user-list > div {
    display: block;
  }
  .fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide.fe-hide {
    display: none!important;
  }
  .fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show.fe-show {
    display: inherit !important;
  }
  .safari-mac .search-container .search-box a.search-submission {
    /* No longer seems to be necessary
    position:absolute;
    display:block;
    right:1.5em;
    top:45px;
    */
  }
  .main-menu-container {
    min-height: 36px;
  }
  .main-menu-container .show-mobile-main-menu.in {
    padding-left: 2px;
  }
  .main-menu-container .show-mobile-main-menu.in li a {
    color: #ffffff;
    display: block;
    padding: 20px 10px;
    border-bottom: solid 1px grey;
    width: 100%;
    clear: both;
  }
  .main-menu-container .show-mobile-main-menu.in ul.user-options-dropdown a {
    color: #004478;
  }
  .main-menu-container .mobile-main-menu {
    padding-left: 0px;
  }
  .main-menu-container .mobile-main-menu .navbar-toggle.navbar-toggle.navbar-toggle {
    position: relative;
    float: left;
    width: auto;
  }
  .main-menu-container .mobile-main-menu .navbar-toggle.navbar-toggle.navbar-toggle .icon-bar {
    background: #ffffff;
    height: 2px;
  }
  .main-menu-container .user-menu.user-menu.user-menu.user-menu {
    float: right;
    /*
      color: @white-pure;
      display: block;
      padding: 0px 10px;
      position:relative;
      background-color:rgb(51,51,51);
      top:0;
      right:0;
      width: 50%;
      */
  }
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart {
    margin-right: 0px;
    float: right;
    display: inline;
  }
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:hover,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:focus,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:active,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:visited {
    color: white;
    text-decoration: none;
  }
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a .badge,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:hover .badge,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:focus .badge,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:active .badge,
  .main-menu-container .user-menu.user-menu.user-menu.user-menu .shopping-cart a:visited .badge {
    background-color: white;
    color: #00324d;
  }
  .main-menu-container .user-link.user-link.user-link.user-link img {
    max-height: 36px;
    padding: 3px 0px;
  }
  #front-end-content-block .grid-container.card-view .dgrid-scroller .one-third {
    width: 100%;
  }
  #front-end-content-block .single-item .item-display {
    position: relative;
    padding-top: 2em;
    padding-bottom: 3em;
  }
  #front-end-content-block .single-item .item-display .item-actions {
    position: absolute;
    bottom: 0;
    right: 0;
  }
  #front-end-content-block .single-item .item-display .item-details .item-name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  #front-end-content-block .single-item .item-display .item-details .item-description {
    display: none;
  }
  #front-end-content-block .single-item .item-display .item-details div[view-item-price] {
    margin-bottom: 3em;
    text-align: center;
  }
  #universalFooter {
    background: #08242e repeat-x bottom;
    border-top: 1px solid #2483c0;
    bottom: 0;
    color: #ffffff;
    display: block;
    padding-left: 2px;
    position: fixed;
    width: 100%;
    z-index: 1001;
    padding-bottom: 2px;
    padding-top: 2px;
  }
  .one-whole,
  .one-half,
  .one-third,
  .one-quarter,
  .one-fifth,
  .two-thirds,
  .three-quarters,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    width: 100%;
    margin: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .dgrid-header {
    display: none;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell {
    width: 100%;
    display: block;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-selector,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-stat,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-edit,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-itemDetails,
  .dgrid-scroller .dgrid-content .dgrid-cell.dgrid-column-one-button {
    float: left;
    max-width: 25% !important;
    width: auto;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-Created {
    display: none;
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days0 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days0 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days1 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days1 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days2 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days2 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days3 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days3 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days4 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days4 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days5 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days5 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days6 {
    visibility: hidden;
    padding: 0 !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days6 > div > div {
    height: 0;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.dgrid-cell ul {
    visibility: visible;
    white-space: normal !important;
    position: relative !important;
    margin-bottom: 5px !important;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.dgrid-cell ul li {
    border-radius: 10px;
    margin: 2px;
  }
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell {
    font-weight: bolder;
  }
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-edit {
    display: none;
  }
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell:before {
    content: attr(data-tablet-label);
    margin-right: 0.5em;
    float: left;
    font-weight: normal;
  }
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-Deposit:before {
    content: attr(data-tablet-label) ' $';
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-days7,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-ContractNumber,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-StartTime2,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-DueTime2,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-CustomerName {
    display: none;
  }
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-days7,
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-ContractNumber,
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-StartTime2,
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-DueTime2,
  [view-transaction-list-by-customer] .dgrid-scroller .dgrid-content .dgrid-cell.field-CustomerName {
    display: block;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.dgrid-column-Transaction.dgrid-column-Transaction.dgrid-column-Transaction {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-FirstName,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-LastName,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-Name,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-StatusCodeSort {
    float: left;
    width: auto;
    font-weight: bolder;
    text-align: left;
  }
  .dgrid-scroller .dgrid-content .dgrid-cell.field-FirstName div,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-LastName div,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-Name div,
  .dgrid-scroller .dgrid-content .dgrid-cell.field-StatusCodeSort div {
    float: left;
    margin-right: 5px;
  }
  .dgrid-scroller .dgrid-content .dgrid-row-table {
    display: block;
  }
  .main-header .main-menu-container .mobile-main-menu li.the-logo,
  .main-header .main-menu-container .mobile-main-menu li.QuickSaleAddState-link,
  .main-header .main-menu-container .mobile-main-menu li.TransactionAddState-link,
  .main-header .main-menu-container .mobile-main-menu li.MissedRentalAddState-link {
    display: none;
  }
  .main-header .main-menu-container .mobile-main-menu .navbar-toggle {
    margin-left: 0px;
  }
  .navbar-toggle {
    margin-right: 0px;
  }
  .page-is-loading-spinner {
    overflow: hidden;
    float: left;
    padding: 8px;
  }
  .page-is-loading-spinner img {
    height: 20px;
    width: 20px;
  }
  .medium-modal .modal-dialog,
  .large-modal .modal-dialog,
  .small-modal .modal-dialog {
    width: 100% !important;
  }
  .nav-pills > li {
    float: left;
    width: 100%;
    margin-left: 0px !important;
    padding-left: 0px !important;
  }
  button,
  .btn-group {
    width: 100%;
  }
  button {
    margin: 1px !important;
  }
  .quick-filter-container {
    margin-left: 0px;
  }
  .quick-filter-container ul.dropdown-menu {
    max-width: 100%;
  }
  .quick-filter-container ul.dropdown-menu li div {
    width: 100%;
  }
  .dgrid-header table .dgrid-cell {
    width: 100%;
    overflow: hidden;
  }
  .dgrid-scroller table .dgrid-cell {
    width: 100%;
    overflow: hidden;
  }
  .modal-header button.action-btn-cancel {
    width: auto;
  }
  .right-flyout {
    right: 0px;
    position: initial;
  }
  .alert {
    min-width: 0px;
    width: 350px;
  }
  .alert button.close {
    width: auto;
  }
  * {
    max-width: 100% !important;
  }
  * * {
    max-width: 100% !important;
  }
  * * * {
    max-width: 100% !important;
  }
  * * * * {
    max-width: 100% !important;
  }
  * * * * * {
    max-width: 100% !important;
  }
  * * * * * * {
    max-width: 100% !important;
  }
  * * * * * * * {
    max-width: 100% !important;
  }
  * * * * * * * * {
    max-width: 100% !important;
  }
  * * * * * * * * * {
    max-width: 100% !important;
  }
  * * * * * * * * * .signature-pad-wrapper canvas {
    max-width: 5000px !important;
    width: 500px !important;
  }
  #login-modal {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0 auto;
    z-index: 1050;
  }
  #login-modal .modal-dialog {
    padding-top: 0px;
    height: auto !important;
    width: 100%;
  }
  #login-modal .modal-dialog .modal-content .modal-login .modal-body {
    min-height: 10%;
    padding: 8px;
  }
  #login-modal .modal-dialog .modal-content .modal-login .modal-footer {
    height: auto !important;
  }
  #login-modal .modal-dialog .modal-content .modal-login .modal-footer input[disabled] {
    background: #004478 !important;
  }
  .customerPortal div[view-search-results] h3 {
    margin-top: 15px;
  }
  .customerPortal .page-wrapper .main-wrapper .main-content {
    width: 100%;
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
    /*padding-left:20px;
          padding-right:10px;*/
  }
  .customerPortal .page-wrapper .main-wrapper .main-navigation-container {
    float: right;
    width: 100%;
  }
  .customerPortal .about-us-section .company-address {
    padding: 2px;
  }
  .customerPortal .footer {
    padding: 0 2px;
  }
  .customerPortal .date-fixed-window {
    position: inherit;
    z-index: 2;
  }
  .customerPortal .date-fixed-window .date-fixed-button {
    position: inherit;
  }
  .customerPortal .page-wrapper .main-wrapper .company-branding {
    width: 100%;
    float: none;
    position: inherit;
  }
  .customerPortal #view-customer-usernav {
    position: inherit;
    width: 100%;
    float: none;
    height: auto;
  }
  .customerPortal div[view-customer-usernav] * {
    position: inherit;
    float: none;
    height: auto;
  }
  .customerPortal div[view-customer-usernav] * * {
    position: inherit;
    float: none;
    height: auto;
  }
  .customerPortal div[view-customer-usernav] * * * {
    position: inherit;
    float: none;
    height: auto;
  }
  .customerPortal div[view-customer-usernav] ul.user-navigation li {
    display: block;
  }
  .customerPortal div[view-customer-usernav] ul.user-navigation > li {
    clear: both;
  }
  .customerPortal div[view-customer-usernav] li[view-customer-search-items] {
    display: block;
    border-bottom: solid 1px grey;
  }
  .customerPortal .single-item .item-display .item-img {
    text-align: center;
  }
  .customerPortal .single-item .item-display .item-actions {
    width: 200px;
    margin: auto;
    float: none;
  }
  .customerPortal .single-item .item-display .item-actions div.two-fifths {
    width: 40%;
  }
  .customerPortal .single-item .item-display .item-actions div.three-fifths {
    width: 60%;
  }
  .customerPortal .single-item .item-display .item-details {
    width: 100%;
    clear: both;
  }
  .customerPortal .single-item .item-display .tag-below-item-container li.tag-heading {
    display: none;
  }
  .customerPortal div.single-item-display {
    margin-top: 1em;
  }
  .customerPortal div.single-item-display div.item-display > div:first-child {
    text-align: center;
  }
  .customerPortal div#front-end-content-block .one-quarter.last-col div.two-fifths {
    padding-left: 2em !important;
    width: 40%;
  }
  .customerPortal div#front-end-content-block .one-quarter.last-col div.three-fifths {
    padding-right: 2em !important;
    width: 60%;
  }
  .customerPortal button.btn .por-icon {
    margin-left: 0px;
  }
  .customerPortal div.cart-single-item div {
    padding: 2px !important;
  }
  .customerPortal div.input-append {
    padding-left: 0.5em;
  }
  .customerPortal div.input-append table {
    max-width: 100% !important;
    width: 100% !important;
  }
  div.estimate-info .one-whole,
  div.estimate-info .one-half,
  div.estimate-info .one-third,
  div.estimate-info .one-quarter,
  div.estimate-info .one-fifth,
  div.estimate-info .two-thirds,
  div.estimate-info .three-quarters,
  div.estimate-info .two-fifths,
  div.estimate-info .three-fifths,
  div.estimate-info .four-fifths {
    width: 32%;
    padding-left: 1em;
  }
  div.estimate-info .four-fifths {
    width: 64%;
  }
  div.clearfix.padding-top-bottom .btn.btn-edit-reservation,
  div.clearfix.padding-top-bottom .btn.btn-request-reservation {
    width: 49%;
    padding: 2px 1em;
  }
}
div#view-customer-usernav {
  display: none !important;
}
li.shopping-cart {
  position: fixed;
  top: 0px;
  right: 40px;
  width: 180px;
  margin-top: 2px !important;
  z-index: 99;
  padding-bottom: 3px;
}
@media screen and (max-width: 375px) {
  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown-content {
    display: none;
    position: fixed;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    top: 45px;
    transition: all 0.5s ease;
  }
  .dropdown-content .company-branding {
    display: none;
  }
  .dropdown-content .date-fixed-window .c-field-StartTime,
  .dropdown-content .date-fixed-window .c-field-DueTime {
    width: 100% !important;
  }
  .dropdown-content .cart-date-pickers .date-fixed-window .date-fixed-window-content {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .dropdown-content p-autocomplete input.ui-widget {
    width: 280px;
  }
  .dropdown-content .date-fixed-window .date-fixed-window-content {
    padding: 1em;
  }
  .dropdown-content .date-fixed-window-content.has-click {
    padding-left: 0.2em;
    padding-right: 0.2em;
  }
  .dropdown-content .date-fixed-window-content.has-click div > a:not(.ui-datepicker-prev):not(.ui-datepicker-next) {
    background: #1b3343;
    color: white;
    display: inline-block;
    padding: 5px 10px;
    margin-top: 10px;
    border-radius: 3px;
    font-size: 12px;
  }
  .dropdown-content .date-fixed-window-content.has-click > .field-wrapper {
    padding-left: 1em;
    padding-right: 1em;
  }
  .dropdown-content .date-fixed-window-buttons {
    display: flex !important;
    margin-top: 0;
    margin-bottom: 0;
  }
  .dropdown-content .date-fixed-window-buttons .confirm-changes {
    background-color: #31566d !important;
    font-size: 1em;
    font-weight: 500;
    margin: 0 !important;
    border-radius: 0;
    border: none;
  }
  .dropdown-content .date-fixed-window-buttons .cancel-changes {
    margin: 1em;
    font-size: 1em;
    font-weight: normal;
    margin: 0 !important;
    padding: 5px;
    border: none;
  }
  .dropdown-content .date-fixed-window {
    right: 0 !important;
  }
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .dropdown-content a:hover {
    background-color: #f1f1f1;
  }
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .tag-heading,
  .account-heading {
    font-size: 13px;
  }
  .main-header {
    padding: 0 !important;
  }
  .main-navigation-container .user-navigation-container.bottom .account-heading {
    font-size: 13px;
  }
  .page-wrapper .main-wrapper .main-header {
    min-height: auto;
  }
  .company-logo {
    display: none;
  }
  .main-navigation-container {
    padding-bottom: 0;
    padding: 10px;
  }
  .box-shadow {
    border: 1px solid #efefef;
    padding: 10px;
    box-shadow: 0 2px 4px #e0e0e0;
  }
  .main-navigation-container .user-navigation-container li.shopping-cart {
    width: 100%;
    top: 0;
    right: 0;
    border-radius: 0;
    margin-top: 0 !important;
    padding: 10px;
  }
  .main-navigation-container .user-navigation-container li.shopping-cart:before {
    border-radius: 0;
  }
  .page-wrapper .main-wrapper .main-content .card-view {
    padding-top: 0;
  }
  .category-display {
    height: 300px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
  }
  .category-display .category-img {
    max-width: 200px !important;
  }
  .category-display .category-name-container .category-name {
    background-color: #2c79c0;
    border-radius: 0 0 5px 5px;
  }
  .item-thumbnail {
    height: 320px;
  }
  .dgrid-content .per-page-container {
    border-radius: 3px;
  }
  .dgrid-content .rental-qty {
    border: 1px solid #c3c1c1;
    text-align: center;
    border-radius: 5px;
  }
  .dgrid-content .per-page-container {
    font-size: 12px;
  }
  .ngx-pagination {
    margin-left: 0;
    padding-left: 0;
    line-height: 20px;
    font-size: 12px !important;
  }
  .ngx-pagination li.current {
    font-size: 12px !important;
    padding: 0px !important;
    height: 21px !important;
    width: 21px !important;
    text-align: center !important;
    background: #3276b1 !important;
    border-radius: 3px !important;
  }
  .ngx-pagination li {
    font-size: 12px !important;
  }
  .single-item .item-actions .pricing-and-availability {
    float: none;
    margin-top: 10px;
    width: 100%;
  }
  .single-item .item-actions .first-col {
    margin-left: 11px;
    width: 26% !important;
  }
  .single-item .item-display .item-details {
    margin-top: 30px;
  }
  .single-item .item-display .item-img {
    margin-bottom: 10px;
  }
  .btn {
    line-height: 31px;
    padding: 0 12px;
  }
  .search-cancel {
    padding: 9px;
  }
  .single-item-display {
    max-width: 350px !important;
    margin: auto;
    width: 100% !important;
    float: none;
    margin-top: 0 !important;
  }
  .single-item-display .item-img {
    max-width: 300px !important;
  }
  .single-item-display .pricing-and-availability {
    width: 100%;
    float: none;
    max-width: 196px !important;
    margin: auto;
  }
  .single-item-display .item-name {
    margin-top: 0;
  }
  .ng-tns-c4-11 {
    margin: auto;
    width: 162px;
  }
  .ng-tns-c4-11 .qty-con {
    width: 50px;
  }
  .ng-tns-c4-11 .qty-con input {
    text-align: center;
    border: 1px solid #afafaf;
    border-radius: 5px;
  }
  .ng-tns-c4-11 .buy-items-btn {
    width: 110px;
  }
  .item-detail-view-tag {
    margin-left: 10px;
    margin-right: 10px;
  }
  .single-item-footer .add-to-cart-inner {
    width: 160px;
    display: flex;
    margin: auto;
  }
  .single-item-footer .add-to-cart-inner .qty-con {
    width: 50px;
    text-align: center;
  }
  .single-item-footer .add-to-cart-inner .qty-con input {
    text-align: center;
    border: 1px solid #afafaf;
    border-radius: 5px;
  }
  .cart-review {
    padding-left: 10px;
    padding-right: 10px;
  }
  .cart-review .cart-review-page-information h2 {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
  }
  .cart-review .cart-review-page-information h2 span {
    margin-top: 17px;
  }
  .cart-review .cart-review-page-information h2 span:last-child {
    margin-top: 5px;
  }
  .cart-review .cart-review-page-information h2 button.btn {
    line-height: 1px;
    top: 0;
    padding: 9px;
  }
  .cart-review .cart-review-page-information h2 button.btn .por-icon {
    margin: 0;
    top: 0;
    font-size: 11px;
  }
  .cart-review .cart-review-page-information span {
    display: inline-block;
    margin-top: 5px;
  }
  .cart-review h3 {
    font-size: 15px;
  }
  .cart-review .item-remove {
    width: 11%;
  }
  .cart-review .item-remove button {
    padding: 0;
    line-height: 25px;
  }
  .cart-review .coupon-code-input .input-with-errors [c-label] {
    text-align: left;
    float: left;
  }
  .cart-review .coupon-code-input .input-with-errors input {
    height: 36px !important;
    text-align: left !important;
  }
  .cart-review .record-actions .action-buttons {
    padding-left: 0;
    padding-right: 0;
  }
  .cart-review .record-actions .action-buttons button {
    padding: 10px;
  }
  .cart-review .record-actions .action-buttons .action-btn {
    padding: 10px !important;
    margin: 0 !important;
    font-size: 13px;
  }
  .cart-review .item-details .field-ItemName {
    font-size: 14px;
  }
  .cart-review .c-field-type-textarea {
    padding: 0;
  }
  .cart-review .coupon-code-input {
    width: 100%;
    padding: 0;
  }
  .cart-review .coupon-code-input .c-field-CouponCode {
    width: 100%;
  }
  .cart-review .coupon-code-input label {
    float: left;
  }
  .cart-review .coupon-code-input input {
    text-align: left;
    padding: 10px;
    height: 37px;
  }
  .cart-review .input-holder {
    padding: 5px;
  }
  .estimate-component {
    padding-left: 10px;
    padding-right: 10px;
  }
  .estimate-component hr {
    width: auto !important;
  }
  .estimate-component input {
    height: 37px !important;
  }
  .estimate-component input[name="PrimaryPhone"] {
    margin-bottom: 15px !important;
    border-radius: 3px !important;
  }
  .estimate-component .no-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .estimate-component .register-form div {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .estimate-component .register-form .phone div {
    margin: 0;
  }
  .estimate-component .btn-edit-reservation {
    background: #316c9f;
    color: white;
    padding: 3px;
    height: 40px;
    border-radius: 4px;
  }
  .estimate-component .btn-edit-reservation .por-icon {
    font-size: 14px;
  }
  .estimate-component .btn-edit-reservation span {
    font-size: 13px;
  }
  .estimate-component .btn-request-reservation {
    background: #316c9f;
    border: 0;
    height: 40px;
    color: white;
  }
  .estimate-component .btn-request-reservation .por-icon {
    font-size: 14px;
  }
  .estimate-component .btn-request-reservation span {
    font-size: 13px;
  }
  .estimate-component .field-wrapper {
    margin-bottom: 15px;
  }
  .estimate-component .estimate-info div {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .estimate-component .estimate-info .column-header,
  .estimate-component .estimate-info .row-header {
    font-size: 15px;
  }
  .estimate-component .renter-info {
    margin-top: 20px;
  }
  .request-confirmation {
    margin: 0 10px;
  }
  .request-confirmation h3 {
    font-size: 17px;
    margin-bottom: 18px;
  }
  .request-confirmation td {
    padding: 7px 5px !important;
  }
  .request-confirmation .one-third {
    padding: 0 !important;
  }
  .confirmation-footer .button-wrapper .btn-make-cc-payment.btn-success {
    font-size: 13px;
  }
  .payment-con .card-element {
    margin: 0;
    padding: 10px;
  }
  .payment-con .field-wrapper {
    padding: 0;
  }
  .payment-con .field-wrapper .form-control {
    padding: 10px !important;
    height: auto;
    font-size: 13px;
  }
  .payment-con button {
    background: #31566d !important;
    color: white;
    padding: 3px;
    border: none;
    margin: 0 !important;
    font-size: 13px;
    margin-top: 6px !important;
  }
  .my-reservations .page-title {
    margin: 10px;
  }
  .my-reservations hr {
    margin: 0 10px;
  }
  .my-reservations table {
    width: 365px !important;
    margin: 15px 5px;
  }
  .my-reservations tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .my-reservations td,
  .my-reservations th {
    flex: 1 1 120px;
    border: 0.5px solid rgba(3, 3, 3, 0.2);
  }
  .my-profile-form {
    padding-left: 10px;
    padding-right: 10px;
  }
  .my-profile-form h2 {
    font-size: 18px;
  }
  .my-profile-form h2 > span {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .my-profile-form .field-wrapper {
    padding-left: 0;
    padding-right: 0;
  }
  .my-profile-form .field-wrapper .form-control {
    height: 36px;
  }
  .my-profile-form .contact-info .input-group {
    width: 100%;
    padding: 0;
  }
  .my-profile-form .contact-info div.row {
    margin: 0;
  }
  .my-profile-form .contact-info div.row .form-control {
    border-radius: 3px;
  }
  .my-profile-form .action-buttons {
    padding-left: 0;
    padding-right: 0;
  }
  .my-profile-form .action-buttons .btn {
    background: #316c9f;
    color: white;
    padding: 3px;
    height: 40px;
    border-radius: 4px;
  }
}
div.danger,
.field-Comments.warning {
  color: red;
}
.transaction-edit-details-view .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin-top: 2px;
  margin-bottom: 2px;
}
.transaction-edit-details-view .delivery .form-group {
  margin-bottom: 0px;
}
.transaction-edit-details-view .delivery .radio,
.transaction-edit-details-view .delivery .checkbox,
.transaction-edit-details-view .delivery input[type='text'] {
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 2px;
  margin-bottom: 2px;
}
.transaction-edit-details-view .delivery .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin-top: 0px;
  margin-bottom: 2px;
}
.transaction-edit-details-view .delivery .radio-wrapper.labelSecondLabel .labeled-second {
  margin-top: 4px;
  margin-bottom: 4px;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info {
  margin-top: 10px;
  padding: 5px;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info .event-address,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info .event-address {
  padding: 0;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info label.customer-title,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info label.customer-title {
  font-size: 12px;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info button.por-icon:before,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info button.por-icon:before {
  width: 11px;
  font-size: 13px;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info .form-group,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info .form-group {
  margin: 0;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info .form-group .radio,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info .form-group .radio {
  margin: 0;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info .form-group .radio span.form-input-container,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info .form-group .radio span.form-input-container {
  display: flex;
  align-items: center;
  gap: 8px;
  clear: none;
  position: static;
}
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-delivery-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-delivery-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-delivery-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-pickup-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-pickup-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-pickup-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-delivery-col .location-event-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-pickup-col .location-event-info .addtl-comment,
.transaction-edit-details-view .delivery-pickup-info .location-event-col .location-event-info .addtl-comment {
  padding: 8px 0;
}
tr.transaction-overview-lineitem td:first-child {
  width: 8em;
  max-width: 5%;
}
tr.kit-component td:first-child:before {
  content: "\221f";
  margin-left: 0.5em;
}
.search-h4 .clear {
  height: 0px;
}
.search-h4 .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin-top: 0px;
  margin-bottom: 0px;
}
.search-h4 .form-group {
  margin-bottom: 2px;
}
_:-ms-input-placeholder,
:root .card-view.card-view.card-view.card-view .dgrid-content.dgrid-content.dgrid-content {
  display: block;
}
[view-item-instance-quick-add] h3 {
  font-size: 19px;
  padding-bottom: 15px;
}
[view-item-instance-quick-add] h5 {
  padding-bottom: 7.5px;
}
.transaction-overview .searched-item.dgrid-row,
.transaction-overview-con .searched-item.dgrid-row {
  position: relative;
  padding: 10px;
  width: 100%;
  row-gap: 8px;
}
.transaction-overview .searched-item.dgrid-row .cardItem .card-item-variant-property,
.transaction-overview-con .searched-item.dgrid-row .cardItem .card-item-variant-property {
  padding-bottom: 5px;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main {
  background: white;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main.card-content-min-height,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main.card-content-min-height {
  min-height: 500px;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main .search-item-key,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main .search-item-key {
  min-height: 16px;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main .line-item-card-img-container,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main .line-item-card-img-container {
  background: #ededed;
  border: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  height: 286.86px;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main .line-item-card-img-container .line-item-card-img,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main .line-item-card-img-container .line-item-card-img {
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
.transaction-overview .searched-item.dgrid-row .searched-item-main .comparison-checkbox,
.transaction-overview-con .searched-item.dgrid-row .searched-item-main .comparison-checkbox {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 0 10px 0;
}
.transaction-overview .searched-item.dgrid-row .item-card-container,
.transaction-overview-con .searched-item.dgrid-row .item-card-container {
  margin: 0;
}
.transaction-overview .searched-item.dgrid-row .footer,
.transaction-overview-con .searched-item.dgrid-row .footer {
  background: white;
  border-top: none;
  bottom: 0px;
  margin-top: 0px;
  width: 100%;
}
.transaction-overview {
  color: #333333;
}
.transaction-overview * {
  font-size: 100%;
}
.transaction-overview tbody + tbody {
  border: 0 none;
}
.transaction-overview [view-item-instance-quick-add] h3 {
  font-size: 19px;
  padding-bottom: 15px;
}
.transaction-overview [view-item-instance-quick-add] h5 {
  padding-bottom: 7.5px;
}
.transaction-overview span.tax-free-customer-info,
.transaction-overview span.damage-waiver-exempt-customer-info {
  position: relative;
  top: -0.3em;
  font-size: 0.83em;
}
.transaction-overview span.tax-free-customer-info span.expired,
.transaction-overview span.damage-waiver-exempt-customer-info span.expired {
  color: red;
}
@media only screen and (max-width: 1024px) {
  .transaction-overview .field-Quantity .inline-edit-actions {
    top: inherit !important;
  }
  .transaction-overview table.items-table .field-ItemName {
    min-width: 10em !important;
  }
  .transaction-overview table.items-table tbody td {
    background-color: transparent;
  }
  .transaction-overview table.items-table tbody tr {
    display: block;
    width: 100%;
    margin-top: 1em;
    padding-bottom: 1em;
    float: left;
    border: solid 1px black;
    border-radius: 5px;
  }
  .transaction-overview table.items-table tbody tr.zero-height {
    border: none;
    display: auto;
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .transaction-overview table.items-table tbody tr.line-item-instances {
    background-color: #f1f1f1;
    border-top: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-top: -4px;
    z-index: 99;
  }
  .transaction-overview table.items-table tbody td.field-ItemKey {
    display: none;
  }
  .transaction-overview table.items-table td,
  .transaction-overview table.items-table th {
    display: block;
    float: left;
    border-top: 0;
  }
  .transaction-overview table.items-table td[data-tablet-label]:before,
  .transaction-overview table.items-table th[data-tablet-label]:before {
    content: attr(data-tablet-label) ' ';
  }
  .transaction-overview table.items-table th {
    display: none;
  }
}
@media only screen and (max-width: 1220px) {
  .transaction-overview .customer-block {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
  .transaction-overview .status-block {
    width: 100% !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.transaction-overview .last-edited-by {
  padding-top: 20px;
  color: #999999;
}
.transaction-overview .rental-timeframe {
  text-align: center;
  font-weight: bold;
  justify-content: center;
  justify-items: center;
}
.has-flexbox .transaction-overview .rental-timeframe {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .transaction-overview .rental-timeframe _:-ms-input-placeholder,
:root .has-flexbox .transaction-overview .rental-timeframe {
  display: block;
}
.transaction-overview .rental-timeframe .rental-timeframe-section {
  position: relative;
  /* TODO: Change these min-width to 'width:' causing address cards to look wonky*/
  justify-content: center;
  justify-items: center;
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section _:-ms-input-placeholder,
:root .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
  display: block;
}
.has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
  position: relative
;
  min-height: 1px
;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 991px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section:nth-child(1n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section:nth-child(3n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
@media (min-width: 1200px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section:nth-child(3n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
.has-no-flexbox .popup-overlay .transaction-overview .rental-timeframe .rental-timeframe-section {
  float: left;
  width: calc(100% / 3);
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
  min-width: calc(100% / 1);
}
@media (min-width: 992px) {
  .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
    min-width: calc(100% / 3);
  }
}
@media (min-width: 1200px) {
  .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
    min-width: calc(100% / 3);
  }
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section _:-ms-input-placeholder,
:root .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-section {
  display: block;
  float: left;
  width: 20em;
}
.transaction-overview .rental-timeframe .rental-timeframe-content {
  /* TODO: Change these min-width to 'width:' causing address cards to look wonky*/
  align-self: center;
}
.has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
  position: relative
;
  min-height: 1px
;
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 768px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
    float: left;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
    float: left;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content:nth-child(1n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content:nth-child(1n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
@media (min-width: 1200px) {
  .has-no-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content:nth-child(1n):after {
    display: inline-block;
    content: ' ';
    clear: both;
  }
}
.has-no-flexbox .popup-overlay .transaction-overview .rental-timeframe .rental-timeframe-content {
  float: left;
  width: calc(100% / 1);
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
  min-width: calc(100% / 1);
}
@media (min-width: 992px) {
  .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
    min-width: calc(100% / 1);
  }
}
@media (min-width: 1200px) {
  .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
    min-width: calc(100% / 1);
  }
}
.has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content _:-ms-input-placeholder,
:root .has-flexbox .transaction-overview .rental-timeframe .rental-timeframe-content {
  display: block;
  float: left;
  width: 20em;
}
.transaction-overview .rental-timeframe .rental-timeframe-start,
.transaction-overview .rental-timeframe .rental-timeframe-end {
  background: #72a8d7;
}
.transaction-overview .rental-timeframe .rental-timeframe-start:after,
.transaction-overview .rental-timeframe .rental-timeframe-end:after,
.transaction-overview .rental-timeframe .rental-timeframe-start:before,
.transaction-overview .rental-timeframe .rental-timeframe-end:before {
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  z-index: 2;
}
.transaction-overview .rental-timeframe .rental-timeframe-start:after,
.transaction-overview .rental-timeframe .rental-timeframe-end:after {
  border: 10px solid transparent;
}
.transaction-overview .rental-timeframe .rental-timeframe-start:before,
.transaction-overview .rental-timeframe .rental-timeframe-end:before {
  border: 11px solid transparent;
}
@media (max-width: 991px) {
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:after,
  .transaction-overview .rental-timeframe .rental-timeframe-start:before,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    left: 50%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:after {
    margin-left: -10px;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:before,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    margin-left: -11px;
  }
}
@media (min-width: 992px) {
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:after,
  .transaction-overview .rental-timeframe .rental-timeframe-start:before,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    top: 50%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:after {
    margin-top: -10px;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:before,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    margin-top: -11px;
  }
}
@media (max-width: 991px) {
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-start:before {
    top: 100%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:after {
    border-top-color: #72a8d7;
  }
}
@media (min-width: 992px) {
  .transaction-overview .rental-timeframe .rental-timeframe-start:after,
  .transaction-overview .rental-timeframe .rental-timeframe-start:before {
    left: 100%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-start:after {
    border-left-color: #72a8d7;
  }
}
@media (max-width: 991px) {
  .transaction-overview .rental-timeframe .rental-timeframe-end:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    bottom: 100%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-end:after {
    border-bottom-color: #72a8d7;
  }
}
@media (min-width: 992px) {
  .transaction-overview .rental-timeframe .rental-timeframe-end:after,
  .transaction-overview .rental-timeframe .rental-timeframe-end:before {
    right: 100%;
  }
  .transaction-overview .rental-timeframe .rental-timeframe-end:after {
    border-right-color: #72a8d7;
  }
}
.transaction-overview .rental-timeframe .rental-timeframe-duration {
  background: white;
}
@media (max-width: 991px) {
  .transaction-overview .rental-timeframe .rental-timeframe-duration {
    padding: 1.25em 0;
  }
}
@media (min-width: 992px) {
  .transaction-overview .rental-timeframe .rental-timeframe-duration {
    padding: 0 1.25em;
  }
}
.transaction-overview .rental-timeframe .rental-timeframe-duration .label {
  color: #3276b1;
}
.transaction-overview .rental-timeframe .rental-timeframe-row {
  padding: 0.5em;
}
.transaction-overview .rental-timeframe .rental-timeframe-row + .rental-timeframe-row {
  border-top: white 1px dotted;
}
.transaction-overview .card-container .card {
  border: none;
  margin: 0;
  padding: 0;
}
.transaction-overview .form-grouping-container h4 {
  font-size: 120%;
}
.transaction-overview .form-grouping-container.customer-info h4 {
  text-transform: none;
  color: black;
}
.transaction-overview .balancedue {
  color: red;
  border-color: red;
}
.transaction-overview .outstanding-balance {
  margin-top: 0.5em;
}
.transaction-overview .form-grouping-container .form-grouping-header {
  color: black;
}
.transaction-overview .form-grouping-container {
  background: #ffffff;
}
.transaction-overview .contract {
  position: relative;
}
.transaction-overview h1,
.transaction-overview h2,
.transaction-overview h3,
.transaction-overview h4,
.transaction-overview h5,
.transaction-overview h6 {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
.transaction-overview table {
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 0;
  margin-top: 10px;
  max-width: 100%;
  width: 100%;
}
.transaction-overview table th {
  text-align: left;
}
.transaction-overview .customer-table tr td:first-child,
.transaction-overview .status-table tr td:first-child {
  font-weight: bold;
}
.transaction-overview table tr th,
.transaction-overview strong {
  color: #000000;
  font-weight: bold;
}
.transaction-overview #logo {
  font-size: 150%;
}
.transaction-overview .status-labels,
.transaction-overview .customer-labels {
  color: #000000;
  font-weight: bold;
  text-transform: uppercase;
}
.transaction-overview ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
}
.transaction-overview ul li {
  list-style: inside none;
  line-height: 2em;
}
.transaction-overview .the-customer-info ul li {
  display: inline;
}
.transaction-overview .transaction-overview-navigation {
  border: none;
  margin: 0;
}
.transaction-overview .transaction-overview-navigation ul li {
  margin: 0;
}
.transaction-overview .transaction-overview-navigation ul li .btn {
  padding: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.transaction-overview .transaction-overview-navigation ul li .btn .por-icon {
  font-size: 14px;
}
.transaction-overview .signature {
  border-bottom: 2px solid #000000;
  padding-bottom: 8px;
}
.transaction-overview .table-totals tr td:first-child {
  font-weight: bold;
  text-align: right;
}
.transaction-overview .btn-stripped {
  background: #dedede;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #cccccc;
  color: #333333;
}
.transaction-overview .btn-stripped:hover {
  background: #cccccc;
}
@media only screen and (max-width: 1024px) {
  .transaction-overview [view-transaction-overview-assign-instances] table.items-table tbody td:nth-child(3) {
    display: inherit;
  }
}
@media only screen and (min-width: 1024px) {
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-ItemName {
    width: 20%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-LineItems {
    width: 40%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-AvailableInstances {
    width: 40%;
  }
}
@media only screen and (min-width: 750px) and (max-width: 1023px) {
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-ItemName {
    width: 100%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-LineItems {
    width: 50%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-AvailableInstances {
    width: 50%;
  }
}
@media only screen and (max-width: 749px) {
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-ItemName {
    width: 100%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-LineItems {
    width: 100%;
  }
  .transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .field-AvailableInstances {
    width: 100%;
  }
}
.transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .por-icon-unchecked:before {
  content: "\f096";
}
.transaction-overview [view-transaction-overview-assign-instances] .assign-instances-table .por-icon-checked:before {
  content: "\f046";
}
.transaction-overview [view-transaction-overview-assign-instances] .show-unavailable-container {
  position: relative;
  font-size: 90%;
}
.transaction-overview [view-transaction-overview-assign-instances] .show-unavailable-container label {
  padding: 0;
  margin: 0;
}
.transaction-overview [view-transaction-overview-assign-instances] .show-unavailable-container .switch-label {
  float: left;
  padding: 15px 5px;
}
.transaction-overview [view-transaction-overview-assign-instances] .show-unavailable-container .switch-container {
  display: inline;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search #InstanceSearch {
  height: 30px;
  padding: 3px 12px;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search .form-group {
  margin-bottom: 8px;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search .clear-search,
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search .search-is-loading-spinner {
  margin-top: -35px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card {
  border: 1px solid #aaaaaa;
  border-left: none;
  border-right: none;
  color: #555555;
  display: inline-block;
  min-width: 100px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card .por-icon {
  background-color: white;
  margin: 5px;
  margin-top: 4px;
  padding: 0px;
  font-size: 17px;
  width: 13px;
  height: 15px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card .por-icon-unchecked {
  margin-right: 4px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card .line-item-text {
  margin: 5px;
  margin-left: 2px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card div {
  float: left !important;
  float: left;
  margin-right: 5px;
}
.transaction-overview [view-transaction-overview-assign-instances] .line-item-card div.field-ItemInstanceSerialNumber {
  font-weight: bolder;
}
.transaction-overview [view-transaction-overview-assign-instances] [view-item-instance-quick-add] .line-item-card .por-icon {
  margin: 0;
  font-size: 14px;
}
div[view-transaction-list] .dgrid-row-table {
  min-height: 50px;
}
div[view-transaction-list] .dgrid-row-table .dgrid-cell {
  padding: 8px !important;
}
div[view-transaction-list] .filter-preset-container .single-sort-menu-container .control-label,
div[view-transaction-list] .filter-preset-container .single-sort-menu-container .form-input-container {
  float: left;
  clear: none;
}
div[view-transaction-list] .filter-preset-container .single-sort-menu-container .control-label {
  margin-left: 40px;
  top: 50%;
  -webkit-transform: translateY(50%);
  -ms-transform: translateY(50%);
  transform: translateY(50%);
}
div[view-transaction-list] .filter-preset-container .single-sort-menu-container .form-input-container {
  margin-left: 10px;
  width: 150px;
}
div[view-transaction-list] .dgrid-cell {
  border: none !important;
  text-align: center;
  vertical-align: middle;
}
div[view-transaction-list] .dgrid-column-days3.field-days3,
div[view-transaction-list] .dgrid-column-days1.field-days1,
div[view-transaction-list] .dgrid-column-days7.field-days7,
div[view-transaction-list] .dgrid-column-days6.field-days6,
div[view-transaction-list] .dgrid-column-days0.field-days0,
div[view-transaction-list] .dgrid-column-days4.field-days4,
div[view-transaction-list] .dgrid-column-days5.field-days5,
div[view-transaction-list] .dgrid-column-days2.field-days2 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
div[view-transaction-list] .dgrid-column-Transaction {
  text-align: left;
  width: 24em;
  min-width: 22em;
  overflow-x: hidden;
  -webkit-box-shadow: 7px 0 7px -6px #333333;
  -moz-box-shadow: 7px 0 7px -6px #333333;
  box-shadow: 7px 0 7px -6px #333333;
}
div[view-transaction-list] .dgrid-column-Transaction .field-TransactionTitle {
  font-weight: bold;
  white-space: nowrap;
}
div[view-transaction-list] .dgrid-column-Transaction .field-EventName {
  font-weight: bold;
}
div[view-transaction-list] .dgrid-column-Transaction .field-Account {
  font-weight: bold;
}
div[view-transaction-list] .dgrid-column-Transaction .field-EventTitle {
  font-weight: bold;
  white-space: nowrap;
}
div[view-transaction-list] .dgrid-column-StatusCodeSort {
  text-align: left;
  width: 9em;
  min-width: 7em;
}
div[view-transaction-list] .dgrid-column-StatusCodeSort .field-ContractNumber {
  font-weight: bold;
}
div[view-transaction-list] .dgrid-column-ContractNumber,
div[view-transaction-list] .dgrid-column-Created,
div[view-transaction-list] .dgrid-column-StartTime,
div[view-transaction-list] .dgrid-column-DueTime,
div[view-transaction-list] .dgrid-column-CustomerName,
div[view-transaction-list] .dgrid-column-StartTime2,
div[view-transaction-list] .dgrid-column-DueTime2,
div[view-transaction-list] .dgrid-column-DueTime,
div[view-transaction-list] .dgrid-column-EventName,
div[view-transaction-list] .dgrid-column-StartTimeMobile,
div[view-transaction-list] .dgrid-column-DueTimeMobile,
div[view-transaction-list] .dgrid-column-TagsMobile,
div[view-transaction-list] .dgrid-column-WarehouseLeadDate,
div[view-transaction-list] .dgrid-column-WarehouseLeadDays {
  display: none;
}
div[view-transaction-list] .dgrid-column-days0,
div[view-transaction-list] .dgrid-column-days2,
div[view-transaction-list] .dgrid-column-days4,
div[view-transaction-list] .dgrid-column-days6 {
  background-color: #f3f6f5;
}
div[view-transaction-list] .dgrid-header th.dgrid-column-edit,
div[view-transaction-list] .dgrid-header th.dgrid-column-stat,
div[view-transaction-list] .dgrid-header th.dgrid-column-warning,
div[view-transaction-list] .dgrid-header th.dgrid-column-StatusCodeSort,
div[view-transaction-list] .dgrid-header th.dgrid-column-Transaction {
  background: #718694;
  background: -moz-linear-gradient(top, #718694 0%, #677F8D 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #718694), color-stop(100%, #677F8D));
  background: -webkit-linear-gradient(top, #718694 0%, #677F8D 100%);
  background: -o-linear-gradient(top, #718694 0%, #677F8D 100%);
  background: -ms-linear-gradient(top, #718694 0%, #677F8D 100%);
  background: linear-gradient(to bottom, #718694 0%, #677F8D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#718694', endColorstr='#677F8D', GradientType=0);
  color: #ffffff;
}
div[view-transaction-list] .dgrid-header th.dgrid-column-ContractNumber,
div[view-transaction-list] .dgrid-header th.dgrid-column-Created,
div[view-transaction-list] .dgrid-header th.dgrid-column-StartTime,
div[view-transaction-list] .dgrid-header th.dgrid-column-DueTime,
div[view-transaction-list] .dgrid-header th.dgrid-column-CustomerName,
div[view-transaction-list] .dgrid-header th.dgrid-column-StartTimeMobile,
div[view-transaction-list] .dgrid-header th.dgrid-column-DueTimeMobile,
div[view-transaction-list] .dgrid-header th.dgrid-column-TagsMobile {
  display: none;
}
div[view-transaction-list] .dgrid-cell.dgrid-column-days0.field-days0 {
  box-shadow: inset 6px 0px 5px -4px rgba(51, 51, 51, 0.2);
}
div[view-transaction-list] .dgrid-cell.dgrid-column-days0.field-days0.dgrid-soreable {
  box-shadow: none;
}
div[view-transaction-list] .transaction-before {
  position: relative;
  height: 35px;
}
div[view-transaction-list] .transaction-before.container-out-of-bounds div.content:before {
  border-right-width: 0;
}
div[view-transaction-list] .transaction-before div.content {
  padding: 0 10px;
  background: url('../img/bg-trans.png') #007FB3;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div[view-transaction-list] .transaction-before div.content:before {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #007FB3;
  border-bottom: 5px solid transparent;
  opacity: 0.25;
  filter: alpha(opacity=25);
  opacity: 0.25 !important;
  filter: alpha(opacity=25) !important;
}
div[view-transaction-list] .transaction-before .dates {
  color: #ffffff;
  margin-left: 8px;
  position: relative;
  top: 30%;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}
div[view-transaction-list] .transaction-overdue.transaction-before div.content:before {
  border-right: 10px solid #cb3131;
}
div[view-transaction-list] .transaction-after {
  height: 35px;
  cursor: pointer;
  position: relative;
}
div[view-transaction-list] .transaction-after.container-out-of-bounds div.content:after {
  border-left-width: 0;
}
div[view-transaction-list] .transaction-after.container-out-of-bounds .event-col div.content {
  right: 0;
}
div[view-transaction-list] .transaction-after div.content {
  padding: 0 10px;
  background: url('../img/bg-trans.png') #4db6c7;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div[view-transaction-list] .transaction-after div.content:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #4db6c7;
  border-bottom: 5px solid transparent;
}
div[view-transaction-list] .transaction-after .dates {
  color: #ffffff;
  margin-left: 8px;
  position: relative;
  top: 30%;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}
div[view-transaction-list] .transaction-out {
  background: url('../img/bg-trans.png') #007FB3;
  height: 40px;
  position: relative;
}
div[view-transaction-list] .transaction-out.first-col.transaction-end {
  margin-left: 0;
}
div[view-transaction-list] .transaction-out.first-col.transaction-start {
  margin-left: 5px;
}
div[view-transaction-list] .transaction-out .dates,
div[view-transaction-list] .transaction-out .times {
  background: rgba(255, 255, 255, 0.5);
  color: #000000;
  margin-left: 8px;
  padding: 4px 6px;
  position: relative;
  top: 29.5%;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}
div[view-transaction-list] .transaction-out.col5 .dates,
div[view-transaction-list] .transaction-out.col6 .dates,
div[view-transaction-list] .transaction-out.col7 .dates,
div[view-transaction-list] .transaction-out.col5 .times,
div[view-transaction-list] .transaction-out.col6 .times,
div[view-transaction-list] .transaction-out.col7 .times {
  position: absolute;
  top: 29.5%;
  right: 0;
  -webkit-transform: translateY(-30%);
  -ms-transform: translateY(-30%);
  transform: translateY(-30%);
}
div[view-transaction-list] .transaction-overdue.transaction-out {
  background: url('../img/bg-trans.png') #cb3131;
}
div[view-transaction-list] .transaction-overdue.transaction-after div.content {
  background: url('../img/bg-trans.png') #cb3131;
}
div[view-transaction-list] .transaction-overdue.transaction-before div.content {
  background: url('../img/bg-trans.png') #cb3131;
}
div[view-transaction-list] .transaction-quote.transaction-out {
  background: url('../img/bg-trans.png') #007FB3;
}
div[view-transaction-list] .transaction-quote.transaction-after div.content {
  background: url('../img/bg-trans.png') #007FB3;
}
div[view-transaction-list] .transaction-quote.transaction-before div.content {
  background: url('../img/bg-trans.png') #007FB3;
}
.transaction-before,
.transaction-after,
.transaction-out,
.transaction-in,
.transaction-short,
.transaction-long {
  cursor: pointer;
}
/*==========  Mobile First Method  ==========*/
/* Custom, iPhone Retina */
/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  [view-transaction] [view-transaction-list] #filter-container .filter-preset-container .nav.nav-pills > li button {
    display: flex;
    align-items: center;
  }
  [view-transaction] [view-transaction-list] #filter-container .filter-preset-container .nav.nav-pills > li button span.por-icon {
    height: 21px;
  }
  [view-transaction] [view-transaction-list] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper div.input-group-addon:first-child {
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table {
    overflow-x: hidden;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr {
    display: flex;
    flex-wrap: wrap;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td {
    flex-basis: 100%;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort {
    order: 1;
    display: flex;
    justify-content: space-between;
    border-right: none !important;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-ContractNumber {
    height: fit-content;
    color: #444444;
    font-size: 20px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-substatus,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusCode {
    height: fit-content;
    margin-right: 0;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper {
    display: flex;
    gap: 5px;
    margin-right: 0;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode {
    height: fit-content;
    margin-right: 0;
    border-bottom-right-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-ORDER,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-ORDER,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-QUOTE,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-QUOTE,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-RESERVATION,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-RESERVATION {
    border-radius: 2px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-ORDER,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-ORDER {
    border-top: 1px solid #4a9c2d;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-QUOTE,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-QUOTE {
    border-top: 1px solid #b47ce4;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-substatus.substatus-RESERVATION,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StatusCodeSort .field-StatusWrapper .field-StatusCode.substatus-RESERVATION {
    border-top: 1px solid #689834;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button {
    order: 2;
    border-right: none !important;
    width: fit-content;
    overflow: visible;
    margin-left: auto;
    padding: 0 8px !important;
    flex-basis: auto;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button .por-workbench-icon-container {
    flex-wrap: nowrap;
    gap: 2.5px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-Transaction {
    order: 3;
    overflow: visible;
    width: 100%;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-Transaction span.field-TransactionTitle {
    position: inherit;
    font-size: 24px;
    color: #222222;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTime,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTime {
    display: none;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTimeMobile,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTimeMobile {
    display: block;
    flex-basis: 42vw;
    margin-bottom: 8px;
    gap: 5px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTimeMobile > div,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTimeMobile > div,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTimeMobile > div,
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTimeMobile > div {
    display: flex;
    align-items: center;
    color: #ffffff;
    gap: 5px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTimeMobile {
    order: 4;
    background-color: #2B80B7;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    margin-left: 8px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-StartTimeMobile > div:before {
    font-weight: 600;
    content: attr(data-mobile-label);
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTimeMobile {
    order: 5;
    background-color: #0b324c;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-DueTimeMobile > div:before {
    font-weight: 600;
    content: attr(data-mobile-label);
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-TagsMobile {
    order: 6;
    padding: 0 0 8px !important;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-TagsMobile ul.tags-wrapper.end-piece {
    overflow-x: scroll;
    white-space: nowrap !important;
    margin: 0 8px;
    margin-bottom: 0 !important;
    border-radius: 0;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    /* Hide scrollbar for Chrome, Safari and Opera */
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-TagsMobile ul.tags-wrapper.end-piece::-webkit-scrollbar {
    display: none;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-TagsMobile ul.tags-wrapper.end-piece > li {
    border-left: none;
  }
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td[class*="field-days"],
  [view-transaction] [view-transaction-list] .dgrid .dgrid-scroller .dgrid-row table.dgrid-row-table > tr td.field-EventName {
    display: none;
  }
  [view-transaction] .grid-legend {
    flex-direction: column;
    justify-content: center;
  }
  [view-transaction] .grid-legend div.legend-overbooked.transaction-search {
    margin-bottom: 15px;
    margin-top: 0;
  }
  [view-transaction] .grid-legend div.legend-overbooked ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
  }
  [view-transaction] .grid-legend div.legend-overbooked ul li[class$="-legend"] {
    margin: 0;
  }
  [view-transaction] .grid-legend div.legend-overbooked ul li[class$="-legend"]:first-child {
    margin-left: 0;
  }
}
/* Small Devices, Tablets */
/* Medium Devices, Desktops */
/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
  div[view-transaction-list] .transaction-out.transaction-long .dates,
  div[view-transaction-list] .transaction-out.transaction-long .times {
    margin-left: 8px;
    padding: 0;
    position: relative;
    top: 30%;
    background: transparent;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  div[view-transaction-list] .transaction-out.transaction-long .dates:before,
  div[view-transaction-list] .transaction-out.transaction-long .times:before {
    display: none;
  }
  div[view-transaction-list] .transaction-out.col6 .dates,
  div[view-transaction-list] .transaction-out.col7 .dates,
  div[view-transaction-list] .transaction-out.col6 .times,
  div[view-transaction-list] .transaction-out.col7 .times {
    color: #000000;
    padding: 1px 2px;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
  }
}
/* Super Large Devices, Wide Screens */
@media only screen and (min-width: 1600px) {
  div[view-transaction-list] .transaction-out.transaction-long .dates,
  div[view-transaction-list] .transaction-out.transaction-long .times {
    background: transparent;
    color: #ffffff;
    margin-left: 8px;
    padding: 0;
    position: relative;
    top: 30%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  div[view-transaction-list] .transaction-out.transaction-long .dates:before,
  div[view-transaction-list] .transaction-out.transaction-long .times:before {
    display: none;
  }
  div[view-transaction-list] .transaction-out.col6 .dates,
  div[view-transaction-list] .transaction-out.col7 .dates,
  div[view-transaction-list] .transaction-out.transaction-short .dates,
  div[view-transaction-list] .transaction-out.col6 .times,
  div[view-transaction-list] .transaction-out.col7 .times,
  div[view-transaction-list] .transaction-out.transaction-short .times {
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
    padding: 1px 2px;
    position: relative;
    top: 30%;
    right: 0;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
  }
  div[view-transaction-list] .transaction-out.col6 .dates:before,
  div[view-transaction-list] .transaction-out.col7 .dates:before,
  div[view-transaction-list] .transaction-out.transaction-short .dates:before,
  div[view-transaction-list] .transaction-out.col6 .times:before,
  div[view-transaction-list] .transaction-out.col7 .times:before,
  div[view-transaction-list] .transaction-out.transaction-short .times:before {
    display: none;
  }
}
.grid-legend {
  border: 1px solid #cccccc;
  margin-top: 8px;
  padding: 8px;
}
.myTransferBox .transfer-grid {
  min-height: 300px;
}
.myTransferBox .dgrid-content.ui-widget-content {
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.myTransferBox .dgrid-content.ui-widget-content .dgrid-header {
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef', GradientType=0);
}
.myTransferBox .dgrid-content.ui-widget-content .dgrid-cell {
  border: none !important;
}
.myTransferBox .dgrid-content.ui-widget-content .dgrid-row-table {
  border-bottom: 1px solid #efefef;
}
.myTransferBox #filter-container {
  border: none;
}
.customer-info-confirmation,
.sending-confirmation {
  border: 1px solid #dedede;
}
.customer-info-confirmation h3,
.sending-confirmation h3 {
  padding: 8px;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef', GradientType=0);
}
.customer-info-confirmation .table,
.sending-confirmation .table {
  margin-bottom: 0;
}
.customer-info-confirmation .table th,
.sending-confirmation .table th {
  background: #ffffff !important;
}
.account-info .one-third {
  text-align: center;
  font-size: 1.1em;
  padding: 0 10px;
}
.account-info .one-third .label2 {
  font-weight: bold;
}
.account-info .operator {
  padding-top: 5px;
  font-size: 1.5em;
}
.the-amount-to-collect {
  background-color: #eff5fb;
  border: 1px solid #1d871d;
  color: #1d871d;
  margin: 16px 0 8px 0;
  text-align: center;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
}
.the-amount-to-collect strong {
  font-size: 120%;
}
.the-amount-to-collect.refunding {
  background-color: #f2dede;
  border-color: #b94a48;
  color: #b94a48;
}
.the-amount-to-collect.default {
  background-color: #ffffff;
  border-color: #bbbbbb;
  color: #333333;
}
.receipt-totals {
  padding-right: 18px;
}
.lightly-highlighted {
  background-color: lightyellow !important;
}
.cust-inf-detail {
  color: #aaaaaa;
}
.dgrid-row.overbooked .field-StatusCodeSort {
  background: url('../img/overbooked.png') 10px 50% no-repeat;
  padding-left: 30px !important;
}
.transaction-overview-checklist li {
  float: none;
}
.transaction-overview-checklist li + li {
  margin: 0;
}
.transaction-overview-checklist .btn {
  background: #dedede;
  border: none;
  color: #333333;
  width: 100%;
  text-align: left;
  padding: 8px 8px 8px 16px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.transaction-overview-checklist .btn:hover {
  background: #cccccc;
}
.transaction-overview-checklist .btn .glyphicon-white {
  color: #ffffff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.transaction-overview-checklist .checklist-future-todo .panel-heading {
  background-color: #eeeeee;
  border-bottom: 1px solid #dddddd;
  color: #cccccc;
}
.transaction-overview-checklist .checklist-future-todo .panel-heading .glyphicon-white {
  color: #ffffff;
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.transaction-overview-checklist .checklist-todo-now .panel-heading {
  background-color: #4db6c7;
  border-top: 1px solid #4db6c7;
  color: #ffffff;
}
.transaction-overview-checklist .checklist-todo-now .sectioning {
  background-color: #4db6c7;
}
.transaction-overview-checklist .checklist-done .panel-heading {
  background-color: #eeeeee;
  border-bottom: 1px solid #dddddd;
  color: #cccccc;
}
.transaction-overview-checklist .checklist-done .panel-heading .glyphicon-white {
  color: #333333;
  opacity: 0.3;
  filter: alpha(opacity=30);
  opacity: 0.3 !important;
  filter: alpha(opacity=30) !important;
}
.panel-group .panel {
  margin-top: 0;
  border: none;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 0;
}
.panel-heading {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.panel-body {
  padding: 0;
  margin-left: 2px;
}
.transaction-ipad-menu {
  display: none;
}
.transaction-desktop-menu {
  display: block;
}
.transaction-accordion-readonly,
.missed-rental-accordion-readonly {
  background-color: #dedede;
  border: 1px solid #bbbbbb;
  padding: 8px;
}
.onInvoicePrintState .transaction-overview-navigation,
.onInvoicePrintManualState .transaction-overview-navigation,
.onStatementPrintState .transaction-overview-navigation,
.onStatementPrintManualState .transaction-overview-navigation,
.onTransactionPrintState .transaction-overview-navigation,
.onTransactionLabelsPrintManualState .transaction-overview-navigation,
.onTransactionPrintManualState .transaction-overview-navigation,
.onTransactionEsigViewState .transaction-overview-navigation,
.onCustomerDocumentPrintState .transaction-overview-navigation,
.onPromissoryNotePrintState .transaction-overview-navigation {
  border: 0px solid #dedede;
  margin: 0;
}
.onInvoicePrintState .transaction-overview-navigation ul li,
.onInvoicePrintManualState .transaction-overview-navigation ul li,
.onStatementPrintState .transaction-overview-navigation ul li,
.onStatementPrintManualState .transaction-overview-navigation ul li,
.onTransactionPrintState .transaction-overview-navigation ul li,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li,
.onTransactionPrintManualState .transaction-overview-navigation ul li,
.onTransactionEsigViewState .transaction-overview-navigation ul li,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li,
.onPromissoryNotePrintState .transaction-overview-navigation ul li {
  margin: 0;
}
.onInvoicePrintState .transaction-overview-navigation ul li .responses input,
.onInvoicePrintManualState .transaction-overview-navigation ul li .responses input,
.onStatementPrintState .transaction-overview-navigation ul li .responses input,
.onStatementPrintManualState .transaction-overview-navigation ul li .responses input,
.onTransactionPrintState .transaction-overview-navigation ul li .responses input,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li .responses input,
.onTransactionPrintManualState .transaction-overview-navigation ul li .responses input,
.onTransactionEsigViewState .transaction-overview-navigation ul li .responses input,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li .responses input,
.onPromissoryNotePrintState .transaction-overview-navigation ul li .responses input {
  width: auto;
}
.onInvoicePrintState .transaction-overview-navigation ul li a.btn,
.onInvoicePrintManualState .transaction-overview-navigation ul li a.btn,
.onStatementPrintState .transaction-overview-navigation ul li a.btn,
.onStatementPrintManualState .transaction-overview-navigation ul li a.btn,
.onTransactionPrintState .transaction-overview-navigation ul li a.btn,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li a.btn,
.onTransactionPrintManualState .transaction-overview-navigation ul li a.btn,
.onTransactionEsigViewState .transaction-overview-navigation ul li a.btn,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li a.btn,
.onPromissoryNotePrintState .transaction-overview-navigation ul li a.btn,
.onInvoicePrintState .transaction-overview-navigation ul li button.btn,
.onInvoicePrintManualState .transaction-overview-navigation ul li button.btn,
.onStatementPrintState .transaction-overview-navigation ul li button.btn,
.onStatementPrintManualState .transaction-overview-navigation ul li button.btn,
.onTransactionPrintState .transaction-overview-navigation ul li button.btn,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li button.btn,
.onTransactionPrintManualState .transaction-overview-navigation ul li button.btn,
.onTransactionEsigViewState .transaction-overview-navigation ul li button.btn,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li button.btn,
.onPromissoryNotePrintState .transaction-overview-navigation ul li button.btn {
  background: #dedede;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #cccccc;
  color: #333333;
  padding: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.onInvoicePrintState .transaction-overview-navigation ul li a.btn:hover,
.onInvoicePrintManualState .transaction-overview-navigation ul li a.btn:hover,
.onStatementPrintState .transaction-overview-navigation ul li a.btn:hover,
.onStatementPrintManualState .transaction-overview-navigation ul li a.btn:hover,
.onTransactionPrintState .transaction-overview-navigation ul li a.btn:hover,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li a.btn:hover,
.onTransactionPrintManualState .transaction-overview-navigation ul li a.btn:hover,
.onTransactionEsigViewState .transaction-overview-navigation ul li a.btn:hover,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li a.btn:hover,
.onPromissoryNotePrintState .transaction-overview-navigation ul li a.btn:hover,
.onInvoicePrintState .transaction-overview-navigation ul li button.btn:hover,
.onInvoicePrintManualState .transaction-overview-navigation ul li button.btn:hover,
.onStatementPrintState .transaction-overview-navigation ul li button.btn:hover,
.onStatementPrintManualState .transaction-overview-navigation ul li button.btn:hover,
.onTransactionPrintState .transaction-overview-navigation ul li button.btn:hover,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li button.btn:hover,
.onTransactionPrintManualState .transaction-overview-navigation ul li button.btn:hover,
.onTransactionEsigViewState .transaction-overview-navigation ul li button.btn:hover,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li button.btn:hover,
.onPromissoryNotePrintState .transaction-overview-navigation ul li button.btn:hover {
  background: #cccccc;
}
.onInvoicePrintState .transaction-overview-navigation ul li a.btn .por-icon,
.onInvoicePrintManualState .transaction-overview-navigation ul li a.btn .por-icon,
.onStatementPrintState .transaction-overview-navigation ul li a.btn .por-icon,
.onStatementPrintManualState .transaction-overview-navigation ul li a.btn .por-icon,
.onTransactionPrintState .transaction-overview-navigation ul li a.btn .por-icon,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li a.btn .por-icon,
.onTransactionPrintManualState .transaction-overview-navigation ul li a.btn .por-icon,
.onTransactionEsigViewState .transaction-overview-navigation ul li a.btn .por-icon,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li a.btn .por-icon,
.onPromissoryNotePrintState .transaction-overview-navigation ul li a.btn .por-icon,
.onInvoicePrintState .transaction-overview-navigation ul li button.btn .por-icon,
.onInvoicePrintManualState .transaction-overview-navigation ul li button.btn .por-icon,
.onStatementPrintState .transaction-overview-navigation ul li button.btn .por-icon,
.onStatementPrintManualState .transaction-overview-navigation ul li button.btn .por-icon,
.onTransactionPrintState .transaction-overview-navigation ul li button.btn .por-icon,
.onTransactionLabelsPrintManualState .transaction-overview-navigation ul li button.btn .por-icon,
.onTransactionPrintManualState .transaction-overview-navigation ul li button.btn .por-icon,
.onTransactionEsigViewState .transaction-overview-navigation ul li button.btn .por-icon,
.onCustomerDocumentPrintState .transaction-overview-navigation ul li button.btn .por-icon,
.onPromissoryNotePrintState .transaction-overview-navigation ul li button.btn .por-icon {
  font-size: 14px;
}
.transaction-header .purchase-order-num label {
  margin-right: 10px;
}
.transaction-header .purchase-order-num .form-input-container,
.transaction-header .purchase-order-num label {
  float: left !important;
  clear: none !important;
}
.record-damage-btn-container {
  padding-top: 21px;
}
.flyout-content .dgrid-scroller {
  max-height: 50vh;
  max-height: calc(100vh - 215px);
  overflow-y: scroll !important;
}
.right-flyout {
  background: rgba(0, 0, 0, 0.5);
  right: -420px;
  position: absolute;
  top: 8px;
  width: 420px;
  z-index: 1001;
  -webkit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  padding: 8px;
}
.right-flyout .flyout-content {
  background-color: #ffffff;
  padding: 10px;
}
.right-flyout .flyout-content #filter-container {
  display: none;
}
.wrap-content {
  background: #eeeeee;
  border: 1px solid #dddddd;
  padding: 16px;
  clear: both;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.modal-banner {
  padding: 5px;
  text-align: center;
  font-size: 14px;
  background: #dddddd;
  border-bottom: 1px solid #b94a48;
}
iframe {
  border: none !important;
}
.cc-form-auth table table table table:nth-child(1) tbody:nth-child(7) tr:nth-child(3) td:nth-child(2):before {
  content: "Authorization for verification purposes only!  You will not be charged at this time.";
}
.label-for-cc-forms {
  font-size: 12px;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
  font-weight: bold;
}
.split-forms-halves {
  display: inline-block;
  width: 50%;
}
.split-forms-thirds {
  display: inline-block;
  width: 33%;
}
.override-cols {
  padding-right: 10px;
  position: relative;
  width: 100%;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .cc-form {
    margin: 0 !important;
  }
  .cc-form input[type=button] {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-transition: background 0.1s linear;
    -moz-transition: background 0.1s linear;
    -ms-transition: background 0.1s linear;
    -o-transition: background 0.1s linear;
    transition: background 0.1s linear;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .cc-form input[type=button]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .cc-form input[type=button]:hover,
  .cc-form input[type=button]:focus {
    color: #333;
    text-decoration: none;
  }
  .cc-form input[type=button]:active,
  .cc-form input[type=button].active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  }
  .cc-form input[type=button].disabled,
  .cc-form input[type=button][disabled],
  fieldset[disabled] .cc-form input[type=button] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    opacity: 0.65 !important;
    filter: alpha(opacity=65) !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: none 0 1px #000;
    -moz-box-shadow: none 0 1px #000;
    -webkit-box-shadow: none 0 1px #000;
  }
  .cc-form input[type=button] .badge {
    background-color: #b94a48;
    border: 1px solid #f56767;
    border-top-color: #e48162;
    padding: 2px 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  .cc-form input[type=button] .por-icon {
    font-size: 16px;
  }
  .cc-form input[type=button]:hover,
  .cc-form input[type=button]:focus,
  .cc-form input[type=button]:active,
  .cc-form input[type=button].active,
  .open .dropdown-toggle.cc-form input[type=button] {
    color: #fff;
    background-color: #47a447;
    border-color: #398439;
  }
  .cc-form input[type=button]:active,
  .cc-form input[type=button].active,
  .open .dropdown-toggle.cc-form input[type=button] {
    background-image: none;
  }
  .cc-form input[type=button].disabled,
  .cc-form input[type=button][disabled],
  fieldset[disabled] .cc-form input[type=button],
  .cc-form input[type=button].disabled:hover,
  .cc-form input[type=button][disabled]:hover,
  fieldset[disabled] .cc-form input[type=button]:hover,
  .cc-form input[type=button].disabled:focus,
  .cc-form input[type=button][disabled]:focus,
  fieldset[disabled] .cc-form input[type=button]:focus,
  .cc-form input[type=button].disabled:active,
  .cc-form input[type=button][disabled]:active,
  fieldset[disabled] .cc-form input[type=button]:active,
  .cc-form input[type=button].disabled.active,
  .cc-form input[type=button][disabled].active,
  fieldset[disabled] .cc-form input[type=button].active {
    background-color: #5cb85c;
    border-color: #4cae4c;
  }
  .cc-form tr:first-child td:only-child {
    padding-left: 10px;
  }
  .cc-form table:first-of-type tr:first-child td:only-child {
    display: none;
  }
  .cc-form table {
    border: transparent;
  }
  .cc-form table tr:first-child td:only-child {
    display: inherit;
  }
  .cc-form table table {
    border: transparent;
  }
  .cc-form table table tr:first-child td:only-child {
    display: inherit !important;
  }
  .cc-form table table table tr:nth-child(1) td:only-child {
    display: none !important;
  }
  .cc-form table table tr:nth-child(1) table {
    background: #f4f4f4;
    border: 1px solid #dddddd;
  }
  .cc-form table table tr:nth-child(1) table table {
    border: none;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr td {
    padding-right: 10px;
    position: relative;
    width: 100%;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr td input {
    margin-bottom: 10px;
    width: 260px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr td img[src="images/required.gif"] {
    position: absolute;
    top: 8px;
    left: 90px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child:before {
    content: "Card Number ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child input ~ img,
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child:before {
    content: "Expiration Date (MMYY) ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child input ~ img,
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child select ~ img {
    left: 145px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child:before {
    content: "Amount";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child input ~ img,
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child select ~ img {
    left: 60px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td input ~ img[src="images/required.gif"][src="images/required.gif"][src="images/required.gif"] {
    left: 180px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child:before {
    content: "CVV2 ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child input ~ img,
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) + tr {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table {
    background: #f4f4f4;
    border: 1px solid #dddddd;
  }
  .cc-form table table tr:nth-child(2) table table {
    border: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) {
    width: 100%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr td {
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    width: 100%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr td input {
    margin-bottom: 10px;
    width: 260px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr td input ~ img {
    position: absolute;
    top: 8px;
    left: 80px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child:before {
    content: "Company ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(1) td input {
    width: 560px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child:before {
    content: "First Name ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(2) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child:before {
    content: "Last Name ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child:before {
    content: "Street Address (Line 1) ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(4) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(5) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(5) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(5) td:last-child:before {
    content: "Street Address (Line 2) ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(5) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(5) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) {
    display: inline-block;
    width: 33%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) td:last-child:before {
    content: "City ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(6) td input {
    width: 170px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) {
    display: inline-block;
    width: 33%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) td:last-child:before {
    content: "State/Province ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(7) td input {
    width: 170px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) {
    display: inline-block;
    width: 33%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) td:last-child:before {
    content: "Postal Code ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(8) td input {
    width: 165px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) {
    display: inline-block;
    margin-bottom: 8px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) td:last-child:before {
    content: "Country ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(9) td select {
    width: 560px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(10) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(10) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(10) td:last-child:before {
    content: "Phone Number ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(10) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(10) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) {
    display: inline-block;
    width: 50%;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) td:first-child {
    display: none;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) td:last-child:before {
    content: "Email Address ";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) td:last-child input ~ img,
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) td:last-child select ~ img {
    left: 90px;
  }
  .cc-form table table tr:nth-child(2) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(11) + tr {
    display: none;
  }
  .cc-form-auth table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:first-child {
    display: none;
  }
  .cc-form-auth table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child:before {
    content: "Amount (Authorization Only)";
    font-size: 12px;
    display: inline-block;
    margin-bottom: 5px;
    margin-top: 5px;
    font-weight: bold;
  }
  .cc-form-auth table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child input ~ img,
  .cc-form-auth table table tr:nth-child(1) table tr:nth-of-type(2) td table:nth-of-type(1) tr:nth-of-type(3) td:last-child select ~ img {
    left: 60px;
  }
}
table.customer-table {
  width: auto;
}
td.contract-terms.inline-edit-mode .inline-edit-input-wrapper,
td.coupon-code-td.inline-edit-mode .inline-edit-input-wrapper {
  width: 90%;
  width: calc(100% - 36px);
}
.signature-preview {
  font-family: 'Mrs Saint Delafield', cursive;
  border: 1px solid black;
  font-size: 44px;
  padding: 8px;
}
.signature-preview:empty:before {
  content: "\00a0";
}
[por-popup="sellDigitalSignature"] .small-modal {
  max-width: 450px !important;
}
.transaction-overview .search-list .search-options *,
.transaction-overview .search-list .search-extra *,
.transaction-overview .search-list .search-help-text {
  text-transform: none;
}
.transaction-overview .search-list .search-help-text {
  height: 0.75em;
  margin: 0;
  padding: 0;
  clear: both;
  position: relative;
  top: -6px;
}
.transaction-overview .search-list .search-input {
  padding-left: 0 !important;
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  width: 100%;
  padding-bottom: 8px;
}
.transaction-overview .search-list .search-extra {
  padding-right: 0 !important;
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  width: 25%;
  padding-top: 0px;
  top: 3.5em;
  right: 3em;
  text-align: right;
  position: absolute;
}
@media screen and (max-width: 525px) {
  .transaction-overview .search-list .search-extra {
    padding: 0px !important;
    text-align: center;
    position: static;
    width: 100%;
    min-width: 220px !important;
    float: none;
  }
  .transaction-overview .search-list .search-extra:before,
  .transaction-overview .search-list .search-extra:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .transaction-overview .search-list .search-extra:after {
    clear: both;
  }
  .transaction-overview .search-list .search-extra:before,
  .transaction-overview .search-list .search-extra:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .transaction-overview .search-list .search-extra:after {
    clear: both;
  }
  .transaction-overview .search-list .search-extra:before,
  .transaction-overview .search-list .search-extra:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .transaction-overview .search-list .search-extra:after {
    clear: both;
  }
  .transaction-overview .search-list .search-extra:before,
  .transaction-overview .search-list .search-extra:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .transaction-overview .search-list .search-extra:after {
    clear: both;
  }
  .transaction-overview .search-list .search-extra button {
    width: 10em;
  }
}
.modal-custom-pricing {
  background-color: #FFFCB5;
  border-color: #BFBF58;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  margin-bottom: 8px;
  font-weight: bolder;
}
.preview-thumbnail {
  max-width: 100%;
  max-height: 100%;
}
.photo-previewer {
  margin-bottom: 8px;
}
.photo-previewer .file-uploader-container p {
  margin: 8px 0 0 0;
}
.photo-previewer .file-uploader-container input {
  outline: none;
}
.photo-previewer .or-container {
  color: #999999;
  padding: 5px 0;
  text-align: center;
  vertical-align: middle;
}
.create-new-item-instance {
  background: url('../img/stripe-white-off.png');
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding: 8px;
}
.create-new-item-instance #ItemInstanceEdit {
  display: none;
}
.create-new-item-instance .item-instance-footer-btn {
  text-align: right;
  margin-top: 8px;
  padding-top: 8px;
}
.create-new-rate-scale {
  background: #ffffff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  padding-bottom: 8px;
  padding-top: 8px;
}
.create-new-rate-scale .rate-scale-footer-btn {
  text-align: right;
  margin-top: 8px;
  padding-top: 8px;
}
.create-new-rate-scale .cancel {
  margin-left: 20px;
}
#section1 .inline-edit-modal {
  background: #ffffff;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  padding-bottom: 8px;
  padding-top: 8px;
}
#section1 .inline-edit-modal .rate-scale-footer-btn {
  text-align: right;
  margin-top: 8px;
  padding-top: 8px;
}
#section1 .inline-edit-modal .cancel {
  margin-left: 20px;
}
#section1 .inline-edit-modal legend {
  float: left;
}
.availability-calendar {
  position: relative;
  width: 300px;
}
.availability-calendar .fc .fc-header-space {
  padding-left: 0;
}
.availability-calendar .fc-header {
  clear: both;
  float: left;
  margin-top: 10px;
}
.availability-calendar .fc-header .fc-header-left {
  width: 35%;
}
.availability-calendar .fc-header .fc-header-center {
  width: 16%;
  margin-left: 2%;
  margin-right: 2%;
}
.availability-calendar .fc-header .fc-header-right {
  width: 35%;
}
.availability-calendar .fc-header .fc-header-title h2 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}
.availability-calendar .fc-header .fc-button {
  background: #aaaaaa;
  color: #ffffff;
  font-size: 10px;
  margin-right: 0;
  min-height: 30px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 1px 1px 3px #999999;
  border-right: 1px solid #999999;
}
.availability-calendar .fc-header .fc-button:hover {
  background: #999999;
}
.availability-calendar .fc-header .fc-button:last-child {
  border: none !important;
}
.availability-calendar .fc-header .fc-state-active,
.availability-calendar .fc-header .fc-state-disabled {
  background: #333333;
}
.availability-calendar .fc-header .fc-state-active:hover,
.availability-calendar .fc-header .fc-state-disabled:hover {
  background: #333333;
}
.availability-calendar .fc-header .fc-state-default.fc-corner-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.availability-calendar .fc-header .fc-state-default.fc-corner-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.availability-calendar .fc-widget-content:not(.fc-week):not(.fc-day) {
  border-left: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  width: 465px;
}
.availability-calendar .fc-border-separate th.fc-last,
.availability-calendar .fc-border-separate td.fc-last {
  border-right: 1px solid #aaaaaa;
}
.availability-calendar .fc-widget-header .fc-last {
  border: none;
}
.availability-calendar .fc-day-header {
  background: maroon;
  color: white;
  padding: 4px;
  text-shadow: 1px 1px 3px #999999;
  border-color: transparent;
}
.availability-calendar .fc-grid .fc-day-number {
  float: left;
}
.availability-calendar .fc-event-time,
.availability-calendar .fc-time {
  display: none;
}
.availability-calendar .fc-axis.fc-time {
  display: block;
  width: 36px !important;
}
.availability-calendar .fc-day-number {
  text-align: center;
}
.availability-calendar .fc-event-title,
.availability-calendar .fc-title {
  color: #ffffff;
  font-size: 1.5em;
  text-align: center;
  display: block;
}
.availability-calendar .fc-view-basicWeek .item-unavailable,
.availability-calendar .fc-view-agendaWeek .item-unavailable {
  background: #aaaaaa;
  border: #bbbbbb;
}
.availability-calendar .fc-view-basicWeek .fc-event-vert,
.availability-calendar .fc-view-agendaWeek .fc-event-vert {
  margin: 0 0 10px 25px;
  width: 75px !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
}
.availability-calendar .fc-past {
  background: #f0f1f5;
}
.availability-calendar .fc-view-month .fc-event,
.availability-calendar .fc-content-skeleton .fc-event {
  background: rgba(0, 127, 179, 0.5);
  border: 1px solid #004478;
  border-radius: 5px;
}
.availability-calendar .fc-view-month .item-unavailable.fc-event,
.availability-calendar .fc-content-skeleton .item-unavailable.fc-event {
  background: #bbbbbb !important;
  border: #cccccc !important;
}
.availability-calendar .fc-view-month .event-today.fc-event,
.availability-calendar .fc-content-skeleton .event-today.fc-event {
  background: #004478;
  border: #004478;
}
.availability-calendar .fc-view-month .event-past.fc-event,
.availability-calendar .fc-content-skeleton .event-past.fc-event {
  background: #bbbbbb;
  border: #333333;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.availability-calendar .fc-view-month .event-past.fc-event:before,
.availability-calendar .fc-content-skeleton .event-past.fc-event:before {
  content: "";
}
.availability-calendar .fc-event {
  max-width: none !important;
}
.availability-calendar .fc-time-grid-container {
  height: 335px !important;
}
#itemQuickview ul {
  margin: 0;
  padding: 0;
}
#itemQuickview ul li {
  border-top: 1px solid #cccccc;
  color: #333333;
  display: block;
  list-style: inside none;
  padding: 5px 0;
}
#itemQuickview ul li:first-child {
  border: none;
}
#itemQuickview ul li span.basic-label {
  font-weight: bold;
  color: #999999;
}
#itemQuickview .item-rate-scale-table,
#itemQuickview .quantity-table {
  border-bottom: 1px solid #cccccc;
}
#itemQuickview .item-rate-scale-table thead > tr > th,
#itemQuickview .quantity-table thead > tr > th {
  border-bottom: 1px solid #cccccc;
  color: #999999;
}
#itemQuickview .basic-info,
#itemQuickview .rate-info,
#itemQuickview .quantity-info {
  margin-top: 0 !important;
  min-height: 110px;
}
#itemQuickview .basic-info table,
#itemQuickview .rate-info table,
#itemQuickview .quantity-info table {
  margin-bottom: 8px;
}
#itemQuickview .availability-calendar {
  width: auto;
}
#itemQuickview .availability-calendar .fc-day-number {
  height: 20px;
  width: 20px;
  margin-bottom: 4px;
}
#itemQuickview .availability-calendar .fc-day-content {
  width: 70px;
}
#itemQuickview .availability-calendar .fc-event-title,
#itemQuickview .availability-calendar .fc-title {
  margin: auto;
  /* display: inline; */
}
#itemQuickview .availability-calendar .fc-button {
  padding: 7px 15px;
}
#itemQuickview .field-Deposit,
#itemQuickview .field-MinimumRentalDuration,
#itemQuickview .field-ReplacementCost,
#itemQuickview .field-MaintenanceFee,
#itemQuickview .field-DamageWaiverOverride {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  #itemQuickview .field-Deposit,
  #itemQuickview .field-MinimumRentalDuration,
  #itemQuickview .field-ReplacementCost,
  #itemQuickview .field-MaintenanceFee,
  #itemQuickview .field-DamageWaiverOverride {
    float: left;
    width: 50%;
  }
}
#itemQuickview .extra-rental-details {
  border: 2px solid #dddddd;
  border-radius: 5px;
  padding: 5px 0;
}
#itemQuickview .extra-rental-details:before,
#itemQuickview .extra-rental-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#itemQuickview .extra-rental-details:after {
  clear: both;
}
#itemQuickview .extra-rental-details:before,
#itemQuickview .extra-rental-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#itemQuickview .extra-rental-details:after {
  clear: both;
}
#itemQuickview .extra-rental-details:before,
#itemQuickview .extra-rental-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#itemQuickview .extra-rental-details:after {
  clear: both;
}
#itemQuickview .extra-rental-details:before,
#itemQuickview .extra-rental-details:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#itemQuickview .extra-rental-details:after {
  clear: both;
}
.onItemAddState .create-new-item-instance,
.onItemEditState .create-new-item-instance {
  background: none;
}
.onItemAddState .create-new-item-instance .form-grouping-container + hr,
.onItemEditState .create-new-item-instance .form-grouping-container + hr {
  display: none;
}
.onItemAddState .create-new-item-instance .form-grouping-container .section-records,
.onItemEditState .create-new-item-instance .form-grouping-container .section-records {
  margin-top: 0;
}
.item-rate-scale-edit-container {
  background: #ffffff;
  border: 1px solid #dddddd;
  float: left;
  margin: 8px;
  padding: 8px;
  width: -webkit-calc(50% - 16px);
  width: -moz-calc(50% - 16px);
  width: calc(50% - 16px);
}
.item-rate-scale {
  margin: 8px;
  width: -webkit-calc(100% - 16px);
  width: -moz-calc(100% - 16px);
  width: calc(100% - 16px);
}
.rate-scales-table #filter-container {
  display: none;
}
.current-in-use-record {
  background-color: #cfe9ff !important;
  color: #333333;
}
.current-in-use-record .dgrid-column-CurrentInUse span {
  font-size: 9px;
}
.current-in-use-record.dgrid-selected {
  background-color: #cfe9ff !important;
  color: #333333;
}
.current-in-use-record .dgrid-cell .icon {
  background-image: url('../img/glyphicons-halflings-white.png');
}
.suggested-item-grid .field-Quantity,
.suggested-item-grid .field-Discount {
  width: 150px;
}
.quick-sale th.header-Rate,
.quick-sale th.header-Quantity,
.quick-sale td.field-Quantity,
.quick-sale th.header-TotalFee {
  width: 200px;
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 576px) {
  .inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    margin-right: -15px;
    margin-left: -15px;
  }
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex: 1 0 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 19.25em;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  margin: 0.75rem;
  max-width: 260px;
  min-width: 260px;
  height: 95%;
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card .card-img-top {
  display: block;
  height: 180px;
  max-height: 180px;
  width: 100%;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card .card-body {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1.25rem;
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card .card-body .card-title {
  margin-bottom: 0.75rem;
}
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card .card-body .card-text,
.inventory-availability-calendar .availability-calendar-content .input-holder.item-search-group .card-deck-container .card-deck .card .card-body .card-notes {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar {
  display: flex;
  margin-top: 36px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items {
  border: 1px solid #dddddd;
  padding: 0;
  margin-top: 28px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .inventory-availability-calendar-selected-items-header {
  padding: 12px;
  background: #00324d;
  color: #ffffff;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container {
  height: 100%;
  overflow-y: auto;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container-empty {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 25px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container-empty .no-selected-items-container {
  display: flex;
  align-items: center;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container-empty .no-selected-items-container .item-container-empty-text {
  margin: 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container {
  border-bottom: 1px solid #dddddd;
  padding-top: 6px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 3px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item .selected-inventory-calendar-item-actions,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item .selected-inventory-calendar-item-info {
  display: flex;
  align-items: center;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item .selected-inventory-calendar-item-actions .selected-inventory-item-actions-btn-delete {
  background-color: transparent;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item .selected-inventory-calendar-item-actions .selected-inventory-item-actions-btn-delete .selected-inventory-item-actions-btn-delete-span {
  font-size: 21px;
  margin-left: 0.5rem;
  color: #A63005;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container .selected-inventory-calendar-item .selected-inventory-calendar-item-info .selected-inventory-calendar-img {
  margin-right: 0.5rem;
  max-width: 100px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-selected-items .selected-inventory-calendar-items-container .selected-inventory-calendar-item-container:nth-child(odd) {
  background-color: #f8f8f8;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar {
  position: relative;
  width: auto;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc .fc-header-space {
  padding-left: 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header {
  clear: both;
  float: left;
  margin-top: 10px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-header-left {
  width: 35%;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-header-center {
  width: 16%;
  margin-left: 2%;
  margin-right: 2%;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-header-right {
  width: 35%;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-header-title h2 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 5px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-button {
  background: #aaaaaa;
  color: #ffffff;
  font-size: 10px;
  margin-right: 0;
  min-height: 30px;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  border: none !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: 1px 1px 3px #999999;
  border-right: 1px solid #999999;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-button:hover {
  background: #999999;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-button:last-child {
  border: none !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-active,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-disabled {
  background: #333333;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-active:hover,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-disabled:hover {
  background: #333333;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-default.fc-corner-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-header .fc-state-default.fc-corner-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-widget-content:not(.fc-week):not(.fc-day) {
  border-left: 1px solid #aaaaaa;
  border-bottom: 1px solid #aaaaaa;
  width: 465px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-border-separate th.fc-last,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-border-separate td.fc-last {
  border-right: 1px solid #aaaaaa;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-widget-header .fc-last {
  border: none;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-day-header {
  background: #00324d !important;
  color: white;
  padding: 4px;
  text-shadow: 1px 1px 3px #999999;
  border-color: transparent;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-grid .fc-day-number {
  float: left;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-event-time,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-time {
  display: none;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-axis.fc-time {
  display: block;
  width: 36px !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-day-number {
  text-align: center;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-event-title,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-title {
  color: #ffffff;
  font-size: 1.5em;
  text-align: center;
  display: block;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-basicWeek .item-unavailable,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-agendaWeek .item-unavailable {
  background: #aaaaaa;
  border: #bbbbbb;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-basicWeek .fc-event-vert,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-agendaWeek .fc-event-vert {
  margin: 0 0 10px 25px;
  width: 75px !important;
  opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: 0.7 !important;
  filter: alpha(opacity=70) !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .fc-event {
  background: white;
  border: 1px solid #004478;
  border-radius: 5px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-unavailable.fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-unavailable.fc-event {
  background: #bbbbbb;
  border: #cccccc;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .event-today.fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .event-today.fc-event {
  background: #004478 !important;
  border: #004478 !important;
  color: #ffffff !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .event-past.fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .event-past.fc-event {
  background: #bbbbbb !important;
  border: #333333 !important;
  color: #ffffff !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-available-hm.fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-available-hm.fc-event {
  background-color: transparent;
  border: none;
  height: 18px;
  width: 96%;
  text-align: center;
  display: block;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-available-hm.fc-event .fc-title,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-available-hm.fc-event .fc-title {
  color: #689834 !important;
  text-shadow: none;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-unavailable-hm.fc-event,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-unavailable-hm.fc-event {
  background-color: transparent !important;
  border: none;
  position: absolute;
  height: 18px;
  width: 135px;
  color: #cd0d0a !important;
  z-index: 50;
  text-align: center;
  display: block;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-unavailable-hm.fc-event .fc-title,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-unavailable-hm.fc-event .fc-title {
  color: #cd0d0a !important;
  text-shadow: none;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-pastavailable-hm,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-pastavailable-hm {
  background: #bbbbbb !important;
  border: #333333 !important;
  color: #ffffff !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-pastavailable-hm:before,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-pastavailable-hm:before {
  content: "";
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-view-month .item-pastavailable-hm .fc-content,
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-content-skeleton .item-pastavailable-hm .fc-content {
  display: none;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-event {
  max-width: none !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-time-grid-container {
  height: 335px !important;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .item-picker .availability-calendar .fc-agendaWeek-button {
  visibility: hidden;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key {
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  margin: 1.5em 0 3em;
  padding: 9px;
  border: 1px solid #dddddd;
  border-radius: 7px;
  position: fixed;
  bottom: 5px;
  right: 15px;
  background-color: white;
  z-index: 50;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options {
  list-style: none;
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container span.inventory-availability-calendar-key-icon {
  border: 1px solid #ccc;
  float: left;
  width: 20px;
  height: 20px;
  margin: 2px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container span.inventory-availability-calendar-key-icon.none-available {
  background-color: #A63005;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container span.inventory-availability-calendar-key-icon.some-available {
  background-color: #f0ad4e;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container span.inventory-availability-calendar-key-icon.all-available {
  background-color: #689834;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-component .inventory-availability-calendar-key ul.inventory-availability-calendar-key-options li.inventory-availability-calendar-key-container .inventory-availability-calendar-key-label {
  margin: 0 0 0 0.25em;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals {
  border: 1px solid #dddddd;
  padding: 0;
  margin-top: 28px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals .inventory-availability-calendar-estimated-totals-header {
  padding: 12px;
  background: #00324d;
  color: #ffffff;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals .estimated-totals-container {
  margin: 7px;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals .estimated-totals-container .estimated-totals-item {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 7px 0;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals .estimated-totals-container .estimated-totals-item:nth-child(odd) {
  background-color: #f8f8f8;
}
.inventory-availability-calendar .availability-calendar-content .selected-items-availability-calendar .inventory-availability-calendar-estimated-totals .estimated-totals-container .total-line {
  border-top: solid 2px black;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-confirmation {
  display: flex;
  justify-content: flex-end;
  margin: 3em 0;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-suggested-dates-header {
  padding: 12px;
  background: #00324d;
  color: #ffffff;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container {
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #dddddd;
  padding: 25px;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .suggested-dates-label {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 24px;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .first-available-date-container,
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .suggested-dates-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 3px;
  flex-wrap: wrap;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .suggested-dates-container .suggested-dates-input-container {
  display: flex;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .suggested-dates-container .suggested-dates-input-container .form-group.calendar-form-group.with-icon .datepicker-trigger {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  left: 0;
  top: 0;
  height: 100%;
  width: 15%;
}
.inventory-availability-calendar .availability-calendar-content .inventory-availability-calendar-suggested-dates .availability-calendar-dates-container .suggested-dates-container .suggested-dates-input-container .form-group.calendar-form-group.with-icon.field-StartDate {
  margin-right: 1em;
}
.inventory-availability-calendar .availability-calendar-content .confirm-selected-dates {
  display: flex;
  flex-direction: row-reverse;
  justify-content: right;
  width: 100%;
}
.availability-search-results {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap !important;
  overflow: hidden;
  /** <-- THIS IS NEEDED FOR FF FOR SOME REASON **/
}
.has-flexbox .availability-search-results {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .availability-search-results _:-ms-input-placeholder,
:root .has-flexbox .availability-search-results {
  display: block;
}
.availability-search-results .calendar-item-card-container {
  transition: transform 250ms;
  align-items: stretch;
}
.availability-search-results .dgrid-no-data {
  width: 100%;
}
.availability-search-results .searched-item {
  width: 22em;
  margin: 5px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  display: flex;
  flex: 0 0 19%;
  min-width: 22em;
  flex-direction: column;
}
.availability-search-results .footer {
  padding: 5px;
  align-self: flex-end;
  width: 100%;
  background: #F6F6F6;
  border-top: 1px solid #cccccc;
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.availability-search-results .footer .addToCartBtns .addToCartBtn {
  padding: 3px 12px;
}
.availability-search-results .field {
  margin-top: 5px;
}
.availability-search-results .searched-item-main {
  padding: 10px;
  align-self: flex-start;
  width: 100%;
}
.availability-search-results .searched-item-main h5 {
  margin-bottom: 3px;
}
.availability-search-results .searched-item-main :not(.desc-and-notes-summary).field-DescAndNotes {
  height: auto !important;
}
.availability-search-results .searched-item-main .desc-and-notes-summary {
  position: relative;
  overflow: hidden;
  height: 85px !important;
}
.availability-search-results .searched-item-main .show-more-or-less {
  margin-top: 5px;
}
.availability-search-results .searched-item-main .field-Notes span {
  font-weight: bold;
}
.availability-search-results .searched-item-main h4 {
  display: inline-block;
}
.availability-search-results .por-icon-back-arrow {
  height: 320px;
  width: 30px;
  position: absolute;
  font-size: xxx-large;
  opacity: 75%;
  z-index: 5;
  padding-top: 130px;
  left: 0;
}
.availability-search-results .por-icon-forward-arrow {
  height: 320px;
  width: 30px;
  position: absolute;
  font-size: xxx-large;
  opacity: 75%;
  z-index: 5;
  padding-top: 130px;
  right: 0;
}
.availability-search-results .por-icon-slide-page,
.availability-search-results .por-icon-slide-page-current {
  height: 30px;
  width: 30px;
  position: absolute;
  font-size: large;
  opacity: 75%;
  z-index: 5;
}
.availability-search-results .slider-pagination-container {
  flex: content;
  width: 100%;
  height: 30px;
  position: absolute;
  bottom: -25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.availability-search-results .slider-pagination {
  display: flex;
  float: left;
  height: 30px;
  width: 30px;
}
.create-new-rate-customer {
  border: 1px solid #cccccc;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
  padding: 8px;
}
.disableCompanyCheckbox {
  float: right;
  height: 15px;
  width: 15px;
  -webkit-box-shadow: inset 0 0 0 #000000;
  box-shadow: inset 0 0 0 #000000;
}
#edit-company-holder .inputWrapper + label {
  padding-top: 4px;
  text-align: left;
}
.stateInput {
  margin-left: 56px;
}
.well-srcOnly {
  margin-top: 50px;
}
.calling-code .form-input-container:before {
  content: '+';
}
.onAdmin .panel .panel-heading,
.onAdminDetail .panel .panel-heading {
  background: #007FB3;
  color: #ffffff;
}
.onAdmin .panel.active .panel-heading,
.onAdminDetail .panel.active .panel-heading {
  background: #004478;
  color: #ffffff;
}
.list-group-item {
  padding: 4px 8px;
}
.the-category-item {
  line-height: 2em;
}
.new-category-fields #Name {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
  height: 25px;
  width: 90%;
}
.new-category-fields .buddies {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
  float: left;
  height: 25px;
  width: 10%;
}
#categories-admin {
  clear: both;
  margin-bottom: 8px;
  margin-top: 8px;
}
.inline-editor .delete-btn-inline {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
  float: left;
  width: 5%;
  padding: 8px;
}
.inline-editor .delete-btn-inline .por-icon:before {
  font-size: 14px;
}
.inline-editor .field-inline-edit {
  float: left;
  width: 80%;
}
.inline-editor .save-btn-inline {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
  float: left;
  width: 10%;
  padding: 8px;
}
.inline-editor .cancel-btn-inline {
  padding: 8px;
  font-size: 2em;
}
.darker-warning {
  padding: 8px;
  margin-bottom: 8px;
  margin-top: 8px;
}
.list-group-item {
  cursor: pointer;
}
.list-group-item .the-category-item {
  background: url('../img/bullet.png') 8px center no-repeat;
  padding-left: 5%;
}
.list-group-item .the-category-item:hover {
  background: url('../img/edit.png') 8px center no-repeat;
}
.list-group-item.edit-mode .the-category-item {
  background: url('../img/edit.png') 8px center no-repeat;
}
.list-group-item.edit-mode .form-control {
  border-radius: 0;
  margin: 0;
}
.new-taxrate-fields {
  padding-top: 20px;
}
.new-taxrate-fields #Region {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  float: left;
}
.new-taxrate-fields #Region + .error-flag-wrapper {
  border-radius: 0;
}
.new-taxrate-fields #Rate {
  border-radius: 0 !important;
  border-left: none;
  border-right: none;
  float: left;
  padding-left: 20px;
  padding-right: 40px !important;
}
.new-taxrate-fields #Rate ~ .error-flag-wrapper {
  border-radius: 0;
}
.new-taxrate-fields .buddies {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left: 0;
  float: left;
  height: 34px;
  width: 16.66666667%;
}
.new-taxrate-fields .col-lg-8.col-md-8,
.new-taxrate-fields .col-lg-2.col-md-2 {
  margin: 0;
  padding: 0;
}
[view-company-admin-view] .api-password input {
  cursor: text !important;
}
#taxRates-admin {
  margin-top: 8px;
}
#taxRates-admin .list-group-item {
  cursor: pointer;
}
#taxRates-admin .list-group-item .the-taxrate-item {
  background: url('../img/bullet.png') 8px center no-repeat;
  padding-left: 5%;
}
#taxRates-admin .list-group-item .the-taxrate-item:hover {
  background: url('../img/edit.png') 8px center no-repeat;
}
#taxRates-admin .inline-editor .field-inline-edit {
  float: left;
  width: 85%;
}
#taxRates-admin .inline-editor .save-btn-inline {
  width: 7%;
}
#taxRates-admin .inline-editor .form-control {
  border-radius: 0;
  border-left: none;
  margin: 0;
}
#taxRates-admin .inline-editor .col-lg-8.col-md-8,
#taxRates-admin .inline-editor .col-lg-4.col-md-4 {
  margin: 0;
  padding: 0;
}
.navigateAwayPopup {
  text-align: center;
  position: absolute;
  border: 1px solid gray;
  width: 300px;
  border-radius: 4px;
  left: 50px;
  top: -100px;
  background: white;
  padding: 10px;
  z-index: 6;
}
.newDepreciationRecord {
  background: green;
}
.custom-translation-search-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.custom-translation-search-container .form-group:first-child {
  width: 40%;
}
.custom-translation-search-container .radioBtn {
  float: none!important;
  margin-left: 0!important;
  cursor: pointer;
}
.custom-translation-search-container button {
  margin-left: 25px;
  margin-top: 5px;
}
.custom-translation-search-container .page-is-loading-spinner {
  margin-left: 15px;
  margin-top: 3px;
}
.custom-translation-search-container .page-is-loading-spinner img {
  max-width: 25px;
}
.custom-translation-update-button-container {
  display: flex;
  align-items: center;
  justify-content: start;
}
.custom-translation-update-button-container .page-is-loading-spinner {
  margin-left: 15px;
  margin-top: 3px;
}
.custom-translation-update-button-container .page-is-loading-spinner img {
  max-width: 25px;
}
.phone-control-has-error {
  border-color: #b94a48;
}
.report-links-container > .nav > li.report-link > a:hover {
  /* vail report buttons (overrides default handling for .nav>li>a:hover) */
  background-color: #999999;
}
.report-links-container > .nav {
  margin-bottom: 10px;
}
.reports-list {
  margin: 0;
  padding: 0;
}
.reports-list li {
  list-style: inside none;
}
.reports-list li a {
  display: block;
  padding: 8px 4px;
}
.reports-list_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.reports-list_header .report-search {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  padding-inline-end: 0;
  max-width: 430px;
}
@media (min-width: 768px) {
  .reports-list_header .report-search {
    float: left;
    width: 33.33333333%;
  }
}
.reports-list_header .report-search span.por-icon.por-icon-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
}
@media (max-width: 539px) {
  .reports-list_header .report-search {
    width: 50%;
  }
}
.report-grouping {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
}
.report-grouping .one-quarter.report-section {
  margin-bottom: 2%;
  padding-inline: 0;
}
@media (min-width: 1200px) {
  .report-grouping {
    height: 3400px;
  }
  .report-grouping .report-section {
    width: 24%;
  }
  .report-grouping .report-section:nth-of-type(4n+1) {
    order: 1;
  }
  .report-grouping .report-section:nth-of-type(4n+2) {
    order: 2;
  }
  .report-grouping .report-section:nth-of-type(4n+3) {
    order: 3;
  }
  .report-grouping .report-section:nth-of-type(4n) {
    order: 4;
  }
  .report-grouping .report-section.break {
    flex-basis: 100%;
    width: 1px;
    background-color: #efefef;
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .report-grouping {
    height: 3800px;
  }
  .report-grouping::before,
  .report-grouping::after {
    content: "";
    flex-basis: 100%;
    width: 1px;
    background-color: #efefef;
    order: 2;
  }
  .report-grouping .report-section {
    width: 32%;
  }
  .report-grouping .report-section:nth-child(3n+1) {
    order: 1;
  }
  .report-grouping .report-section:nth-child(3n+2),
  .report-grouping .report-section:nth-child(7) {
    order: 2;
  }
  .report-grouping .report-section:nth-child(3n) {
    order: 3;
  }
  .report-grouping .report-section.break {
    display: none;
  }
}
@media (min-width: 540px) and (max-width: 767px) {
  .report-grouping {
    height: 5000px;
  }
  .report-grouping::after {
    content: "";
    flex-basis: 100%;
    width: 0;
    order: 1;
  }
  .report-grouping .report-section {
    width: 49%;
  }
  .report-grouping .report-section:nth-child(2n+1) {
    order: 1;
  }
  .report-grouping .report-section:nth-child(2n) {
    order: 2;
  }
  .report-grouping .report-section.break {
    display: none;
  }
}
@media (max-width: 539px) {
  .report-grouping {
    height: 7400px;
  }
  .report-grouping .report-section {
    width: 99%;
  }
  .report-grouping .report-section.break {
    display: none;
  }
}
.report-grouping .report-section {
  margin: initial;
}
.report-grouping .report-section .report-internal {
  overflow: hidden;
  border: 1px solid #cccccc;
  margin-bottom: 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.report-grouping .report-section .report-internal dd {
  margin-left: 2em;
  padding-bottom: 8px;
}
.report-grouping .report-section .report-internal .section-title {
  text-transform: capitalize;
  padding: 12px;
  background-color: #595959;
  color: #fff;
  margin-block-end: 0;
}
.report-grouping .report-section .report-internal .sectioning {
  padding: 12px;
}
.report-grouping .report-section:first-child {
  padding-left: 0 !important;
}
.report-grouping .report-section:last-child {
  padding-right: 0 !important;
}
.report-run-button-container {
  display: flex;
}
.report-run-button-container .btn-primary {
  margin: 0 2px 0 2px;
}
.email-dropdown-menu {
  left: inherit;
  top: unset;
}
.reports-results-holder {
  clear: both;
}
.reports-results-holder .wide {
  min-width: 12em;
}
table.result_table {
  border: 1px solid #777777 !important;
  margin-bottom: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
table.result_table thead tr.header {
  background: url('../img/faded-stripe.png') repeat-x bottom left #333333;
  color: #ffffff;
}
table.result_table thead tr th {
  background: #c2d6e4;
  border: 1px solid #bbbbbb !important;
  color: #333333;
  padding: 8px 3px;
}
table.result_table thead tr th.sorting_desc,
table.result_table thead tr th.sorting_asc {
  background-color: #333333 !important;
  color: #ffffff;
}
table.result_table tbody tr td {
  padding: 8px 3px;
}
table.result_table tbody tr td.percentage {
  text-align: right;
}
table.result_table tbody tr td.percentage:after {
  color: #bbbbbb;
  content: "\0025";
  float: right;
  padding-left: 10px;
}
table.result_table tfoot tr {
  background: #ffffff;
}
table.result_table tfoot tr td {
  font-weight: bold;
}
table.result_table tfoot tr td.percentage {
  text-align: right;
}
table.result_table tfoot tr td.percentage:after {
  color: #bbbbbb;
  content: "\0025";
  float: right;
  padding-left: 10px;
}
span.is-favorite {
  color: #ffc300;
}
a.is-favorite {
  color: #0f4060;
}
.favs-grid {
  display: grid;
  grid-auto-flow: column;
}
.favorite-reports {
  border: 1px solid #cccccc;
  overflow-wrap: normal;
}
.favorite-reports .favorite-reports-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem 2rem;
  padding: 10px 0;
  border-radius: 5px;
}
.favorite-reports .favorites-dt-container {
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.favorite-reports .favorites-dt-container .favorites-container {
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-left a.report-title {
  padding: 0;
  margin: 0;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-right {
  gap: 1rem;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-right .favorites-tooltip-container {
  position: relative;
  width: fit-content;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-right .favorites-tooltip-container .favorites-tooltip {
  display: flex;
  justify-content: center;
  align-items: center;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-right .favorites-controls {
  gap: 0.85rem;
}
.favorite-reports .favorites-dt-container .favorites-container .favorite-right .favorites-controls .arrow {
  color: #bbb;
  font-size: 16px;
  margin: 0.5%;
  cursor: pointer;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 718px) {
  .favorite-reports .favorites-dt-container .favorites-container .favorite-right .favorites-controls .arrow {
    transform: rotate(90deg);
  }
}
.favorite-reports h3 {
  grid-column-start: 1;
  grid-column-end: 5;
  margin: 0;
  padding: 0;
}
.favorite-btn {
  margin-left: 30px;
}
.favorite-btn .favorite-selected {
  color: #ffc300;
}
.favorite-btn .por-icon {
  padding-left: 5px;
}
.no-more-faves {
  margin: 1%;
  padding: 1%;
}
.schedule-nav {
  margin-bottom: 10px;
}
.table-info-row {
  background: #efeeee;
  color: #425355;
  display: flex;
  border: solid 1px #bbbbbb;
  flex-wrap: wrap;
}
.table-info-row.rpt-hdr {
  justify-content: space-between;
  border-bottom: 0;
  margin-right: 1px;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.table-info-row.rpt-hdr .rpt-hdr-search {
  display: flex;
  order: 1;
  min-width: 350px;
  margin-right: auto;
}
.table-info-row.rpt-hdr .rpt-hdr-search .dataTables_filter {
  flex-grow: 1;
  min-width: auto;
}
.table-info-row.rpt-hdr .rpt-hdr-search .manage-columns {
  background-image: url(../img/icons/filter-icon.svg) !important;
  background-size: 11px !important;
  background-repeat: no-repeat !important;
  background-color: #cccccc !important;
  border: 1px solid #efefef !important;
  height: 30px !important;
  text-align: right !important;
  background-position-y: 8px !important;
  background-position-x: 6px !important;
  position: relative !important;
  order: 2;
  font: 400 11px system-ui !important;
  color: #425355;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25);
  background-color: #fff !important;
  border-color: #ccc !important;
  box-shadow: none;
  padding-left: 25px;
  min-width: 125px;
  display: inline-block;
  width: auto;
  margin-top: 7px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.table-info-row.rpt-hdr .rpt-hdr-search .manage-columns:hover {
  background-color: #cbcbcb !important;
  color: #0b0b0b;
  border: 1px solid #b5b5b5 !important;
}
.table-info-row.rpt-hdr .rpt-hdr-info {
  order: 3;
  text-align: right;
  margin-left: auto;
}
.table-info-row.rpt-hdr .rpt-hdr-page {
  order: 2;
}
.table-info-row.rpt-hdr .rpt-hdr-page .dataTables_paginate {
  margin: auto;
}
.table-info-row.rpt-hdr .rpt-hdr-page .dataTables_paginate a {
  box-shadow: none;
  border: 1px solid #b5b5b5;
  padding-top: 4px;
  padding-bottom: 7px;
  color: #6f6f6f !important;
}
.table-info-row.rpt-hdr .rpt-hdr-page .dataTables_paginate span a {
  padding-top: 6px;
}
.table-info-row.rpt-footer {
  border-top: 0;
  margin-right: 1px;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
.table-info-row.rpt-footer .rpt-ftr-page a {
  box-shadow: none;
  border: 1px solid #b5b5b5;
  padding-top: 5px;
  padding-bottom: 7px;
  color: #6f6f6f !important;
}
.table-info-row.rpt-footer .rpt-ftr-page span a {
  padding-top: 6px;
}
.table-info-row.rpt-footer .rpt-ftr-info {
  position: absolute;
  right: 11px;
}
.dataTables_info {
  line-height: 2.5em;
  padding: 8px;
}
.popup-manage-columns .action-btn-cancel,
.popup-manage-columns .action-btn-save {
  float: right;
}
.columns-container {
  display: flex;
}
.columns-container .report-column-split {
  margin-right: 10px;
}
.columns-container .report-column-split:last-child {
  margin-right: 0;
}
.columns-container .report-column {
  margin-bottom: 3px;
}
.columns-container .report-column .checkbox {
  text-indent: 0;
  padding-left: 0;
  margin: 3px 10px 3px 0;
}
.dataTables_filter {
  padding: 8px;
  min-width: 300px;
}
.dataTables_filter label {
  display: none;
}
.dataTables_filter input {
  height: 29px !important;
  background-image: url('../img/icons/search-icon.svg') !important;
  background-position: 10px 50% !important;
  background-repeat: no-repeat !important;
  padding-left: 25px !important;
  background-size: 13px !important;
  display: block;
  height: 29px;
  padding: 6px 12px;
  font-size: 11px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) 0 1px #000;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  background: #ffffff;
  height: 34px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.dataTables_filter input:-moz-placeholder {
  color: #cccccc;
}
.dataTables_filter input::-moz-placeholder {
  color: #cccccc;
}
.dataTables_filter input:-ms-input-placeholder {
  color: #cccccc;
}
.dataTables_filter input::-webkit-input-placeholder {
  color: #cccccc;
}
.dataTables_filter input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6) 0 1px #000;
}
.dataTables_filter input[disabled],
.dataTables_filter input[readonly],
fieldset[disabled] .dataTables_filter input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.dataTables_filter input {
  height: auto;
}
.dataTables_filter input[readonly] {
  background-color: #eeeeee;
}
.dataTables_filter input[type="checkbox"],
.dataTables_filter input[type="radio"] {
  height: 13px !important;
  width: 13px !important;
  position: relative;
}
.dataTables_filter input[disabled],
.dataTables_filter input[readonly],
.dataTables_filter input fieldset[disabled] .form-control {
  background: url('../img/bg-hover.png') #e6e6e6 !important;
}
.onReportDetail {
  overflow-x: auto;
}
table thead > tr > td,
.table tbody > tr > td {
  padding: 8px 3px;
}
@media only screen and (max-width: 1000px) {
  .table-info-row.rpt-hdr .rpt-hdr-search {
    margin-right: 5px;
    width: 100%;
  }
  .table-info-row.rpt-footer {
    display: flex;
    justify-content: space-between;
  }
  .table-info-row.rpt-footer .rpt-ftr-page {
    margin: 0;
  }
  .table-info-row.rpt-footer .rpt-ftr-info {
    position: relative;
  }
}
@media only screen and (max-width: 600px) {
  .table-info-row.rpt-hdr .rpt-hdr-search {
    width: 100%;
  }
  .table-info-row.rpt-hdr .dataTables_filter {
    flex-grow: 1;
  }
  .table-info-row.rpt-hdr .manage-columns {
    margin-right: 5px !important;
  }
  .table-info-row.rpt-hdr .rpt-hdr-page {
    margin: auto;
  }
  .table-info-row.rpt-hdr .dataTables_paginate paging_full_numbers {
    padding: 8px 5px;
  }
  .table-info-row.rpt-hdr .rpt-hdr-info {
    margin: auto !important;
  }
  .table-info-row.rpt-footer {
    align-items: center !important;
    justify-content: center !important;
  }
  .table-info-row.rpt-footer paging_full_numbers {
    padding: 8px 5px !important;
  }
  .table-info-row.rpt-footer .rpt-ftr-info {
    margin: auto;
    left: 0;
  }
}
.field-OperatorCount {
  float: left
;
  width: 100%;
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .field-OperatorCount {
    float: left;
    width: 25%;
  }
}
.operator-list {
  position: relative
;
  float: left
;
  width: 100%;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
.operator-list .operator-detail {
  float: left
;
  width: 100%;
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 1em;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 768px) {
  .operator-list .operator-detail {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .operator-list .operator-detail {
    float: left;
    width: 33.33333333%;
  }
}
.operator-list .operator-detail ng-include > div,
.operator-list .operator-detail .ski-detail {
  border: 2px solid #ddd;
  border-radius: 5px;
  padding: 6px;
}
.operator-list > div[ng-repeat] div.operator-detail {
  border-right: dashed darkblue 1px;
}
@media (min-width: 768px) {
  .operator-list > div[ng-repeat]:last-child div.operator-detail,
  .operator-list > div[ng-repeat]:nth-child(2n) div.operator-detail {
    border-right: none;
  }
}
@media (min-width: 992px) {
  .operator-list > div[ng-repeat]:nth-child(2) div.operator-detail,
  .operator-list > div[ng-repeat]:nth-child(4n + 2) div.operator-detail {
    border-right: dashed darkblue 1px;
  }
  .operator-list > div[ng-repeat]:last-child div.operator-detail,
  .operator-list > div[ng-repeat]:nth-child(4n) div.operator-detail {
    border-right: none;
  }
}
[view-ski-operator] .field-Height,
[view-ski-operator] .field-Weight,
[view-ski-operator] .field-Age {
  /*
    .make-xs-column(12);
    .make-sm-column(6);
    */
  width: 33.33%;
  padding-right: 2px;
  float: left;
}
span.display-label {
  display: inline-block;
  width: 12em;
  max-width: 50%;
  text-align: right;
  font-weight: bolder;
}
span.display-label:after {
  content: ":";
  padding-right: 1em;
}
.operator-name-div {
  width: 100%;
  text-align: center;
}
.operator.field-Name {
  font-weight: bolder;
  font-size: 1.5em;
}
.item-history-report {
  margin: 10px;
}
.item-history-report .table-info-row.rpt-footer {
  position: relative;
}
.item-history-report .table-info-row.rpt-footer .rpt-ftr-info {
  right: 0;
}
[view-item-instance-edit] label[for="ShowVendorInfo"] {
  color: #333333;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances {
  border: 1px solid #cccccc;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table {
  width: 100%;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table .dgrid-cell-padding {
  padding: 8px !important;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table .bulk-selected-instance-unobstructed {
  color: #36d30f;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table .bulk-selected-instance-obstructed {
  color: #c50303;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table .make-available-status-conflict {
  color: #c50303;
}
.bulk-edit .bulk-unavailability .bulk-selected-instances .bulk-selected-instances-table .make-available-status-good {
  color: #36d30f;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons {
  display: flex;
  justify-content: flex-end;
  padding: 10px 10px 0 10px;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons > button {
  margin-left: 5px;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.active,
.open .dropdown-toggle.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.active,
.open .dropdown-toggle.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel {
  background-image: none;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.disabled,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel[disabled],
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.disabled:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel[disabled]:hover,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.disabled:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel[disabled]:focus,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.disabled:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel[disabled]:active,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.disabled.active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel[disabled].active,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-cancel.active {
  background-color: #fff;
  border-color: #ccc;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.active,
.open .dropdown-toggle.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.active,
.open .dropdown-toggle.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save {
  background-image: none;
}
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.disabled,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save[disabled],
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.disabled:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save[disabled]:hover,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:hover,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.disabled:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save[disabled]:focus,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:focus,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.disabled:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save[disabled]:active,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save:active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.disabled.active,
.bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save[disabled].active,
fieldset[disabled] .bulk-edit .bulk-unavailability .bulk-unavailability-buttons .bulk-unavailability-button-save.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
[view-item-unavailability] .grid-view .dgrid-row-even.disabled-record {
  background: #f9f7d4;
}
[view-item-unavailability] .grid-view .dgrid-row-odd.disabled-record {
  background: #f5f2be;
}
[view-item-unavailability] .grid-view .dgrid-selected.disabled-record {
  background: #cfe9ff;
}
.item-variant-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.has-flexbox .item-variant-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .item-variant-list _:-ms-input-placeholder,
:root .has-flexbox .item-variant-list {
  display: block;
}
.item-variant-list .item-variant {
  width: 30em;
  border: 1px solid #cccccc;
  display: flex;
  min-width: 30em;
  flex-direction: column;
  min-height: 30em;
}
.item-variant-list .item-variant-create-new {
  border-style: dashed;
  justify-content: center;
  text-align: center;
}
.item-variant-list .item-variant-existing {
  background-color: #e6e6e6;
}
.item-variant-list .item-variant-existing .item-variant-property {
  background-color: #f4f4f4;
}
.item-variant-list .item-variant-property .title-bar {
  border-bottom: 1px solid #cccccc;
  padding: 4px 8px;
}
.item-variant-list .item-variant-property .title-bar:before,
.item-variant-list .item-variant-property .title-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .title-bar:after {
  clear: both;
}
.item-variant-list .item-variant-property .title-bar:before,
.item-variant-list .item-variant-property .title-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .title-bar:after {
  clear: both;
}
.item-variant-list .item-variant-property .title-bar:before,
.item-variant-list .item-variant-property .title-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .title-bar:after {
  clear: both;
}
.item-variant-list .item-variant-property .title-bar:before,
.item-variant-list .item-variant-property .title-bar:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .title-bar:after {
  clear: both;
}
.item-variant-list .item-variant-property .title-bar .item-variant-property-title {
  float: left;
  font-size: 1.5em;
  font-weight: bold;
}
.item-variant-list .item-variant-property .title-bar .item-variant-property-delete {
  float: right;
}
.item-variant-list .item-variant-property .title-bar .item-variant-property-delete .action-btn-delete {
  background: none;
  margin: 0;
  padding: 0;
}
.item-variant-list .item-variant-property .item-variant-property-definition {
  padding: 8px 8px 0;
  border-bottom: 1px solid #cccccc;
}
.item-variant-list .item-variant-property .item-variant-property-definition:before,
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  clear: both;
}
.item-variant-list .item-variant-property .item-variant-property-definition:before,
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  clear: both;
}
.item-variant-list .item-variant-property .item-variant-property-definition:before,
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  clear: both;
}
.item-variant-list .item-variant-property .item-variant-property-definition:before,
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.item-variant-list .item-variant-property .item-variant-property-definition:after {
  clear: both;
}
.item-variant-list .item-variant-values {
  padding: 8px;
  min-height: 19em;
}
.item-variant-list .item-variant-values .item-variant-value-add .action-btn-save {
  width: 100%;
}
.item-variant-list .item-variant-values .item-variant-value-definition {
  position: relative;
  width: calc(100% - 48px);
  display: inline-block;
}
.item-variant-list .item-variant-values .item-variant-value-definition .color-preview {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 18px;
  height: 18px;
}
.item-variant-list .item-variant-values .item-variant-value-delete {
  float: right;
}
.item-variant-list .item-variant-values .item-variant-value-list {
  min-height: calc(100% - 32px);
  padding-bottom: 4px;
}
.specifications {
  padding: 10px;
}
.specifications h4 {
  padding: 10px;
}
.specifications .inline-tooltip {
  background: #cfe9ff;
  padding: 10px;
  margin-bottom: 10px;
}
.specifications .item-variant-value-add {
  margin: 10px;
}
.specifications .item-specification-list {
  align-items: flex-start;
  display: flex;
  margin-bottom: 1rem;
}
.specifications .item-specification-list .item-specification-definition {
  display: flex;
  width: 100%;
  align-items: flex-end;
  max-width: 72rem;
  gap: 1rem;
}
@media screen and (max-width: 625px) {
  .specifications .item-specification-list .item-specification-definition {
    flex-wrap: wrap;
  }
  .specifications .item-specification-list .item-specification-definition .specification-input {
    margin-bottom: 10px;
  }
}
.specifications .item-specification-list .item-specification-definition .field-Field,
.specifications .item-specification-list .item-specification-definition .field-UnitOfMeasurement {
  margin: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder {
  width: max-content;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName {
  margin: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row {
  margin: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row .col-lg-12,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row .col-lg-12,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row .col-lg-12,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row .col-lg-12 {
  padding: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row .col-lg-12 .form-group,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row .col-lg-12 .form-group,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row .col-lg-12 .form-group,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row .col-lg-12 .form-group {
  width: max-content;
  margin: 0;
  height: 34px;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row .checkbox,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row .checkbox,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row .checkbox,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row .checkbox {
  text-indent: 0;
  padding: 7px;
  margin: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row .checkbox span input[type=checkbox] + label,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row .checkbox span input[type=checkbox] + label,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row .checkbox span input[type=checkbox] + label,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row .checkbox span input[type=checkbox] + label {
  padding: 0 !important;
  margin: 0;
}
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-IsStandardField .row .checkbox span input[type=checkbox] + label:before,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-IsStandardField .row .checkbox span input[type=checkbox] + label:before,
.specifications .item-specification-list .item-specification-definition .spec-isStandard-holder .field-InName .row .checkbox span input[type=checkbox] + label:before,
.specifications .item-specification-list .item-specification-definition .spec-inName-holder .field-InName .row .checkbox span input[type=checkbox] + label:before {
  margin-left: 0;
}
.specifications .item-specification-list .item-specification-definition .specification-input {
  margin-left: 0;
  margin: inherit;
}
.specifications .item-specification-list .item-specification-definition .spec-field-holder {
  width: 25%;
}
.specifications .item-specification-list .item-specification-definition .spec-value-holder {
  width: 15%;
}
.specifications .item-specification-list .item-specification-definition .spec-unit-holder {
  width: 20%;
}
.specifications .item-specification-list .item-specification-definition .action-btn.action-btn-delete {
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.specifications .item-specification-list .item-specification-definition .action-btn.action-btn-delete span.por-icon-delete {
  font-size: 14px;
}
[view-item-inventory-log] .dgrid-column-expandtree {
  display: none;
}
[view-item-inventory-log] .inventory-log-row-variant-header .dgrid-cell {
  display: none;
}
[view-item-inventory-log] .inventory-log-row-variant-header .dgrid-column-CustomEdit,
[view-item-inventory-log] .inventory-log-row-variant-header .dgrid-column-expandtree {
  display: table-cell;
}
[view-item-basic-info] button.btn-auto-generate {
  top: 8px;
  right: 10px;
  position: absolute;
}
.apc-popup-el .apc-popup-header {
  width: 100%;
  padding: 10px;
  background-color: #FFF8C4;
  margin-bottom: 20px;
}
.apc-popup-el .inline-alert {
  margin: 0 auto 15px auto;
  text-align: left;
  padding: 15px;
}
.apc-popup-el .modal-alert-header {
  font-weight: bold;
  margin-bottom: 5px;
}
.apc-popup-el .modal-alert-text {
  font-size: 13px;
  line-height: 1.3em;
}
.apc-popup-el .modal-alert-text a {
  font-weight: bold;
  text-decoration: underline;
}
.apc-popup-el .input-holder {
  padding-bottom: 50px;
}
.apc-popup-el .apc-section-header {
  padding: 10px;
  background-color: #FFF8C4;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}
.apc-popup-el .apc-section-header .apc-section-header-text {
  order: 1;
  align-self: flex-start;
  width: 100%;
  font-weight: bold;
}
.apc-popup-el .apc-section-header .apc-section-header-buttons {
  order: 2;
  display: flex;
  justify-content: space-between;
}
.apc-popup-el .apc-section-header .apc-section-header-buttons .emphasize button {
  background: #81bd41;
  color: #ffffff;
}
.apc-popup-el .apc-section-header .apc-section-header-button {
  order: 2;
  align-self: flex-end;
}
.apc-popup-el .apc-section-header .apc-section-header-loader {
  order: 2;
  margin-top: 10px;
}
.apc-popup-el .apc-section-header .apc-section-header-loader .waiting {
  min-height: 40px;
  background-size: contain;
}
.apc-popup-el .apc-check-box {
  display: flex;
  align-items: center;
  width: 100%;
}
.apc-popup-el .apc-check-box .apc-check-box-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  max-width: 10%;
  margin-right: 10px;
}
.apc-popup-el .apc-suggestion {
  margin-bottom: 15px;
}
.apc-popup-el .apc-suggestion .apc-suggestion-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 10px;
  background-color: #DDDDDD;
  font-weight: bold;
}
.apc-popup-el .apc-suggestion .apc-suggestion-title .apc-check-box-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  max-width: 10%;
  margin-right: 10px;
}
.apc-popup-el .apc-suggestion .apc-suggestion-title .apc-suggestion-checkbox {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
  max-width: 10%;
  margin-right: 10px;
}
.apc-popup-el .apc-suggestion .apc-suggestion-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
  padding: 10px;
  background-color: #EEEEEE;
  border-bottom-left-radius: 7px;
  /* Adjust as necessary */
  border-bottom-right-radius: 7px;
  /* Adjust as necessary */
}
.item-bulk-disable .bulk-controls {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.item-bulk-disable .bulk-controls .bulk-buttons {
  margin-left: 10px;
}
.item-bulk-disable .bulk-controls .bulk-buttons .action-btn {
  background: #dddddd;
}
.item-bulk-disable .bulk-controls .bulk-buttons .btn-group {
  margin-left: inherit;
}
.item-bulk-disable .select-all {
  margin: 10px 10px 10px 0;
}
.item-bulk-disable .suggested-item-list,
.item-bulk-disable .kit-component-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 10px 10px;
  justify-content: space-between;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 400px;
  background: #f8f8f8;
}
.item-bulk-disable .suggested-item-list .suggested-item,
.item-bulk-disable .kit-component-list .suggested-item,
.item-bulk-disable .suggested-item-list .kit-component,
.item-bulk-disable .kit-component-list .kit-component {
  border-bottom: 1px solid #efefef;
  padding-top: 10px;
  margin-right: 5px;
  width: 100% !important;
}
.item-bulk-disable .suggested-item-list .suggested-item label,
.item-bulk-disable .kit-component-list .suggested-item label,
.item-bulk-disable .suggested-item-list .kit-component label,
.item-bulk-disable .kit-component-list .kit-component label {
  font-weight: 600;
}
.item-bulk-disable .modal-footer .action-btn {
  font-size: 12px;
  min-width: 40px;
  margin: 0 2px;
}
.item-bulk-disable .modal-footer .action-btn.action-btn-delete {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  margin: 0 4px;
}
.item-bulk-disable .modal-footer .action-btn.action-btn-delete:hover,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete:focus,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete:active,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.active,
.open .dropdown-toggle.item-bulk-disable .modal-footer .action-btn.action-btn-delete {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.item-bulk-disable .modal-footer .action-btn.action-btn-delete:active,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.active,
.open .dropdown-toggle.item-bulk-disable .modal-footer .action-btn.action-btn-delete {
  background-image: none;
}
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.disabled,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete[disabled],
fieldset[disabled] .item-bulk-disable .modal-footer .action-btn.action-btn-delete,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.disabled:hover,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete[disabled]:hover,
fieldset[disabled] .item-bulk-disable .modal-footer .action-btn.action-btn-delete:hover,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.disabled:focus,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete[disabled]:focus,
fieldset[disabled] .item-bulk-disable .modal-footer .action-btn.action-btn-delete:focus,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.disabled:active,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete[disabled]:active,
fieldset[disabled] .item-bulk-disable .modal-footer .action-btn.action-btn-delete:active,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete.disabled.active,
.item-bulk-disable .modal-footer .action-btn.action-btn-delete[disabled].active,
fieldset[disabled] .item-bulk-disable .modal-footer .action-btn.action-btn-delete.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.item-owner-name {
  font-size: 0.5em;
}
[view-item-edit-instances] .dash-help {
  padding: 20px 10px 0;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] {
  padding: 12px;
  background: #f4f4f4;
  border: 1px solid #bbbbbb;
  width: 100%;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view]:after {
  content: "";
  clear: both;
  display: table;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .one-whole.clearfix {
  padding: 0;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .one-whole.clearfix .grid-container .dgrid-header.dgrid-header-row.ui-widget-header {
  top: 0;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .one-half.first-col {
  padding-right: 6px;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .one-half.last-col {
  padding-left: 6px;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] hr {
  display: none;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .rate-scale-grid-container {
  padding: 0;
  margin-bottom: 1rem;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .rate-scale-grid-container .dgrid-cell {
  border-right: 1px solid black;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .rate-scale-grid-container h3.margin-bottom {
  padding-left: 0.1rem;
}
[view-item-edit] .with-horizontal-tabbing .items-wrapper > [c-view] .form-grouping-container .help-text {
  margin-left: 0.65rem;
  text-indent: 0;
}
[view-item-edit] .modal.popup-modal div.checkbox {
  margin: 7px 10px;
  padding: 0;
}
[view-item-edit] .modal.popup-modal div.checkbox span {
  display: flex;
  align-items: center;
}
[view-item-edit] .modal.popup-modal div.checkbox span input[type=checkbox] {
  display: none;
}
[view-item-edit] .modal.popup-modal div.checkbox span input[type=checkbox] + label {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  white-space: nowrap;
  margin: 0;
  padding-left: 1rem;
  width: 100%;
}
[view-item-edit] .modal.popup-modal div.checkbox span input[type=checkbox] + label:before {
  margin: 0;
}
[view-item-edit] .modal.popup-modal .checkbox-wrapper .labeled-second {
  margin-top: 12px;
}
[view-item-edit] .item-attributes {
  border: 1px solid #dddddd;
  padding: 8px;
  margin-bottom: 15px;
}
[view-item-edit] .item-attributes:before,
[view-item-edit] .item-attributes:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-item-edit] .item-attributes:after {
  clear: both;
}
[view-item-edit] .item-attributes:before,
[view-item-edit] .item-attributes:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-item-edit] .item-attributes:after {
  clear: both;
}
[view-item-edit] .item-attributes:before,
[view-item-edit] .item-attributes:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-item-edit] .item-attributes:after {
  clear: both;
}
[view-item-edit] .item-attributes:before,
[view-item-edit] .item-attributes:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-item-edit] .item-attributes:after {
  clear: both;
}
[view-item-edit] .item-attributes button {
  float: right !important;
  float: right;
}
.price-comparison {
  margin-top: 10px;
}
.rate-minimum-table {
  margin-top: 10px;
}
.rate-title {
  text-align: left;
}
.clickRate {
  cursor: pointer;
  color: #0c75b9;
}
.total-awaiting-sync-text {
  color: #1275b9;
}
/* color set 1 */
.tag-bgcolor-1-1,
.tag-bgcolor-default {
  background: #1C7A89;
}
.tag-bgcolor-1-2 {
  background: #4D5A77;
}
.tag-bgcolor-1-3 {
  background: #D54040;
}
.tag-bgcolor-1-4 {
  background: #51B12F;
}
.tag-bgcolor-1-5 {
  background: #F5A623;
}
/* color set 2 */
.tag-bgcolor-2-1 {
  background: #435355;
}
.tag-bgcolor-2-2 {
  background: #945CC4;
}
.tag-bgcolor-2-3 {
  background: #D54040;
}
.tag-bgcolor-2-4 {
  background: #EC9F21;
}
.tag-bgcolor-2-5 {
  background: #5B7D81;
}
/* color set 3 */
.tag-bgcolor-3-1 {
  background: #00AF8D;
}
.tag-bgcolor-3-2 {
  background: #F96302;
}
.tag-bgcolor-3-3 {
  background: #C34646;
}
.tag-bgcolor-3-4 {
  background: #6F7B7F;
}
.tag-bgcolor-3-5 {
  background: #005664;
}
.global-tag {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  margin: 2px;
  border-radius: 3px;
}
[view-admin-tag-man] .centered {
  display: flex;
  align-items: center;
  justify-content: center;
}
[view-admin-tag-man] .min-col-width {
  min-width: 400px;
}
[view-admin-tag-man] .color-swatch {
  height: 18px;
  width: 18px;
}
[view-admin-tag-man] .tag {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  margin: 2px;
  border-radius: 3px;
}
[view-admin-tag-man] .page-title {
  margin: 4px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 10px;
}
[view-admin-tag-man] .wrapper {
  display: flex;
  flex-direction: row;
  margin-top: 20px;
}
[view-admin-tag-man] .wrapper .custom-tags {
  flex-grow: 1;
  border: 1px solid #d3d3d3;
  width: auto;
  margin: 0;
  min-width: 400px;
}
[view-admin-tag-man] .wrapper .custom-tags .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #d3d3d3;
  background: #efefef;
  padding: 4px 8px;
  height: 37px;
}
[view-admin-tag-man] .wrapper .custom-tags .tag-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
[view-admin-tag-man] .wrapper .custom-tags .tag-wrapper .tag-selected {
  transition: none;
  box-shadow: 0 2px 6px #333333;
}
[view-admin-tag-man] .wrapper .custom-tags-merge {
  flex-grow: 1;
  border: 1px solid #d3d3d3;
  width: auto;
  margin: 0;
}
[view-admin-tag-man] .wrapper .custom-tags-merge .tag-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
}
[view-admin-tag-man] .wrapper .tag-editor {
  display: flex;
  flex-direction: column;
  width: 375px;
  flex-basis: 375px;
  flex-shrink: 0;
  min-height: 350px;
  margin-left: 20px;
  padding: 4px 8px;
}
[view-admin-tag-man] .wrapper .tag-editor .form-group {
  margin: 20px 0;
}
[view-admin-tag-man] .wrapper .tag-editor .form-group input {
  height: 32px;
}
[view-admin-tag-man] .wrapper .tag-editor .preview {
  display: flex;
  flex-direction: row;
  height: 80px;
  border: 1px solid #d3d3d3;
}
[view-admin-tag-man] .wrapper .tag-editor .preview .preview-dark {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 50%;
  background-color: #282828;
}
[view-admin-tag-man] .wrapper .tag-editor .preview .preview-dark .tag {
  box-shadow: 0px 3px 5px #2a2929;
}
[view-admin-tag-man] .wrapper .tag-editor .preview .preview-light {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 50%;
  background-color: #ffffff;
}
[view-admin-tag-man] .wrapper .tag-editor .preview .preview-light .tag {
  box-shadow: 0px 3px 5px #dddddd;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-wrapper {
  flex-basis: 150px;
  display: none;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-wrapper .tag-color {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width: 100px;
  border: 1px solid #cccccc;
  padding: 7px;
  border-radius: 3px;
  background-image: linear-gradient(to bottom, #f9f9f9, #ffffff);
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-wrapper .tag-color .color-name {
  margin-left: 10px;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper {
  flex-basis: 180px;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper .form-group {
  margin-top: 0;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper .tag-color-options {
  display: flex;
  flex-wrap: wrap;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper .tag-color-options .color-swatch {
  margin: 2px;
}
[view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper .tag-color-options .color-swatch.tag-color-option-selected {
  box-shadow: 0 2px 6px #333333;
}
[view-admin-tag-man] .wrapper .tag-editor fieldset:disabled .color-swatch[ng-click] {
  cursor: not-allowed;
}
[view-admin-tag-man] .wrapper .tag-editor .footer {
  margin: auto 0 0 auto;
}
[view-admin-tag-man] .wrapper .tag-merger {
  margin-left: 5px;
  padding-top: 0px;
}
[view-admin-tag-man] .wrapper .tag-merger .custom-tags {
  min-width: auto;
  display: flex;
  flex-direction: column;
}
[view-admin-tag-man] .wrapper .tag-merger .custom-tags .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #d3d3d3;
  background: #efefef;
  padding: 4px 8px;
  height: 30px;
  width: 100%;
}
[view-admin-tag-man] .wrapper .tag-special .form-group {
  margin: 5px;
}
[view-admin-tag-man] #tag-delete-confirm .tag-usage,
[view-admin-tag-man] .tag-editor .tag-usage {
  display: flex;
  flex-direction: column;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}
[view-admin-tag-man] #tag-delete-confirm .tag-usage .header,
[view-admin-tag-man] .tag-editor .tag-usage .header {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  border-bottom: 1px solid #d3d3d3;
  background: #efefef;
  font-weight: bold;
  padding: 3px 6px;
}
[view-admin-tag-man] #tag-delete-confirm .tag-usage .tag-usage-wrapper,
[view-admin-tag-man] .tag-editor .tag-usage .tag-usage-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 5px;
}
[view-admin-tag-man] #tag-delete-confirm .tag-usage .tag-usage-wrapper div,
[view-admin-tag-man] .tag-editor .tag-usage .tag-usage-wrapper div {
  margin: 0 auto;
  /* ie */
}
@media screen and (max-width: 768px) {
  [view-admin-tag-man] .wrapper {
    flex-wrap: wrap;
  }
  [view-admin-tag-man] .wrapper .custom-tags {
    min-height: 140px;
    margin-bottom: 20px;
    min-width: initial;
  }
  [view-admin-tag-man] .wrapper .tag-editor {
    margin: 0;
    min-width: initial;
  }
  [view-admin-tag-man] .wrapper button {
    width: initial;
  }
}
@media screen and (max-width: 375px) {
  [view-admin-tag-man] .wrapper .tag-editor .tag-color-section {
    display: block;
  }
  [view-admin-tag-man] .wrapper .tag-editor .tag-color-section .tag-color-options-wrapper {
    margin-top: 15px;
  }
}
.onThemeEditState .select2-results > li:nth-child(1),
.onThemeAddState .select2-results > li:nth-child(1) {
  font-family: "Courgette", cursive;
}
.onThemeEditState .select2-results > li:nth-child(2),
.onThemeAddState .select2-results > li:nth-child(2) {
  font-family: "Sriracha", cursive;
}
.onThemeEditState .select2-results > li:nth-child(3),
.onThemeAddState .select2-results > li:nth-child(3) {
  font-family: "Coda", cursive;
}
.onThemeEditState .select2-results > li:nth-child(4),
.onThemeAddState .select2-results > li:nth-child(4) {
  font-family: "Roboto", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(5),
.onThemeAddState .select2-results > li:nth-child(5) {
  font-family: "Open Sans", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(6),
.onThemeAddState .select2-results > li:nth-child(6) {
  font-family: "Lato", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(7),
.onThemeAddState .select2-results > li:nth-child(7) {
  font-family: "Mina", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(8),
.onThemeAddState .select2-results > li:nth-child(8) {
  font-family: "Noto Sans", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(9),
.onThemeAddState .select2-results > li:nth-child(9) {
  font-family: "Montserrat", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(10),
.onThemeAddState .select2-results > li:nth-child(10) {
  font-family: "Arial", sans-serif;
}
.onThemeEditState .select2-results > li:nth-child(11),
.onThemeAddState .select2-results > li:nth-child(11) {
  font-family: "Helvetica", sans-serif;
}
.theme-picker-container {
  display: flex;
  flex-wrap: wrap;
}
.theme-picker-container .font-container {
  width: 100%;
  justify-content: flex-start;
  align-items: flex-end;
  width: 49%;
  display: flex;
  flex-wrap: wrap;
  margin-right: 1%;
}
.theme-picker-container .font-container:last-child {
  margin-right: 0 !important;
}
.theme-picker-container .font-container .font {
  flex-basis: 100%;
  flex-grow: 1;
  flex-shrink: 1;
}
.theme-picker-container .font-container > button {
  flex-basis: 100px;
  flex-grow: 0;
  flex-shrink: 0;
  height: 34px;
  margin-bottom: 15px;
  margin-left: 5px;
  font-size: 20px;
  background: #e2e2e2;
  font-size: 12px;
  padding: 3px;
  height: 25px;
  font-weight: 600;
  flex-basis: 70px;
  margin-right: 5px;
}
.theme-picker-container div.front-end-colors {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 450px;
  padding: 15px;
  border: 1px solid #E9E9E9;
}
.theme-picker-container div.front-end-colors .field-Name,
.theme-picker-container div.front-end-colors .color-picker-header {
  width: 100%;
  margin: 20px 0 15px;
}
.theme-picker-container div.front-end-colors .color-picker-header {
  margin-top: 30px;
  position: relative;
}
.theme-picker-container div.front-end-colors .color-picker-header h3 {
  display: inline-block;
  background: #fff;
  padding: 5px 15px 0 0;
  z-index: 2;
  position: inherit;
}
.theme-picker-container div.front-end-colors .color-picker-header hr {
  margin: 0;
  position: absolute;
  width: 100%;
  top: 13px;
  z-index: 1;
  border-color: #c5c5c5;
}
.theme-picker-container div.front-end-colors .colorpicker-directive .color-preview {
  border: 1px solid #dddddd;
}
.theme-picker-container div.front-end-colors .color-picker-block {
  margin-right: 10px;
  flex: 1;
  margin-bottom: 20px;
}
.theme-picker-container div.front-end-colors .color-picker-block .control-label .por-icon-helpful-info:before {
  color: #1E81BA;
  font-size: 12px;
}
.theme-picker-container div.front-end-colors .color-picker-block .color-chooser .btn {
  background: #e2e2e2;
  padding: 3px 10px;
  font-weight: 600;
}
.theme-picker-container div.front-end-colors .color-picker-block .color-chooser .btn .sample-box {
  width: 10px;
  height: 10px;
  background: #fff;
  display: inline-block;
  margin-right: 8px;
  line-height: 5px;
  vertical-align: middle;
}
.theme-picker-container div.front-end-colors .color-picker-block .color-chooser .light-theme .sample-box {
  background: #fff;
}
.theme-picker-container div.front-end-colors .color-picker-block .color-chooser .dark-theme .sample-box {
  background: #333;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-PrimaryColor .color-preview {
  background-color: #0b324b;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-PrimaryColor .color-chooser .sample-box {
  background: #0b324b;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-NavBarColor .color-chooser .sample-box {
  background: #143c58;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-TitleHeadingColor .color-chooser .sample-box {
  background: #143c58;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-TagColor .color-chooser .sample-box {
  background: #acddf8;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-ButtonBaseColor .color-chooser .sample-box {
  background: #1f83c8;
}
.theme-picker-container div.front-end-colors .color-picker-block.color-ConversionButtonColor .color-chooser .sample-box {
  background: #1f83c8;
}
.theme-picker-container div.front-end-colors .color-MainColor {
  width: 100%;
  flex: auto;
  background: #F8F8F8;
  padding: 13px;
  margin-bottom: 10px;
  margin: 0 0 25px 0;
}
.theme-picker-container div.front-end-colors .color-MainColor input {
  width: 65% !important;
}
.theme-picker-container div.front-end-colors .color-picker-start {
  display: none;
}
.theme-picker-container div.front-end-example {
  flex: 1;
  flex-direction: column;
  background: #D8D8D8;
  max-width: 500px;
  display: flex;
  padding: 30px;
  margin-left: 10px;
}
.theme-picker-container div.front-end-example .field-ThemeType {
  align-self: center;
}
.theme-picker-container div.front-end-example .example-div {
  width: 375px;
  display: flex;
  background: #fff;
  min-height: 430px;
  flex-direction: column;
  box-shadow: 0px 2px 6px #a6a6a6;
}
.theme-picker-container div.front-end-example .example-div .header {
  height: 40px;
  display: flex;
  justify-content: space-between;
}
.theme-picker-container div.front-end-example .example-div .header .logo {
  width: 90px;
  height: 26px;
  background: #d7d7d7;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  border-radius: 5px;
  margin: 10px 0 0 10px;
}
.theme-picker-container div.front-end-example .example-div .header .start-over {
  width: 90px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.1em;
}
.theme-picker-container div.front-end-example .example-div .header .date-picker-container {
  width: 90px;
  height: 26px;
  background: #0b324b;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  border-radius: 5px;
  margin: 10px 10px 0 0;
}
.theme-picker-container div.front-end-example .example-div .header .bar-code {
  margin: 10px 10px 0 0;
}
.theme-picker-container div.front-end-example .example-div .body-container {
  display: flex;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column {
  width: 90px;
  /* background: #333; */
  height: 280px;
  margin: 10px 0 0 10px;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box {
  border: 1px solid rgba(183, 175, 175, 0.52);
  min-height: 30px;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.categories {
  height: 100px;
  margin-top: 5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.categories ul {
  margin: 0;
  padding: 0;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.categories ul li {
  height: 12px;
  background: rgba(183, 175, 175, 0.52);
  list-style: none;
  margin-top: 3px;
  margin: 5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.categories ul li.active {
  background: #0C75B9;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.tags {
  height: 50px;
  margin-top: 5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.tags ul {
  margin: 5px;
  padding: 0;
}
.theme-picker-container div.front-end-example .example-div .body-container .left-column .box.tags ul li {
  list-style: none;
  height: 10px;
  width: 30px;
  background: #C4E7FA;
  display: block;
  margin-top: 5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column {
  flex-grow: 1;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .heading-bar {
  background-color: rgba(183, 175, 175, 0.52);
  padding: 4px;
  display: inline-block;
  margin: 10px 0 0 10px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .heading-bar h2 {
  font-size: 12px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box {
  padding: 10px;
  border: 1px solid rgba(183, 175, 175, 0.52);
  margin: 10px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-content {
  display: flex;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-content .placeholder-img {
  width: 40px;
  height: 40px;
  background: #f0f0f0;
  padding: 2.5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-content ul.block-row {
  margin: 0 0 0 10px;
  padding: 0;
  flex-grow: 1;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-content ul.block-row li {
  list-style: none;
  background-color: rgba(183, 175, 175, 0.52);
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
  height: 60px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-content ul.block-row li:first-child {
  height: 20px;
  padding-left: 5px;
  padding-top: 3px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-buttons {
  margin-left: 40px;
  margin-top: 5px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-buttons .cart-button {
  display: flex;
  background: #0C75B9;
  width: 70px;
  margin-bottom: 10px;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-buttons .cart-button .qty {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(183, 175, 175, 0.52);
  background: white;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-buttons .tags {
  margin: 0;
  padding: 0;
}
.theme-picker-container div.front-end-example .example-div .body-container .main-column .box .box-buttons .tags li {
  list-style: none;
  height: 10px;
  width: 30px;
  background: #C4E7FA;
  display: inline-block;
}
.theme-picker-container div.front-end-example .example-div .footer {
  height: 90px;
  background: #0b324b;
  line-height: 87px;
  text-align: center;
}
.theme-picker-container div.front-end-example .documents-container .header {
  height: auto;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container {
  display: flex;
  width: 100%;
  padding: 10px;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container .customer-info {
  flex: 1;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container .customer-info p {
  margin-bottom: 1px;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container .contract-dates-container {
  border: 1px solid #d9d5d5;
  flex: 1;
  padding: 0;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container .contract-dates-container .title-bar {
  height: 20px;
}
.theme-picker-container div.front-end-example .documents-container .customer-info-container .contract-dates-container .contract-dates {
  padding: 5px;
}
.theme-picker-container div.front-end-example .documents-container .box {
  padding: 0 !important;
}
.theme-picker-container div.front-end-example .documents-container .box .box-content {
  display: flex;
  flex-direction: column;
}
.theme-picker-container div.front-end-example .documents-container .box .box-content .title-bar {
  background: #333;
  height: 20px !important;
  width: 100%;
}
.theme-picker-container div.front-end-example .documents-container .box .box-content .item {
  height: 20px;
  width: 100%;
  border-bottom: 1px solid #bbb;
}
.theme-picker-container div.front-end-example .documents-container .total-container {
  display: flex;
  margin: 10px;
  height: 110px;
}
.theme-picker-container div.front-end-example .documents-container .total-container > div {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.theme-picker-container div.front-end-example .documents-container .total-container > div .hours {
  height: 100px;
  /* width: 100%; */
  flex: 1;
}
.theme-picker-container div.front-end-example .documents-container .total-container > div .signature {
  height: 100px;
  /* width: 100%; */
  flex: 1;
}
.theme-picker-container div.front-end-example .documents-container .total-container > div .signature > div {
  border-bottom: 1px solid #333;
}
.theme-picker-container div.front-end-example .documents-container .total-container .total {
  flex: 1;
  border: 1px solid #d9d5d5;
  padding: 5px;
  margin-left: 5px;
}
.theme-picker-container div.front-end-example .newlook-container {
  width: 375px;
  display: flex;
  background: #fff;
  min-height: 390px;
  flex-direction: column;
  box-shadow: 0px 2px 6px #a6a6a6;
}
.theme-picker-container div.front-end-example .newlook-container .header {
  height: 64px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.theme-picker-container div.front-end-example .newlook-container .header .logo-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.theme-picker-container div.front-end-example .newlook-container .header .logo-bar .newlook-logo {
  width: 70px;
  height: 26px;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  border-radius: 5px;
  margin: 5px;
  color: #fff;
}
.theme-picker-container div.front-end-example .newlook-container .header .logo-bar .newlook-search {
  width: 200px;
  height: 26px;
  background: #fff;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #000;
  margin: 5px;
}
.theme-picker-container div.front-end-example .newlook-container .header .logo-bar .newlook-date-picker-container {
  width: 70px;
  height: 26px;
  background: #0b324b;
  text-align: center;
  line-height: 27px;
  font-weight: bold;
  border-radius: 5px;
  border: 1px solid #fff;
  margin: 5px;
}
.theme-picker-container div.front-end-example .newlook-container .header .newlook-heading-bar {
  background-color: rgba(183, 175, 175, 0.52);
  padding: 7px;
  display: inline-block;
  margin: 0;
}
.theme-picker-container div.front-end-example .newlook-container .header .newlook-heading-bar h2 {
  font-size: 12px;
  color: #fff;
}
.theme-picker-container div.front-end-example .newlook-container .header .bar-code {
  margin: 10px 10px 0 0;
}
.theme-picker-container div.front-end-example .newlook-container .body-container {
  display: flex;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main {
  flex-grow: 1;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box {
  padding: 10px;
  border: 1px solid rgba(183, 175, 175, 0.52);
  margin: 5px;
  width: 30%;
  float: left;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-content {
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-content .placeholder-img {
  width: 65px;
  height: 65px;
  background: #f0f0f0;
  padding: 2.5px;
  justify-content: center;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-content ul.block-row {
  padding: 10px 0 0 0;
  flex-grow: 1;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-content ul.block-row li {
  list-style: none;
  background-color: rgba(183, 175, 175, 0.52);
  width: 100%;
  margin-bottom: 5px;
  padding: 5px;
  height: 60px;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-content ul.block-row li:first-child {
  height: 20px;
  padding-left: 5px;
  padding-top: 3px;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-buttons {
  margin-top: 5px;
  display: flex;
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
  justify-content: center;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-buttons .cart-button {
  background: #0C75B9;
  margin-bottom: 10px;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-buttons .cart-button .qty {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(183, 175, 175, 0.52);
  background: white;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-buttons .tags {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  margin: 1px;
  padding: 2px;
}
.theme-picker-container div.front-end-example .newlook-container .body-container .newlook-main .box .box-buttons .tags li {
  list-style: none;
  height: 10px;
  width: 25%;
  background: #C4E7FA;
}
.theme-picker-container div.front-end-example .newlook-container .footer {
  height: 90px;
  background: #0b324b;
  line-height: 87px;
  text-align: center;
}
.theme-picker-container div.front-end-example .kiosk-container .header {
  width: 100%;
  height: 50px;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column {
  display: flex;
  flex-direction: initial;
  flex-wrap: wrap;
  padding: 10px;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .heading-bar {
  margin: 0;
  width: 100%;
  margin-bottom: 10px;
  background: none;
  position: relative;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .heading-bar .bar {
  width: 80%;
  background: #d9d5d5;
  position: absolute;
  height: 2px;
  margin: 9%;
  margin-top: 4px;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .heading-bar .steps {
  display: flex;
  justify-content: space-around;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .heading-bar .steps .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d9d5d5;
  z-index: 1;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .box {
  margin: 0;
  flex: 1;
  margin-right: 2%;
  margin-bottom: 2%;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .box:nth-child(odd) {
  margin-right: 0;
}
.theme-picker-container div.front-end-example .kiosk-container .body-container .main-column .box .cart-button {
  height: 20px;
  margin-left: 10px;
}
.advance-mode,
.assignments {
  margin: 30px 0 0 0;
  max-width: 960px;
}
.assignment-label {
  font-weight: bold;
}
.theme-color-swatch {
  height: 15px;
  width: 15px;
  border: 1px solid #333333;
  margin-right: 10px;
  float: left;
}
.por-icon-repeat:before {
  content: "\f01e";
}
.bol-border {
  border: 1px solid black;
}
.bol-nav-links {
  margin-bottom: 10px;
}
.bol-nav-links a.btn {
  background: #dedede;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-right: 1px solid #cccccc;
  color: #333333;
  padding: 8px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.bol-nav-links a.btn:hover {
  background: #cccccc;
}
.bol-nav-links a.btn .por-icon {
  font-size: 14px;
}
div.save-units-container {
  float: left;
  position: relative;
  bottom: 33em;
  left: 74em;
}
div.save-units-container > div,
div.save-units-container > button {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.bill-of-lading {
  width: 800px;
  padding: 0;
  border: 1px solid black;
  font-size: 12px;
}
.bill-of-lading div {
  padding: 0;
  margin: 0;
}
.bill-of-lading .error {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background-color: #d9534f;
  font-size: 1.1em;
  line-height: 1.5em;
}
.bill-of-lading .error[href]:hover,
.bill-of-lading .error[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.bill-of-lading .error:empty {
  display: none;
}
.bill-of-lading .error[href]:hover,
.bill-of-lading .error[href]:focus {
  background-color: #c9302c;
}
.bill-of-lading .bol-writable {
  cursor: pointer;
}
.bill-of-lading .bol-writable textarea {
  width: 100%;
  height: 100%;
}
.bill-of-lading .header-bar {
  display: flex;
  justify-content: center;
  padding: 5px;
  border: 1px solid black;
}
.bill-of-lading .header-bar h1 {
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
  width: 50%;
  font-weight: bold;
}
.bill-of-lading .header-bar h2 {
  display: inline-block;
  font-size: 14px;
  width: 50%;
}
.bill-of-lading h3.section-header {
  background-color: black;
  color: white;
  font-size: 10px;
  width: 100%;
  margin: 0;
  padding: 2px;
}
.bill-of-lading .addresses {
  display: flex;
  justify-content: center;
}
.bill-of-lading .addresses > div {
  width: 50%;
  border: 1px solid black;
}
.bill-of-lading .addresses > div .address {
  padding-left: 2px;
}
.bill-of-lading .addresses > div .address .addr-name {
  font-weight: bold;
}
.bill-of-lading .contract-details {
  display: flex;
  justify-content: center;
}
.bill-of-lading .contract-details > div {
  width: 33.33%;
  min-height: 100px;
  display: inline-block;
  vertical-align: top;
  padding: 2px;
  border: 1px solid black;
}
.bill-of-lading .contract-details > div h4 {
  font-size: 14px;
  font-weight: bold;
}
.bill-of-lading .contract-details > div .details {
  white-space: pre-line;
  width: 100%;
  height: 100%;
}
.bill-of-lading .items {
  width: 100%;
}
.bill-of-lading .items table {
  font-size: 10px;
  width: 100%;
  margin: 0;
}
.bill-of-lading .items table thead {
  border: 1px solid black;
  margin: 0;
}
.bill-of-lading .items table thead th {
  font-weight: bold;
  padding: 2px;
  border-bottom: 1px solid black;
}
.bill-of-lading .items table td {
  border: 1px solid black;
}
.bill-of-lading .totals {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-weight: bold;
  width: 100%;
}
.bill-of-lading .totals > div {
  background-color: #cccccc;
  color: black;
  width: 50%;
  height: 20px;
  margin: 0;
  border: 1px solid black;
  display: flex;
  justify-content: center;
}
.bill-of-lading .totals > div .total-type {
  width: 50%;
  padding-left: 2px;
  text-align: left;
}
.bill-of-lading .totals > div .total-value {
  width: 50%;
  padding-right: 2px;
  text-align: right;
}
.bill-of-lading .handling-units {
  width: 100%;
}
.bill-of-lading .handling-units table {
  font-size: 10px;
  width: 100%;
  margin: 0;
}
.bill-of-lading .handling-units table thead {
  border: 1px solid black;
}
.bill-of-lading .handling-units table thead th {
  border-bottom: 1px solid black;
  font-weight: bold;
  padding: 2px;
}
.bill-of-lading .handling-units table td {
  min-height: 15px;
  border: 1px solid black;
}
.bill-of-lading .info {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: 150px;
}
.bill-of-lading .info .questions {
  width: 66.67%;
  min-height: 150px;
  vertical-align: top;
  border: 1px solid black;
}
.bill-of-lading .info .questions dl {
  padding: 0 2px;
}
.bill-of-lading .info .checkboxes {
  width: 33.33%;
  vertical-align: top;
  min-height: 150px;
  border: 1px solid black;
}
.bill-of-lading .info .checkboxes > div {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 5px;
}
.bill-of-lading .empty-box {
  min-height: 50px;
}
.bill-of-lading .special-requests {
  width: 100%;
  border: 1px solid black;
}
.bill-of-lading .signatures {
  display: flex;
  justify-content: center;
}
.bill-of-lading .signatures > div {
  width: 33.33%;
  border: 1px solid black;
}
.legacy-package-warning {
  padding: 8px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 8px;
  margin-top: 8px;
  border: 1px solid #bce8f1;
}
.company-configuration-top .company-config .photo {
  background: white;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin-bottom: 10px;
}
.company-configuration-top .company-config .photo img {
  max-height: 400px;
  max-width: 100%;
}
.company-configuration-top .company-config .action-btn.accept-btn .fa-check {
  color: #ffffff;
}
.company-configuration-top .report-search {
  padding-right: 0;
}
.company-configuration-top .report-search div.input-group-addon {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: -20px;
  padding-right: 10px;
  text-align: right;
  font-size: 16px;
  float: left;
  top: 31px;
  height: 0;
  z-index: 1;
  background: transparent;
  border: none;
}
.company-configuration-top .report-search input#searchVal {
  border-radius: 20px;
  padding-left: 32px;
}
.company-configuration-top .report-search .clear-search {
  position: relative;
  margin-top: -30px;
  padding-right: 10px;
  text-align: right;
  font-size: 18px;
  float: right;
}
.company-configuration-top .report-search .clear-search .por-icon-clear:before {
  color: #C51D25;
}
.lang-pick .form-group {
  margin: 0;
  padding: 0;
}
.lang-pick .form-group.labelSecondLabel {
  margin: 0;
  padding: 0;
}
.lang-pick .form-group .form-group.labeled-second.labeled-second.labeled-second {
  margin: 0;
  padding: 0;
}
.lang-label {
  padding: 5px;
}
.lang-label img {
  margin-left: 4px;
}
.searching-config .one-third,
.searching-config .one-half,
.searching-config .one-quarter {
  float: none !important;
  margin-left: auto;
  margin-right: auto;
}
.searching-config .one-third .search-hide,
.searching-config .one-half .search-hide,
.searching-config .one-quarter .search-hide {
  display: none !important;
}
.searching-config .search-hide {
  display: none !important;
}
.single-setting > .form-group {
  margin: 1px;
}
.single-setting.one-third.well {
  padding: 5px !important;
}
.single-setting.one-third.well:before,
.single-setting.one-third.well:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.single-setting.one-third.well:after {
  clear: both;
}
.single-setting.one-third.well:before,
.single-setting.one-third.well:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.single-setting.one-third.well:after {
  clear: both;
}
.single-setting.one-third.well:before,
.single-setting.one-third.well:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.single-setting.one-third.well:after {
  clear: both;
}
.single-setting.one-third.well:before,
.single-setting.one-third.well:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.single-setting.one-third.well:after {
  clear: both;
}
.single-setting.one-third.well:after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
  background: transparent;
  float: none;
  clear: both;
}
.single-setting.one-third.well .action-btn-save {
  float: right !important;
  float: right;
}
.onCurrentCompanyFrontEndState .file-previewer,
.onCurrentCompanyFrontEndState .photo-previewer {
  display: flex;
}
.onCurrentCompanyFrontEndState .file-previewer div,
.onCurrentCompanyFrontEndState .photo-previewer div {
  flex-grow: 1;
}
.onCurrentCompanyFrontEndState .file-previewer a.delete-file,
.onCurrentCompanyFrontEndState .photo-previewer a.delete-file {
  display: block;
  margin-top: 2.5em;
}
.onCurrentCompanyFrontEndState .vanityurls-container .vanityurls-wrapper {
  border: 1px solid #bfbfbf;
  border-radius: 5px;
}
.onCurrentCompanyFrontEndState .vanityurls-container .vanityurls-wrapper .checkbox-wrapper.labelSecondLabel {
  margin-block-end: 0;
}
.onCurrentCompanyFrontEndState .vanityurls-container .vanityurls-wrapper .form-grouping-container {
  background: transparent !important;
  border: none;
  padding-inline: 1.5em;
}
.onCurrentCompanyFrontEndState .vanityurls-container .vanityurls-wrapper .form-grouping-container input#CustomHost[readonly] {
  background: transparent !important;
  border-color: transparent;
  box-shadow: none;
  padding-inline: 0;
  width: fit-content;
}
.onCurrentCompanyFrontEndState .vanityurls-container .checkbox-wrapper.labelSecondLabel .labeled-second {
  border: none;
}
.onCurrentCompanyFrontEndState .vanity-url-setup {
  margin: 1em;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-info {
  padding-bottom: 8px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-info .domain-info-input-container {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-info .domain-info-input-container .edit-host {
  background: #f1f2f3;
  text-decoration: underline;
  color: blue;
  padding: 2px 4px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .informational-box {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: baseline;
  margin-block-end: 8px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .informational-box span.por-icon.por-icon-helpful-info {
  color: inherit;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container,
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .subdomain-input-container {
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: flex;
  column-gap: 8px;
  position: relative;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container .edit-subdomain,
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .subdomain-input-container .edit-subdomain {
  border: none;
  background: transparent;
  text-decoration: underline;
  color: blue;
  position: absolute;
  right: 0;
  margin-inline: 0;
  min-width: fit-content;
  height: 100%;
}
@media screen and (max-width: 500px) {
  .onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container .edit-subdomain,
  .onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .subdomain-input-container .edit-subdomain {
    width: initial;
  }
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container .subdomain-input-container.one-quarter {
  padding-inline-end: 0;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container .subdomain-separator-container {
  display: inline-flex;
  align-items: flex-end;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .custom-domain-input-container .subdomain-separator-container p.subdomain-separator {
  margin-block-end: 0;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .domain-input-container {
  padding-inline: 0;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .subdomain-input-container {
  flex-direction: column;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .dns-update-button-wrapper {
  display: flex;
  justify-content: flex-end;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .domain-config .dns-update-button-wrapper .update-custom-host {
  color: white;
  background-color: #595959;
  border-color: #595959;
}
.onCurrentCompanyFrontEndState .vanity-url-setup label {
  font-weight: bold;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .inline-alert {
  text-align: left;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-help {
  display: flex;
  flex-direction: column;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-help .dns-verification-info {
  border-width: 1px;
  border-style: solid;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-help .dns-verification-info > p {
  padding: 0 1em 1em 1em;
  margin: 0 !important;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-help .dns-verification-info p:first-child {
  padding-top: 1em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .inline-tooltip {
  margin-bottom: 1em;
  padding: 1em;
  background: #F3F6F5;
  border: gray;
  border-radius: 9px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-request-button-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  padding-top: 10px;
  justify-content: space-between;
  flex-wrap: wrap;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-request-button-wrapper .dns-request-button {
  padding: 6px 12px;
  width: fit-content;
  color: #fff;
  background-color: #595959;
  border-color: #595959;
  max-height: 38px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper {
  padding-bottom: 10px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning {
  flex-basis: 100%;
  padding: 6px;
  border-radius: 5px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning hr {
  border-top-color: #e6c1c7;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .alert-link {
  color: #953b39;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning [class^="icon-"],
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning [class*=" icon-"] {
  background-image: url('../img/glyphicons-halflings-red.png');
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning > span {
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  margin-right: 0.5em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error.fa-pull-left {
  margin-right: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error.fa-pull-right {
  margin-left: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error.pull-left {
  margin-right: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error.pull-right {
  margin-left: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-warning-wrapper .dns-warning .icon-dns-error:before {
  content: "\f071";
  color: #7e4e0a;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper {
  padding-bottom: 10px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active {
  background-color: #b0dab0;
  color: #266c26;
  flex-basis: 100%;
  padding: 6px;
  border-radius: 5px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active > span {
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  margin-right: 0.5em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active.fa-pull-left {
  margin-right: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active.fa-pull-right {
  margin-left: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active.pull-left {
  margin-right: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active.pull-right {
  margin-left: 0.3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-active-wrapper .dns-active .icon-dns-active:before {
  height: 34px;
  width: 3em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper {
  padding-top: 10px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table {
  table-layout: fixed;
  width: 100%;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table thead tr {
  background: #F3F6F5;
  color: #333;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table tbody tr {
  border-top: 1px solid #D0D0D2;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table th,
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table td {
  padding: 6px 12px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table tr td {
  word-wrap: break-word;
  padding: 1em;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table tr td .dns-record-status {
  text-transform: capitalize;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table tr td:first-child {
  text-align: left;
  text-transform: lowercase;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table .row-even {
  background: #ffffff;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table .unavailable {
  color: #c50303;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table .available {
  color: #36d30f;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-records-table-wrapper table img {
  height: 24px;
  width: 24px;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-button-wrapper {
  display: flex;
  padding-top: 10px;
  justify-content: flex-end;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .dns-verification-button-wrapper .dns-verification-button {
  color: white;
  background-color: #595959;
}
.onCurrentCompanyFrontEndState .vanity-url-setup .dns-verification .page-is-loading-spinner {
  text-align: center;
  padding: 20px;
  padding: 8px;
}
.company-config {
  /**
        Address Dropdown Upload
     */
}
.company-config .file-previewer,
.company-config .photo-previewer {
  display: flex;
}
.company-config .file-previewer div,
.company-config .photo-previewer div {
  flex-grow: 1;
}
.company-config .file-previewer a.delete-file,
.company-config .photo-previewer a.delete-file {
  display: block;
  margin-top: 2.5em;
}
.company-config .sortBox {
  border: 1px solid #cfcfcf;
  background-color: #f4f4f4;
  margin: 16px 16px 16px 0;
}
.company-config .sortBox .countrySelect {
  margin: 5px;
}
.company-config .sortBox .countrySelect .formSelect {
  border: 1px solid #dddddd;
  padding: 2px;
  margin-bottom: 10px;
  margin-top: 8px;
}
.company-config .sortBox .countrySelect input[type="radio"] {
  margin: 5px 3px 10px 15px;
}
.company-config .sortBox #fixedBoundary {
  display: block;
  position: relative;
}
.company-config .sortBox #fixedBoundary .dispHeader {
  display: inline-block;
  margin: 0 0 2px 11px;
}
.company-config .sortBox #fixedBoundary .tableGrid {
  width: 100%;
}
.company-config .sortBox #fixedBoundary .tableGrid td.fieldGrid {
  width: 1%;
}
.company-config .sortBox #fixedBoundary .example {
  padding: 30px 50px !important;
  border-top: 1px solid #cfcfcf;
  padding: 15px !important;
  font-size: 12px;
  font-weight: 600;
}
.company-config .sortBox #fixedBoundary .example .exampleAddress {
  display: flex;
}
.company-config .sortBox #fixedBoundary .example .exampleAddress .exampleLine {
  margin: 2px 8px 0px 0px;
}
.company-config .sortBox #fixedBoundary .addressList {
  border-top: 1px solid #cfcfcf;
  width: 100%;
  padding: 2px 8px;
  min-height: 38px;
}
.company-config .sortBox #fixedBoundary .addressList .addressField {
  border-radius: 4px;
  height: 34px;
  margin-right: 8px;
  text-align: center;
  width: 2.5em;
}
.company-config .sortBox #fixedBoundary .addressList .innerAddressField {
  margin-left: 8px;
}
.company-config .sortBox #fixedBoundary .addressList .addressLine {
  flex-grow: 1;
}
.company-config .sortBox #dragdropBoundary {
  display: block;
  position: relative;
  cursor: grab;
}
.company-config .sortBox #dragdropBoundary .displayOrderList {
  width: 100%;
  border-bottom: 1px solid #cfcfcf;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .addressList {
  border-top: 1px solid #cfcfcf;
  display: flex;
  width: 100%;
  align-items: center;
  padding: 2px 8px;
  min-height: 38px;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .addressList input {
  margin-right: 8px;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .addressList img {
  order: 2;
  margin-left: auto;
  height: 7px;
  width: 13px;
  opacity: 0.3;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .addressList.selected {
  background: #dbf0fe;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .addressList.selected img {
  opacity: 1;
}
.company-config .sortBox #dragdropBoundary .displayOrderList.as-sortable-dragging {
  border-radius: 0px !important;
}
.company-config .sortBox #dragdropBoundary .displayOrderList.as-sortable-dragging img {
  order: 2;
  margin-left: auto;
  height: 7px;
  width: 13px;
  opacity: 1;
}
.company-config .sortBox #dragdropBoundary .displayOrderList .as-sortable-placeholder {
  margin: 0px !important;
  border-top: 1px solid #cfcfcf;
}
.company-config .sortBox p {
  padding: 10px 10px 0 10px;
}
.company-config .address-dropdown-upload-label {
  padding-top: 10px;
}
.company-config .address-dropdown-upload-label .label {
  font-size: 0.8em;
}
.company-config .address-dropdown-upload-file {
  padding-top: 10px;
}
.company-config .address-dropdown-upload-container {
  padding-bottom: 25px;
}
.company-config .address-dropdown-upload-labels-reset {
  display: flex;
}
.company-config .address-dropdown-upload-labels-container {
  width: 50%;
}
.company-config .address-dropdown-upload-reset-container {
  width: 50%;
}
.company-config .address-dropdown-upload-reset-container button {
  margin-top: 10px;
  float: right;
}
.company-config .external-search-example > div {
  margin-bottom: 10px;
}
.company-config .external-search-example .external-search-example-text {
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 10px;
  background-color: #eee;
  font-family: monospace;
}
.company-config .external-search-mapping .external-search-mapping-input {
  display: flex;
  margin-bottom: 15px;
  justify-content: space-around;
  align-items: flex-end;
}
.company-config .external-search-mapping .external-search-mapping-input > div {
  flex: 1;
}
.company-config .external-search-mapping .external-search-mapping-input > div:last-child {
  margin-left: 15px;
}
.company-config .external-search-mapping .external-search-mapping-input .form-group {
  margin: 0;
}
.company-config .company-hierarchy-relationships-view .sr-button-wrapper {
  margin-bottom: 10px;
}
.company-config .company-hierarchy-relationships-view .accept-btn .fa-check {
  color: green !important;
}
.company-config .company-hierarchy-relationships-view .cancel-btn .fa-ban {
  color: red;
}
.company-config .company-hierarchy-relationships-view .dgrid {
  width: 100%;
  display: table;
}
.company-config .company-hierarchy-relationships-view .unassigned-row {
  font-weight: bold;
}
.company-config .company-hierarchy-relationships-view .form-grouping-container {
  margin-bottom: 15px;
}
.company-config .company-hierarchy-relationships-view .filter-controls-row {
  display: flex;
  gap: 15px;
  margin-bottom: 15px;
}
.company-config .company-hierarchy-relationships-view .filter-controls-row > span {
  flex: 1;
  min-width: 0;
}
.company-config .company-hierarchy-relationships-view .filter-controls-row > span .form-group {
  width: 100%;
  margin-bottom: 0;
}
.company-config .company-hierarchy-relationships-view .filter-controls-row > span .form-group select {
  width: 100%;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector {
  margin-bottom: 15px;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector .form-group {
  margin-bottom: 0;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector .control-label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector .radio-group {
  display: flex;
  gap: 20px;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector .radio-group .radio-inline {
  display: flex;
  align-items: center;
  margin-right: 15px;
  cursor: pointer;
}
.company-config .company-hierarchy-relationships-view .assignment-type-selector .radio-group .radio-inline input[type="radio"] {
  margin-right: 5px;
}
.company-config .company-hierarchy-relationships-view .companies-table,
.company-config .company-hierarchy-relationships-view .relationship-groups-table {
  margin-top: 10px;
}
.field-CompanyHoursDescription div span {
  white-space: pre-wrap;
}
.lang-label {
  padding: 5px;
}
.lang-label img {
  margin-left: 4px;
}
.company-edit-screen .form-grouping-container:after {
  content: ".";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.company-edit-screen .row {
  margin-left: 0;
  margin-right: 0;
}
.company-edit-screen .company-features-block {
  display: flex;
  flex-direction: column;
}
.company-edit-screen .company-features-block .add-feature-block {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.company-edit-screen .company-features-block .add-feature-block a {
  max-height: 30px;
}
.company-edit-screen .company-features-block .add-feature-block > div {
  margin-right: 1em;
  margin-bottom: 0 !important;
}
.company-edit-screen .company-packages-block {
  display: flex;
  flex-direction: column;
}
.company-edit-screen .company-packages-block .add-package-block {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.company-edit-screen .company-packages-block .add-package-block a {
  max-height: 30px;
}
.company-edit-screen .company-packages-block .add-package-block > div {
  margin-right: 1em;
  margin-bottom: 0 !important;
}
.company-edit-screen .feature-name {
  min-width: 25%;
  font-weight: bold;
  text-transform: capitalize;
  padding: 0.5em;
  border-bottom: none;
  margin-bottom: 1em;
}
.company-edit-screen .package-name {
  border-bottom: none;
  margin-bottom: 1em;
  text-transform: none;
}
.company-edit-screen .field-Item {
  float: left;
  width: 75%;
}
.company-edit-screen .field-Quantity {
  float: left;
  width: 25%;
}
.company-edit-screen .company-name {
  font-weight: bolder;
  font-size: 120%;
}
.company-edit-screen .existing-package {
  display: flex;
  min-height: 30px;
  margin-bottom: 2px;
  border: solid 1px;
  border-radius: 5px;
  padding: 2px;
}
.company-edit-screen .existing-package > a,
.company-edit-screen .existing-package > span {
  float: none;
  margin-right: 1em;
}
.company-edit-screen .field-Feature {
  width: 75%;
}
.company-edit-screen .existing-feature {
  display: flex;
  min-height: 25px;
  margin-bottom: 2px;
  border: solid 1px;
  border-radius: 5px;
  padding: 2px;
}
.company-edit-screen .existing-feature .feature-qty {
  min-width: 4em;
}
.company-edit-screen .existing-feature > a,
.company-edit-screen .existing-feature > span {
  float: none;
  padding: 3px;
  margin-right: 1em;
  margin-bottom: 0;
}
.company-edit-screen .external-rms-integration-container .alert {
  float: none;
  position: unset;
  margin-bottom: 14px;
}
div.subject {
  position: relative
;
  float: left
;
  width: 91.66666667%;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  padding: 0px;
  margin: 0px;
}
div.closesubject {
  position: relative
;
  float: left
;
  width: 8.33333333%;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  padding: 0px;
  margin: 0px;
}
.transaction-overview .transaction-overview-navigation ul li a.btn-stripped.dropdown-toggle {
  border-right: none;
  padding-right: 4px;
  padding-left: 8px;
}
.transaction-overview .transaction-overview-navigation ul li ul.dropdown-menu li a {
  text-align: left;
}
.transaction-overview .transaction-overview-navigation ul li a.btn.contract-print {
  padding-left: 0px;
}
.email-customer-popup .form-div {
  clear: both;
}
body.onEsigCounterSignState {
  overflow: hidden;
}
body.onEsigCounterSignState .main-content {
  height: 100vh;
}
body.onEsigCounterSignState #page-wrapper {
  height: 100%;
}
body.onEsigSignState .main-content {
  border: none;
}
body.menu-mode-counter.onEsigSignState .error {
  margin: 10px;
}
body.menu-mode-counter.onEsigSignState .signature-preview-container {
  margin: 10px 0 30px;
}
body.menu-mode-counter.onEsigSignState .signature-preview-container strong {
  margin-bottom: 10px;
  display: block;
}
body.menu-mode-counter.onEsigSignState .signature-preview {
  border: 2px dashed #cfcfcf;
  min-height: 115px;
  padding: 22px;
}
body.auth-application ng-scope menu-mode-counter .control-label {
  margin-bottom: 10px;
}
body.auth-application ng-scope menu-mode-counter .default-terms-container {
  margin-top: 20px;
  margin-bottom: 20px;
}
body.auth-application ng-scope menu-mode-counter .download-button-container {
  margin-bottom: 20px;
}
body.menu-mode-counter.onEsigViewState .page-title {
  margin: 10px 0;
}
body.menu-mode-counter.onEsigViewState .page-icon {
  position: relative;
  height: 30px;
}
body.menu-mode-counter.onEsigViewState .page-icon img {
  width: 40px;
}
body.menu-mode-counter.onEsigViewState .esig-success h3 {
  margin-top: 20px;
  font-size: 14px;
  margin-bottom: 5px;
}
body.menu-mode-counter.onEsigViewState .page-logo {
  width: 100%;
}
body.menu-mode-counter.onEsigViewState .page-logo .esig-title {
  width: 500px;
  margin: auto;
}
body.menu-mode-counter.onEsigViewState .page-logo .esig-logo {
  float: left;
}
body.menu-mode-counter.onEsigViewState .page-logo .company-name {
  width: 300px;
  margin: auto;
}
body.menu-mode-counter.onEsigViewState .main-content {
  border: none;
}
body.menu-mode-counter.onEsigViewState .download-button-container {
  margin: 20px 0;
}
body.menu-mode-counter.onEsigSignState .actions-container .default-terms-container {
  background: #F8FBDF;
  padding: 20px 20px 10px;
  margin: 10px 0 0;
}
body.menu-mode-counter.onEsigSignState .actions-container .legal-terms-container {
  background: #f8fbdf;
  font-weight: bold;
  padding-bottom: 15px;
}
body.menu-mode-counter.onEsigSignState .actions-container .checkbox-wrapper > div {
  margin: 0 !important;
}
body.menu-mode-counter.onEsigSignState .actions-container .checkbox-wrapper > div > div {
  padding: 0 !important;
}
body.menu-mode-counter.onEsigSignState .actions-container .labeled-second {
  margin-top: 0;
  font-size: 2.5em;
}
body.menu-mode-counter.onEsigSignState .actions-container .btn.btn-submit {
  padding: 10px;
  border-radius: 2px;
  background: #2e2e2e;
  color: #ffffff;
  font-weight: normal;
  font-size: 1.5em;
}
body.menu-mode-counter.onEsigSignState .actions-container .btn.btn-submit.btn-success {
  background: #73B52C;
}
body.menu-mode-counter.onEsigSignState .actions-container div.checkbox {
  padding-left: 20px;
  padding-right: 20px;
}
body.auth-application.onEsigAuthState .page-title {
  margin-bottom: 0 !important;
}
body.auth-application.onEsigAuthState .main-content {
  border: none;
}
body.auth-application.onEsigAuthState .esig-auth {
  margin: 20px auto;
  max-width: 600px !important;
  padding: 0 10px;
}
body.auth-application.onEsigAuthState .btn {
  background: #2E2E2E;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  width: 100%;
  max-width: 100px;
}
body.auth-application.onEsigAuthState #universalFooter {
  position: fixed;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode {
  background: #2E2E2E;
  height: 45px;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode ul.main-menu,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode ul.main-menu,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode ul.main-menu {
  padding: 0;
  line-height: 33px;
  height: 45px;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode ul.main-menu li,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode ul.main-menu li,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode ul.main-menu li {
  display: inline-block;
  line-height: 45px;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode ul.main-menu li .esig-text,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode ul.main-menu li .esig-text,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode ul.main-menu li .esig-text {
  font-size: 14px;
  bottom: 0;
  border-left: 1px solid #454545;
  padding-left: 10px;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link {
  padding: 0;
  margin: 0 10px;
}
body.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link img,
body.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link img,
body.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode ul.main-menu li .user-link img {
  height: 20px;
  vertical-align: text-bottom;
}
body.menu-mode-counter.onEsigSignState .page-header,
body.auth-application.onEsigAuthState .page-header,
body.menu-mode-counter.onEsigViewState .page-header {
  color: #fff;
  font-size: 15px;
  margin-bottom: 0;
  margin-top: 44px;
}
body.menu-mode-counter.onEsigSignState .page-header .page-title,
body.auth-application.onEsigAuthState .page-header .page-title,
body.menu-mode-counter.onEsigViewState .page-header .page-title {
  font-size: 15px;
  margin-bottom: 20px;
}
body.menu-mode-counter.onEsigSignState .actions-container,
body.auth-application.onEsigAuthState .actions-container,
body.menu-mode-counter.onEsigViewState .actions-container {
  width: 100%;
  padding: 0 10px;
  font-size: 12px;
}
body.menu-mode-counter.onEsigSignState .actions-container label,
body.auth-application.onEsigAuthState .actions-container label,
body.menu-mode-counter.onEsigViewState .actions-container label {
  margin-bottom: 10px;
}
body.menu-mode-counter.onEsigSignState .actions-container .signature-pad-wrapper,
body.auth-application.onEsigAuthState .actions-container .signature-pad-wrapper,
body.menu-mode-counter.onEsigViewState .actions-container .signature-pad-wrapper {
  border: 2px dashed #cfcfcf;
  min-width: 320px;
  min-height: 250px;
  width: 100%;
}
body.menu-mode-counter.onEsigSignState .actions-container .signature-pad-wrapper .signature-pad-clear,
body.auth-application.onEsigAuthState .actions-container .signature-pad-wrapper .signature-pad-clear,
body.menu-mode-counter.onEsigViewState .actions-container .signature-pad-wrapper .signature-pad-clear {
  color: #F6A623;
}
body.menu-mode-counter.onEsigSignState .actions-container #ActualEmail,
body.auth-application.onEsigAuthState .actions-container #ActualEmail,
body.menu-mode-counter.onEsigViewState .actions-container #ActualEmail,
body.menu-mode-counter.onEsigSignState .actions-container #Signer,
body.auth-application.onEsigAuthState .actions-container #Signer,
body.menu-mode-counter.onEsigViewState .actions-container #Signer {
  font-size: 2em;
  height: 48px;
}
body.menu-mode-counter.onEsigSignState .actions-container .action-buttons,
body.auth-application.onEsigAuthState .actions-container .action-buttons,
body.menu-mode-counter.onEsigViewState .actions-container .action-buttons {
  margin: 15px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}
body.menu-mode-counter.onEsigSignState .actions-container .action-buttons .btn,
body.auth-application.onEsigAuthState .actions-container .action-buttons .btn,
body.menu-mode-counter.onEsigViewState .actions-container .action-buttons .btn {
  padding: 10px 25px;
  border-radius: 2px;
  background: #2e2e2e;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: normal;
  border: none;
}
body.menu-mode-counter.onEsigSignState .actions-container .action-buttons .btn:first-child,
body.auth-application.onEsigAuthState .actions-container .action-buttons .btn:first-child,
body.menu-mode-counter.onEsigViewState .actions-container .action-buttons .btn:first-child {
  margin-right: 3px;
}
body.menu-mode-counter.onEsigSignState .actions-container .action-buttons .btn.btn-success,
body.auth-application.onEsigAuthState .actions-container .action-buttons .btn.btn-success,
body.menu-mode-counter.onEsigViewState .actions-container .action-buttons .btn.btn-success {
  background: #73B52C;
}
body.menu-mode-counter.onEsigSignState .actions-container .action-buttons div.checkbox,
body.auth-application.onEsigAuthState .actions-container .action-buttons div.checkbox,
body.menu-mode-counter.onEsigViewState .actions-container .action-buttons div.checkbox {
  padding-left: 10px;
  padding-right: 20px;
}
body.menu-mode-counter.onEsigSignState .legal-text-container,
body.auth-application.onEsigAuthState .legal-text-container,
body.menu-mode-counter.onEsigViewState .legal-text-container {
  text-align: center;
  font-size: 13px;
  margin: 10px 0;
  background: #F8FBDF;
  padding: 15px 10px;
}
body.menu-mode-counter.onEsigSignState .type-below-signature,
body.auth-application.onEsigAuthState .type-below-signature,
body.menu-mode-counter.onEsigViewState .type-below-signature {
  margin: 20px 0;
}
body.menu-mode-counter.onEsigSignState .actions-container #Signer,
body.auth-application.onEsigAuthState .actions-container #Signer,
body.menu-mode-counter.onEsigViewState .actions-container #Signer {
  font-size: 1.5em !important;
}
body.menu-mode-counter.onEsigSignState .default-terms-container,
body.auth-application.onEsigAuthState .default-terms-container,
body.menu-mode-counter.onEsigViewState .default-terms-container {
  white-space: inherit;
  text-align: center;
  margin-bottom: 12px;
  font-size: 14px;
}
body.menu-mode-counter.onEsigSignState .legal-terms-container,
body.auth-application.onEsigAuthState .legal-terms-container,
body.menu-mode-counter.onEsigViewState .legal-terms-container {
  text-align: center;
}
body.onEsigCounterSignState,
body.onEsigCounterSignConfigState {
  margin: 0;
  padding: 0;
  overflow: auto;
}
body.onEsigCounterSignState .main-content,
body.onEsigCounterSignConfigState .main-content {
  background-color: #ffffff;
  color: #333;
  border: none;
}
body.onEsigCounterSignState .main-content > div,
body.onEsigCounterSignConfigState .main-content > div {
  overflow: visible;
}
body.onEsigCounterSignState .page-header,
body.onEsigCounterSignConfigState .page-header {
  background-color: #287fc3;
  text-align: center;
  padding: 20px 0 10px;
  margin-top: 0;
  border: none;
}
body.onEsigCounterSignState .page-header h1,
body.onEsigCounterSignConfigState .page-header h1 {
  margin: 20px 0;
  font-size: 16px;
  color: #fff;
}
body.onEsigCounterSignState input,
body.onEsigCounterSignConfigState input,
body.onEsigCounterSignState .form-control,
body.onEsigCounterSignConfigState .form-control {
  height: 35px;
  width: 100%;
  border-radius: 2px;
}
body.onEsigCounterSignState .content-container.counter-sign-config,
body.onEsigCounterSignConfigState .content-container.counter-sign-config {
  max-width: 600px !important;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1em;
  padding-right: 1em;
  margin-top: 40px;
}
body.onEsigCounterSignState .content-container.counter-sign-config label,
body.onEsigCounterSignConfigState .content-container.counter-sign-config label {
  margin-bottom: 10px;
}
body.onEsigCounterSignState .content-container.counter-sign-config label span,
body.onEsigCounterSignConfigState .content-container.counter-sign-config label span {
  font-size: 13px;
}
body.onEsigCounterSignState .content-container.counter-sign-config .form-group,
body.onEsigCounterSignConfigState .content-container.counter-sign-config .form-group {
  margin-bottom: 15px;
}
body.onEsigCounterSignState .content-container.counter-sign-config .form-group.field-Register,
body.onEsigCounterSignConfigState .content-container.counter-sign-config .form-group.field-Register {
  margin: 0;
}
body.onEsigCounterSignState .content-container.counter-sign-config .registers,
body.onEsigCounterSignConfigState .content-container.counter-sign-config .registers {
  margin-top: 40px;
}
body.onEsigCounterSignState .content-container.counter-sign-config .registers .help-text,
body.onEsigCounterSignConfigState .content-container.counter-sign-config .registers .help-text {
  margin-bottom: 15px;
}
body.onEsigCounterSignState .content-container.counter-sign-config .record-actions-for-view-viewEsigCounterSignConfig,
body.onEsigCounterSignConfigState .content-container.counter-sign-config .record-actions-for-view-viewEsigCounterSignConfig {
  margin-top: 20px;
  max-width: 240px;
  padding: 0;
  float: none;
}
body.onEsigCounterSignState .help-text,
body.onEsigCounterSignConfigState .help-text {
  padding-left: 0;
  margin-left: 0;
  color: #333;
  text-indent: 0;
}
body.onEsigCounterSignState .register-line,
body.onEsigCounterSignConfigState .register-line {
  margin-bottom: 0.35em;
  font-size: 15px;
  font-weight: 600;
}
body.onEsigCounterSignState .register-line a,
body.onEsigCounterSignConfigState .register-line a {
  text-decoration: none;
  text-indent: 1em;
  color: #287fc3;
}
body.onEsigCounterSignState .register-line a:hover,
body.onEsigCounterSignConfigState .register-line a:hover,
body.onEsigCounterSignState .register-line a:visited,
body.onEsigCounterSignConfigState .register-line a:visited,
body.onEsigCounterSignState .register-line a:active,
body.onEsigCounterSignConfigState .register-line a:active,
body.onEsigCounterSignState .register-line a:link,
body.onEsigCounterSignConfigState .register-line a:link {
  color: #287fc3;
  text-decoration: none;
}
body.onEsigCounterSignState .new-register,
body.onEsigCounterSignConfigState .new-register {
  margin-top: 20px;
  display: flex;
  align-items: flex-end;
}
body.onEsigCounterSignState .new-register .field-Register,
body.onEsigCounterSignConfigState .new-register .field-Register {
  flex-grow: 1;
  margin-bottom: 0;
}
body.onEsigCounterSignState .new-register button,
body.onEsigCounterSignConfigState .new-register button {
  background: #2E2E2E;
  color: #fff;
  width: 110px;
  height: 34px;
  border: none;
  margin-left: 2px;
  border-radius: 2px;
}
body.onEsigCounterSignState .esig-counter-sign,
body.onEsigCounterSignConfigState .esig-counter-sign {
  width: 100%;
  height: 100%;
  position: relative;
}
body.onEsigCounterSignState .esig-counter-sign .config-link,
body.onEsigCounterSignConfigState .esig-counter-sign .config-link {
  font-size: 25px;
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 99;
  color: #333;
}
body.onEsigCounterSignState .esig-counter-sign .config-link a,
body.onEsigCounterSignConfigState .esig-counter-sign .config-link a {
  z-index: 99;
}
body.onEsigCounterSignState .esig-counter-sign .identification,
body.onEsigCounterSignConfigState .esig-counter-sign .identification {
  text-align: center;
  display: block;
  min-width: 200px;
  min-height: 200px;
  position: absolute;
  -webkit-animation: moveX 6.05s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
  -moz-animation: moveX 6.05s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
  -o-animation: moveX 6.05s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
  animation: moveX 6.05s linear 0s infinite alternate, moveY 6.4s linear 0s infinite alternate;
}
@-webkit-keyframes moveX {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 200px);
  }
}
@-moz-keyframes moveX {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 200px);
  }
}
@-o-keyframes moveX {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 200px);
  }
}
@keyframes moveX {
  from {
    left: 0;
  }
  to {
    left: calc(100% - 200px);
  }
}
@-webkit-keyframes moveY {
  from {
    top: 0;
  }
  to {
    top: calc(100% - 200px);
  }
}
@-moz-keyframes moveY {
  from {
    top: 0;
  }
  to {
    top: calc(100% - 200px);
  }
}
@-o-keyframes moveY {
  from {
    top: 0;
  }
  to {
    top: calc(100% - 200px);
  }
}
@keyframes moveY {
  from {
    top: 0;
  }
  to {
    top: calc(100% - 200px);
  }
}
body.onEsigCounterSignState .esig-counter-sign .identification .counter-sign-logo img,
body.onEsigCounterSignConfigState .esig-counter-sign .identification .counter-sign-logo img {
  max-width: 250px;
  max-height: 100px;
}
body.onEsigCounterSignState .esig-counter-sign .powered-by-image img,
body.onEsigCounterSignConfigState .esig-counter-sign .powered-by-image img {
  height: 24px;
}
body.onEsigCounterSignState [view-top-navbar],
body.onEsigCounterSignConfigState [view-top-navbar],
body.onEsigCounterSignState #universalFooter,
body.onEsigCounterSignConfigState #universalFooter,
body.onEsigCounterSignState [view-top-navbar-expert],
body.onEsigCounterSignConfigState [view-top-navbar-expert] {
  width: 0;
  height: 0;
  overflow: hidden;
}
body.onEsigCounterSignState [view-top-navbar] .lang-link.dropdown,
body.onEsigCounterSignConfigState [view-top-navbar] .lang-link.dropdown,
body.onEsigCounterSignState #universalFooter .lang-link.dropdown,
body.onEsigCounterSignConfigState #universalFooter .lang-link.dropdown,
body.onEsigCounterSignState [view-top-navbar-expert] .lang-link.dropdown,
body.onEsigCounterSignConfigState [view-top-navbar-expert] .lang-link.dropdown {
  display: block;
  position: fixed;
  top: 2.25em;
  right: 6em;
  z-index: 999;
}
body.onEsigCounterSignState [view-top-navbar] .lang-link.dropdown a,
body.onEsigCounterSignConfigState [view-top-navbar] .lang-link.dropdown a,
body.onEsigCounterSignState #universalFooter .lang-link.dropdown a,
body.onEsigCounterSignConfigState #universalFooter .lang-link.dropdown a,
body.onEsigCounterSignState [view-top-navbar-expert] .lang-link.dropdown a,
body.onEsigCounterSignConfigState [view-top-navbar-expert] .lang-link.dropdown a {
  border: none;
}
body.onEsigCounterSignState #page-wrapper,
body.onEsigCounterSignConfigState #page-wrapper,
body.onEsigCounterSignState #main-wrapper,
body.onEsigCounterSignConfigState #main-wrapper,
body.onEsigCounterSignState .main-content,
body.onEsigCounterSignConfigState .main-content {
  width: 100%;
  margin: 0;
  padding: 0;
}
body.onEsigCounterSignState .por-icon-config,
body.onEsigCounterSignConfigState .por-icon-config {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.onEsigCounterSignState .por-icon-config.fa-pull-left,
body.onEsigCounterSignConfigState .por-icon-config.fa-pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-config.fa-pull-right,
body.onEsigCounterSignConfigState .por-icon-config.fa-pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-config.pull-left,
body.onEsigCounterSignConfigState .por-icon-config.pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-config.pull-right,
body.onEsigCounterSignConfigState .por-icon-config.pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-config:before,
body.onEsigCounterSignConfigState .por-icon-config:before {
  content: "\f085";
}
body.onEsigCounterSignState .por-icon-checked,
body.onEsigCounterSignConfigState .por-icon-checked {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.onEsigCounterSignState .por-icon-checked.fa-pull-left,
body.onEsigCounterSignConfigState .por-icon-checked.fa-pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-checked.fa-pull-right,
body.onEsigCounterSignConfigState .por-icon-checked.fa-pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-checked.pull-left,
body.onEsigCounterSignConfigState .por-icon-checked.pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-checked.pull-right,
body.onEsigCounterSignConfigState .por-icon-checked.pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-checked:before,
body.onEsigCounterSignConfigState .por-icon-checked:before {
  content: "\f046";
}
body.onEsigCounterSignState .por-icon-unchecked,
body.onEsigCounterSignConfigState .por-icon-unchecked {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.onEsigCounterSignState .por-icon-unchecked.fa-pull-left,
body.onEsigCounterSignConfigState .por-icon-unchecked.fa-pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-unchecked.fa-pull-right,
body.onEsigCounterSignConfigState .por-icon-unchecked.fa-pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-unchecked.pull-left,
body.onEsigCounterSignConfigState .por-icon-unchecked.pull-left {
  margin-right: 0.3em;
}
body.onEsigCounterSignState .por-icon-unchecked.pull-right,
body.onEsigCounterSignConfigState .por-icon-unchecked.pull-right {
  margin-left: 0.3em;
}
body.onEsigCounterSignState .por-icon-unchecked:before,
body.onEsigCounterSignConfigState .por-icon-unchecked:before {
  content: "\f096";
}
body.onEsigCounterSignState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child,
body.onEsigCounterSignConfigState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child {
  display: flex;
}
body.onEsigCounterSignState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span,
body.onEsigCounterSignConfigState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span {
  flex: 1;
  margin-right: 2px;
}
body.onEsigCounterSignState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span:last-child,
body.onEsigCounterSignConfigState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span:last-child {
  margin-right: 0;
}
body.onEsigCounterSignState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span .action-btn.action-btn-cancel,
body.onEsigCounterSignConfigState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span .action-btn.action-btn-cancel {
  background: #2E2E2E;
  border-radius: 0;
  border: none;
  color: #fff;
  padding: 10px;
  border-radius: 2px;
  width: 100%;
}
body.onEsigCounterSignState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span button,
body.onEsigCounterSignConfigState .record-actions-for-view-viewEsigCounterSignConfig > span:first-child span button {
  background: #2b7fc4;
  color: #fff;
  padding: 10px;
  width: 100%;
  border-radius: 2px;
  border: none;
}
/* ================ arrow animation ================ */
.page-header .arrow {
  position: absolute;
  bottom: 50%;
  left: 50%;
  margin-left: -27px;
  -webkit-animation: bounce 1.3s infinite;
  animation: bounce 1.3s both infinite;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}
@-moz-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}
@-o-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  60% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(15px);
    opacity: 0;
  }
}
/*===================== media queries =======================*/
@media screen and (max-width: 768px) {
  body.onEsigCounterSignConfigState .content-container.counter-sign-config .record-actions-for-view-viewEsigCounterSignConfig {
    max-width: 240px !important;
  }
  button {
    width: initial;
  }
  body.menu-mode-counter.onEsigSignState .actions-container {
    max-width: 700px !important;
  }
  .action-buttons {
    display: flex;
  }
}
@media screen and (max-width: 500px) {
  body.onEsigCounterSignConfigState .content-container.counter-sign-config .record-actions-for-view-viewEsigCounterSignConfig {
    max-width: 100% !important;
    position: fixed;
    bottom: 5px;
    width: calc(100% - 2em);
    display: block;
  }
  button {
    width: 100%;
  }
}
.coupon-code-edit div.form-group.field-Name {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-Name {
    float: left;
    width: 100%;
  }
}
.coupon-code-edit div.form-group.field-ExpirationDate {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-ExpirationDate {
    float: left;
    width: 50%;
  }
}
.coupon-code-edit div.form-group.field-CouponCode {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-CouponCode {
    float: left;
    width: 50%;
  }
}
.coupon-code-edit div.form-group.field-RentalAmount {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-RentalAmount {
    float: left;
    width: 25%;
  }
}
.coupon-code-edit div.form-group.field-RentalPercent {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-RentalPercent {
    float: left;
    width: 25%;
  }
}
.coupon-code-edit div.form-group.field-SalePercent {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-SalePercent {
    float: left;
    width: 25%;
  }
}
.coupon-code-edit div.form-group.field-SaleAmount {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 992px) {
  .coupon-code-edit div.form-group.field-SaleAmount {
    float: left;
    width: 25%;
  }
}
.credit-card-admin .payment-app-info {
  display: flex;
  flex-direction: column;
}
.credit-card-admin .payment-app-info .connect-payment-app-button {
  width: fit-content;
}
.record-actions-for-view-viewTransactionCheckCredit .action-btn-save {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.record-actions-for-view-viewTransactionCheckCredit .action-btn-save .por-icon {
  display: none;
}
.checkCredit-confirm {
  text-align: center;
}
.checkCredit-confirm .checkCredit-cover {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #333333;
  opacity: 0.3;
  z-index: 100000;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.checkCredit-confirm .confirm-modal {
  position: absolute;
  width: 300px;
  top: 75px;
  left: 40px;
  z-index: 100001;
}
.checkCredit-confirm .confirm-modal .confirm-hdr {
  position: relative;
  padding: 10px 5px 5px 5px;
  background: #333333;
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.checkCredit-confirm .confirm-modal .confirm-body {
  padding: 10px;
  position: relative;
  background: #ffffff;
  color: #000000;
}
.checkCredit-confirm .confirm-modal .confirm-ftr {
  padding: 5px 10px 5px 10px;
  text-align: right;
  position: relative;
  background: #ffffff;
  color: #000000;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.checkCredit-confirm .confirm-modal .confirm-ftr .action-btn-save {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.checkCredit-confirm .confirm-modal .confirm-ftr .action-btn-save:hover {
  background-color: #47a447;
  border-color: #398439;
}
.checkCredit {
  min-width: 350px;
}
.checkCredit .action-btn-save {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.checkCredit .action-btn-save:hover {
  background-color: #47a447;
  border-color: #398439;
}
.checkCredit .checkCredit_button {
  text-align: right;
  width: 100%;
}
.checkCredit .checkCredit_label_fe {
  font-weight: bold;
}
.checkCredit .checkCredit_yesNo_radio {
  display: inline;
  margin: 2px 0px 2px 10px;
  font-weight: bold;
}
.checkCredit .checkCredit_business .checkCredit_business_header {
  padding: 0 0 15px;
}
.checkCredit .checkCredit_business .checkCredit_startDiv {
  margin: 15px 0 0 0;
}
.checkCredit .checkCredit_business .checkCredit_business_account_details {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  background: #efefef;
  margin: auto;
  text-align: center;
}
.checkCredit .checkCredit_business .checkCredit_business_account_details .checkCredit_label {
  text-align: right;
  flex-basis: 65%;
  padding-right: 5px;
  font-size: 13px;
}
.checkCredit .checkCredit_business .checkCredit_business_account_details .checkCredit_input {
  text-align: right;
  height: 35px;
  flex-basis: 35%;
  font-size: 14px;
  padding-right: 8px;
  border: 0;
}
.checkCredit .checkCredit_business .checkCredit_business_account_details #checkCredit_currentQuota {
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
.checkCredit .checkCredit_label.error {
  border-color: #b94a48 !important;
}
.checkCredit .checkCredit_input.error {
  border-color: #b94a48 !important;
  border-width: 2 !important;
}
.checkCredit .checkCredit_function {
  width: 100%;
}
.checkCredit .checkCredit_function .checkCredit_description {
  margin: 10px 0 0;
  font-size: 14px;
  padding: 10px 0 10px 0;
}
.checkCredit .checkCredit_function input {
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px;
}
.checkCredit .checkCredit_function .action-btn-save {
  margin-left: auto;
  margin-right: 0;
}
.checkCredit .register-approval-container .checkCredit_business_account_details {
  background: none;
  text-align: left;
}
.checkCredit .register-approval-container .checkCredit_business_account_details .checkCredit_description {
  margin: 0;
  text-align: center;
}
.checkCredit .register-approval-container .checkCredit_business_account_details .checkCredit_description {
  margin: 0;
}
.checkCredit .register-approval-container .checkCredit_business_account_details .checkCredit_business_account_details {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #efefef;
}
.checkCredit .register-approval-container .checkCredit_business_account_details .checkCredit_business_account_details .checkCredit_label {
  flex-basis: 100%;
  text-align: left;
}
.checkCredit .register-approval-container .checkCredit_business_account_details .checkCredit_business_account_details .checkCredit_input {
  width: 100%;
  flex-basis: 100%;
  margin: 0 0 15px;
  border: 1px solid #cccccc;
}
.checkCredit .rejected-container .checkCredit_business_account_details,
.checkCredit .approved-container .checkCredit_business_account_details {
  background: none;
}
.checkCredit .rejected-container .checkCredit_description,
.checkCredit .approved-container .checkCredit_description {
  border: 1px solid #efefef;
  margin-bottom: 10px;
  width: 100%;
}
.custom-question-type {
  padding: 5px 10px 5px 10px;
  border: 1px solid #c0c0c0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.custom-question-type .config {
  padding: 0px 10px 0px 10px;
}
.custom-question-type .config .thinner .form-group {
  margin: 0px;
}
.custom-question-type .config .thinner .radio {
  margin: 0px;
}
[view-customer-edit] .document-progress {
  clear: both;
  padding: 5px;
  margin-bottom: 10px;
  float: none;
}
[view-customer-edit] .duplicate-list {
  border: 1px solid;
  display: inline-block;
  padding: 8px;
}
[view-customer-edit] .location-modal-background {
  overflow: auto;
}
[view-customer-edit] .location-modal-padding {
  padding: 16px 16px 0px 16px;
}
[view-customer-edit] .notes-main-con {
  max-height: 200px;
  overflow: auto;
}
[view-customer-edit] .location-component-header {
  background: url('../img/faded-stripe.png') bottom left repeat-x #333333;
  border: 1px solid transparent;
  color: #ffffff;
  padding: 16px;
  position: relative;
}
[view-customer-edit] .location-component-header:before,
[view-customer-edit] .location-component-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-customer-edit] .location-component-header:after {
  clear: both;
}
[view-customer-edit] .location-component-header:before,
[view-customer-edit] .location-component-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-customer-edit] .location-component-header:after {
  clear: both;
}
[view-customer-edit] .location-component-header:before,
[view-customer-edit] .location-component-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-customer-edit] .location-component-header:after {
  clear: both;
}
[view-customer-edit] .location-component-header:before,
[view-customer-edit] .location-component-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view-customer-edit] .location-component-header:after {
  clear: both;
}
[view-customer-edit] .location-component-header h2.page-title {
  font-size: 16px;
  margin: 0;
}
[view-customer-edit] .location-component-header hr.page-separator {
  display: none;
}
[view-customer-contact-edit] .add-current-btns {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
[view-customer-contact-edit] .edit-add-contact-container {
  max-width: 900px;
  padding: 0;
}
[view-customer-contact-edit] .add-current-cx-btn-container {
  margin: 16px 0 0;
}
[view-customer-contact-edit] .add-current-cx-btn-container button.create-new-customer-button {
  margin: 0 !important;
  height: 42px;
  font-size: 13px;
  padding: 0 12px 0 5px;
}
[view-customer-contact-edit] .section-records {
  padding: 8px 0;
}
[view-customer-contact-edit] .form-group.fullLineLabel {
  margin-top: 12px;
}
[view-customer-contact-edit] .form-group.fullLineLabel [c-transclude].form-input-container.error-feedback {
  width: 100%;
}
[view-customer-contact-edit] .row {
  margin: 0;
}
[view-customer-contact-edit] .row .customer-contact-type {
  width: calc(100% / 2);
}
[view-customer-contact-edit] [view-external-customer-search-results] .card-container .card {
  position: relative;
}
[view-customer-contact-edit] [view-external-customer-search-results] .card-container .card .table-align-top th {
  width: 100px;
}
@media (max-width: 767px) {
  [view-customer-contact-edit] [view-external-customer-search-results] .card-container .card h4.external-customer-search-name {
    margin-bottom: 8px;
  }
  [view-customer-contact-edit] [view-external-customer-search-results] .card-container .card .pull-right {
    position: absolute;
    right: 8px;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  [view-customer-contact-edit] [view-external-customer-search-results] .card-container .card button.btn-import-external-customer {
    min-height: 50px;
    min-width: 70px;
  }
}
.customer-history-row-statement-header.dgrid-row-even {
  background-color: #a2d7f3;
}
.customer-history-row-statement-header.dgrid-row-odd {
  background-color: #7cb6e3;
}
.customer-history-row-statement-header .dgrid-column-selector {
  display: none;
}
.customer-history-row-statement-header .dgrid-expando-icon {
  margin-left: 8px;
}
.customer-history-row-transaction .dgrid-column-expandtree {
  display: none;
}
.customer-history-row-statement-subrow .dgrid-column-selector {
  display: none;
}
[view-customer-history-list] .dgrid-header .dgrid-column-expandtree {
  display: none;
}
[view-dashboard] .por-icon-warehouse-overbooked {
  height: 1.5em;
}
[view-dashboard] .por-icon-warehouse-overbooked:before {
  content: ' ';
  background-image: url(../img/icons/warehouse-overbooked-icon.svg);
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: 17px auto;
  margin-left: 1px;
}
[view-dashboard] .por-icon-warehouse-overbooked:after {
  content: none;
}
[view-dashboard] .por-icon-overbooked {
  height: 1.5em;
}
[view-dashboard] .por-icon-overbooked:before {
  content: ' ';
  background-image: url(../img/icons/overbooked-icon.svg);
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: 17px auto;
  margin-left: 1px;
}
[view-dashboard] .por-icon-overbooked:after {
  content: none;
}
[view-dashboard] .search-results {
  padding: 8px;
  background-color: lightgreen;
  border-top: 1px solid grey;
  border-right: 1px solid grey;
  border-left: 1px solid grey;
  margin-left: 25px;
  margin-right: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[view-dashboard] .search-results:last-child {
  border-bottom: 1px solid grey;
}
[view-dashboard] .search-results .search-number,
[view-dashboard] .search-results .search-name,
[view-dashboard] .search-results .search-start,
[view-dashboard] .search-results .search-end {
  font-size: medium;
  font-weight: bolder;
  color: black !important;
  margin-right: 2em;
}
[view-dashboard] .search-results .search-number.search-start:after,
[view-dashboard] .search-results .search-name.search-start:after,
[view-dashboard] .search-results .search-start.search-start:after,
[view-dashboard] .search-results .search-end.search-start:after {
  content: " - ";
  display: inline;
  margin-left: 2em;
}
@media screen and (max-width: 768px) {
  [view-dashboard] .search-results .search-number,
  [view-dashboard] .search-results .search-name,
  [view-dashboard] .search-results .search-start,
  [view-dashboard] .search-results .search-end {
    font-size: medium;
    font-weight: bolder;
    color: black !important;
    margin-right: 1em;
  }
  [view-dashboard] .search-results .search-number.search-start:after,
  [view-dashboard] .search-results .search-name.search-start:after,
  [view-dashboard] .search-results .search-start.search-start:after,
  [view-dashboard] .search-results .search-end.search-start:after {
    content: " - ";
    display: inline;
    margin-left: 1em;
  }
}
[view-dashboard] .no-search-results {
  padding: 8px;
  background-color: lightpink;
  margin-left: 25px;
  margin-right: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
[view-dashboard] .show-instructions {
  padding: 8px;
  background-color: lightgrey;
  margin-left: 25px;
  margin-right: 25px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
#Container-Report {
  height: 100%;
  flex: auto;
  width: 100%;
}
.hide {
  display: none;
}
.link {
  text-decoration: underline;
  cursor: pointer;
}
.depreciation-view .grid-view {
  display: flex;
  flex-direction: column;
}
.depreciation-view .grid-view .pagination {
  margin: 10px auto 0;
}
.depreciation-view .grid-view .pagination .action-btn {
  margin: 9px 0 !important;
}
.depreciation-view .grid-view .pagination .pagination-container {
  display: inline-block;
}
.depreciation-view .dgrid {
  display: table;
  width: 100%;
}
.depreciation-view .action-btn {
  padding: 5px 15px;
  margin: 9px 2px !important;
}
.depreciation-view .action-cell {
  max-width: 1em !important;
  width: 2em;
}
.depreciation-view .accept-btn {
  color: #fff;
  background-color: #0c75b9;
  border-color: #0a66a1;
}
.depreciation-view .accept-btn .fa-check {
  color: green;
}
.depreciation-view .cancel-btn {
  background-color: #dddddd;
}
.depreciation-view .cancel-btn .fa-ban {
  color: red;
}
.depreciation-view .dgrid-cell {
  vertical-align: middle;
}
.depreciation-view .pagination-container {
  font-weight: bold;
}
.depreciation-view .pagination-container span {
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .depreciation-view .company-config > div {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .depreciation-view .action-cell {
    max-width: 1em !important;
    width: 4em;
  }
  .depreciation-view .dgrid-header {
    display: table-row;
  }
}
@media screen and (max-width: 550px) {
  .depreciation-view .form-grouping-header {
    margin-bottom: 10px;
  }
  .depreciation-view .dgrid {
    margin-top: 10px;
  }
  .depreciation-view .action-btn {
    padding: 5px 15px;
    margin: 2px 2px !important;
  }
  .depreciation-view .grid-view .pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .depreciation-view .grid-view .pagination .pagination-container {
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
  }
  .depreciation-view .grid-view .pagination .action-btn {
    width: 49%;
    margin-right: 0.5% !important;
    margin-left: 0.5% !important;
  }
}
[view-esig-document-edit] .esig-document-bank-header {
  display: flex;
  margin-bottom: 10px;
}
[view-esig-document-edit] .esig-document-bank-header > *:first-child {
  margin-right: 12px;
}
[view-esig-document-edit] .display-none {
  display: none;
}
.view-esig-email-upload .form-group.field-ImportFile,
.view-esig-email-upload .form-group.field-Name,
.view-esig-email-upload .form-group.field-CompanyName {
  margin-bottom: 2px;
}
.view-esig-email-upload .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin-top: 2px;
}
.view-esig-email-upload .addTerms,
.view-esig-email-upload .addCompany {
  margin-bottom: 15px;
}
.view-esig-email-upload div.terms,
.view-esig-email-upload div.company {
  margin-top: 15px;
}
.view-esig-email-upload .customer-search-card .btn.btn-default {
  display: none;
}
.view-esig-email-upload .customer-search-card .btn.btn-default.pull-right {
  display: block;
}
.view-esig-email-upload .submit-buttons {
  margin-bottom: 30px;
}
.esig-swap-tokens-container .esig-swap-tokens {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token {
  flex-basis: 50%;
  padding: 10px;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .esig-swap-token-body {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .esig-swap-token-body > div {
  flex-basis: 50%;
  padding: 0 5px;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .esig-swap-token-footer {
  display: flex;
  flex-direction: row-reverse;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary {
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.active,
.open .dropdown-toggle.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.active,
.open .dropdown-toggle.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary {
  background-image: none;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.disabled,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary[disabled],
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.disabled:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary[disabled]:hover,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.disabled:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary[disabled]:focus,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.disabled:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary[disabled]:active,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.disabled.active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary[disabled].active,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-primary.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.active,
.open .dropdown-toggle.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.active,
.open .dropdown-toggle.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger {
  background-image: none;
}
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.disabled,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger[disabled],
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.disabled:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger[disabled]:hover,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:hover,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.disabled:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger[disabled]:focus,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:focus,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.disabled:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger[disabled]:active,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger:active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.disabled.active,
.esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger[disabled].active,
fieldset[disabled] .esig-swap-tokens-container .esig-swap-tokens .esig-swap-token .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
@media only screen and (max-width: 1600px) {
  .esig-swap-tokens-container .esig-swap-token {
    flex-basis: 100% !important;
  }
}
@media only screen and (min-width: 1600px) {
  .esig-swap-tokens-container .esig-swap-token {
    flex-basis: 100% !important;
  }
}
@media only screen and (max-width: 500px) {
  .esig-swap-tokens-container .esig-swap-token .esig-swap-token-body > div {
    flex-basis: 100% !important;
  }
}
.permaloader {
  position: fixed;
  width: 200px;
  height: 200px;
  left: 100px;
  top: 200px;
}
[view-main][new-view="view-esig-sign"] {
  overflow: initial !important;
}
@media (max-width: 569px) {
  [view-esig-sign][view-auto-show] {
    margin-top: -105px !important;
  }
}
@media (min-width: 570px) and (max-width: 1199px) {
  [view-esig-sign][view-auto-show] {
    margin-top: -64px !important;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  [view-esig-sign][view-auto-show] {
    margin-top: -105px !important;
  }
}
@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}
.onEsigSignState .main-header .main-menu-container,
.onEsigAuthState .main-header .main-menu-container,
.onEsigViewState .main-header .main-menu-container,
.esig-demo-document .main-header .main-menu-container {
  min-height: 40px;
}
.onEsigSignState .main-header .main-menu-container .main-menu,
.onEsigAuthState .main-header .main-menu-container .main-menu,
.onEsigViewState .main-header .main-menu-container .main-menu,
.esig-demo-document .main-header .main-menu-container .main-menu {
  display: inline-block;
}
.onEsigSignState .canvasWrapper,
.onEsigAuthState .canvasWrapper,
.onEsigViewState .canvasWrapper,
.esig-demo-document .canvasWrapper {
  border: 1px solid lightgrey;
}
@media only screen and (max-width: 1024px) {
  .onEsigSignState #viewer .page,
  .onEsigAuthState #viewer .page,
  .onEsigViewState #viewer .page,
  .esig-demo-document #viewer .page {
    width: 100%;
    overflow: hidden;
  }
}
.onEsigSignState .signature-page-container,
.onEsigAuthState .signature-page-container,
.onEsigViewState .signature-page-container,
.esig-demo-document .signature-page-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 985px;
  margin-bottom: 2em;
  border: 1px solid lightgrey;
  background: #fff;
  box-shadow: 0px 0px 10px #c3c3c3;
  padding: 5px;
}
.onEsigSignState .signature-page-container .signature-page h2,
.onEsigAuthState .signature-page-container .signature-page h2,
.onEsigViewState .signature-page-container .signature-page h2,
.esig-demo-document .signature-page-container .signature-page h2 {
  font-size: 22px !important;
  font-weight: bold;
  margin: 30px 0 40px;
}
.onEsigSignState .signature-page-container .signature-page h3,
.onEsigAuthState .signature-page-container .signature-page h3,
.onEsigViewState .signature-page-container .signature-page h3,
.esig-demo-document .signature-page-container .signature-page h3 {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 15px;
  margin-top: 15px;
}
.onEsigSignState .signature-page-container .signature-page p,
.onEsigAuthState .signature-page-container .signature-page p,
.onEsigViewState .signature-page-container .signature-page p,
.esig-demo-document .signature-page-container .signature-page p {
  font-size: 16px;
  margin-bottom: 15px;
}
.onEsigSignState .signature-page-container .signature-page .legal p:first-child,
.onEsigAuthState .signature-page-container .signature-page .legal p:first-child,
.onEsigViewState .signature-page-container .signature-page .legal p:first-child,
.esig-demo-document .signature-page-container .signature-page .legal p:first-child {
  font-weight: bold;
}
.onEsigSignState .signature-page-container .signature-page .legal ol li,
.onEsigAuthState .signature-page-container .signature-page .legal ol li,
.onEsigViewState .signature-page-container .signature-page .legal ol li,
.esig-demo-document .signature-page-container .signature-page .legal ol li {
  font-size: 16px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1042px) {
  .onEsigSignState .signature-page-container,
  .onEsigAuthState .signature-page-container,
  .onEsigViewState .signature-page-container,
  .esig-demo-document .signature-page-container {
    margin-left: 2em !important;
    margin-right: 2em !important;
  }
}
.onEsigSignState .signature-text h3,
.onEsigAuthState .signature-text h3,
.onEsigViewState .signature-text h3,
.esig-demo-document .signature-text h3 {
  margin-top: 15px;
}
.onEsigSignState .signature-text .signature,
.onEsigAuthState .signature-text .signature,
.onEsigViewState .signature-text .signature,
.esig-demo-document .signature-text .signature {
  font-size: 16px !important;
  margin-bottom: 3px !important;
}
.onEsigSignState div.container,
.onEsigAuthState div.container,
.onEsigViewState div.container,
.esig-demo-document div.container {
  all: initial;
  font-size: 10pt !important;
}
.onEsigSignState .image-container,
.onEsigAuthState .image-container,
.onEsigViewState .image-container,
.esig-demo-document .image-container {
  height: auto !important;
  min-height: 200px;
  position: initial;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
.onEsigSignState .image-container .esig-terms-wrapper,
.onEsigAuthState .image-container .esig-terms-wrapper,
.onEsigViewState .image-container .esig-terms-wrapper,
.esig-demo-document .image-container .esig-terms-wrapper {
  height: 100%;
  max-height: 600px;
  overflow-y: scroll;
  border: dashed 1px silver;
  border-right: none;
}
.onEsigSignState .image-container .esig-terms-wrapper pre,
.onEsigAuthState .image-container .esig-terms-wrapper pre,
.onEsigViewState .image-container .esig-terms-wrapper pre,
.esig-demo-document .image-container .esig-terms-wrapper pre,
.onEsigSignState .image-container .esig-terms-wrapper code,
.onEsigAuthState .image-container .esig-terms-wrapper code,
.onEsigViewState .image-container .esig-terms-wrapper code,
.esig-demo-document .image-container .esig-terms-wrapper code {
  background: white;
  word-break: normal;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  display: block;
  white-space: pre;
  white-space: pre-wrap;
}
.onEsigSignState .image-container .esig-image,
.onEsigAuthState .image-container .esig-image,
.onEsigViewState .image-container .esig-image,
.esig-demo-document .image-container .esig-image {
  position: relative;
}
.onEsigSignState .image-container .esig-image > img,
.onEsigAuthState .image-container .esig-image > img,
.onEsigViewState .image-container .esig-image > img,
.esig-demo-document .image-container .esig-image > img {
  display: block;
  border: 1px solid lightgrey;
  margin: 0 auto;
  margin-top: 20px;
  max-width: 100%;
  box-shadow: 0px 0px 10px #c3c3c3;
}
.onEsigSignState .esig-insert-container,
.onEsigAuthState .esig-insert-container,
.onEsigViewState .esig-insert-container,
.esig-demo-document .esig-insert-container {
  padding: 0px;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  height: 0px;
}
.onEsigSignState #mainSignature,
.onEsigAuthState #mainSignature,
.onEsigViewState #mainSignature,
.esig-demo-document #mainSignature {
  display: block;
  margin: 0 auto;
}
.onEsigSignState.onEsigSignState div.signature-pad-wrapper,
.onEsigAuthState.onEsigSignState div.signature-pad-wrapper,
.onEsigViewState.onEsigSignState div.signature-pad-wrapper,
.esig-demo-document.onEsigSignState div.signature-pad-wrapper {
  min-width: 0px !important;
  max-width: 800px !important;
  width: 100%;
}
.onEsigSignState.onEsigSignState canvas.signature-pad,
.onEsigAuthState.onEsigSignState canvas.signature-pad,
.onEsigViewState.onEsigSignState canvas.signature-pad,
.esig-demo-document.onEsigSignState canvas.signature-pad {
  width: 100% !important;
  box-shadow: 0 1px 5px rgba(130, 130, 130, 0.1);
}
.onEsigSignState .document-container:before,
.onEsigAuthState .document-container:before,
.onEsigViewState .document-container:before,
.esig-demo-document .document-container:before,
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  clear: both;
}
.onEsigSignState .document-container:before,
.onEsigAuthState .document-container:before,
.onEsigViewState .document-container:before,
.esig-demo-document .document-container:before,
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  clear: both;
}
.onEsigSignState .document-container:before,
.onEsigAuthState .document-container:before,
.onEsigViewState .document-container:before,
.esig-demo-document .document-container:before,
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  clear: both;
}
.onEsigSignState .document-container:before,
.onEsigAuthState .document-container:before,
.onEsigViewState .document-container:before,
.esig-demo-document .document-container:before,
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .document-container:after,
.onEsigAuthState .document-container:after,
.onEsigViewState .document-container:after,
.esig-demo-document .document-container:after {
  clear: both;
}
.onEsigSignState .form-group.scrolled-into-view,
.onEsigAuthState .form-group.scrolled-into-view,
.onEsigViewState .form-group.scrolled-into-view,
.esig-demo-document .form-group.scrolled-into-view {
  padding-top: 65px !important;
}
.onEsigSignState .esig-auth,
.onEsigAuthState .esig-auth,
.onEsigViewState .esig-auth,
.esig-demo-document .esig-auth {
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
}
.onEsigSignState .esig-success,
.onEsigAuthState .esig-success,
.onEsigViewState .esig-success,
.esig-demo-document .esig-success {
  text-align: center;
}
.onEsigSignState div.download-button-container div,
.onEsigAuthState div.download-button-container div,
.onEsigViewState div.download-button-container div,
.esig-demo-document div.download-button-container div {
  text-align: center;
}
.onEsigSignState .page-separator,
.onEsigAuthState .page-separator,
.onEsigViewState .page-separator,
.esig-demo-document .page-separator {
  display: none;
}
.onEsigSignState .main-wrapper,
.onEsigAuthState .main-wrapper,
.onEsigViewState .main-wrapper,
.esig-demo-document .main-wrapper,
.onEsigSignState .page-wrapper,
.onEsigAuthState .page-wrapper,
.onEsigViewState .page-wrapper,
.esig-demo-document .page-wrapper,
.onEsigSignState .main-content,
.onEsigAuthState .main-content,
.onEsigViewState .main-content,
.esig-demo-document .main-content {
  margin: 0;
  padding: 0;
}
.onEsigSignState .sig-spacer,
.onEsigAuthState .sig-spacer,
.onEsigViewState .sig-spacer,
.esig-demo-document .sig-spacer {
  height: 800px;
}
.onEsigSignState .signature-request,
.onEsigAuthState .signature-request,
.onEsigViewState .signature-request,
.esig-demo-document .signature-request {
  position: static;
  margin-left: auto;
  margin-right: auto;
  float: none;
  width: 100%;
  text-align: center;
  font-size: 15px;
  padding: 10px 0;
}
.onEsigSignState .page-header,
.onEsigAuthState .page-header,
.onEsigViewState .page-header,
.esig-demo-document .page-header {
  background-color: #ffffff;
  text-align: center;
  padding: 1em;
  border-bottom: 1px solid #D9D9D9;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 90px;
  flex-direction: column;
}
.onEsigSignState .page-header h1,
.onEsigAuthState .page-header h1,
.onEsigViewState .page-header h1,
.esig-demo-document .page-header h1 {
  margin-bottom: 0 !important;
  color: #333;
  font-size: 20px;
  font-weight: bold;
}
.onEsigSignState .page-header .page-logo,
.onEsigAuthState .page-header .page-logo,
.onEsigViewState .page-header .page-logo,
.esig-demo-document .page-header .page-logo {
  position: absolute;
  top: 10px;
  left: 10px;
}
.onEsigSignState .page-header .page-logo .esig-title,
.onEsigAuthState .page-header .page-logo .esig-title,
.onEsigViewState .page-header .page-logo .esig-title,
.esig-demo-document .page-header .page-logo .esig-title {
  width: 500px;
  margin: auto;
}
.onEsigSignState .page-header .page-logo .company-name,
.onEsigAuthState .page-header .page-logo .company-name,
.onEsigViewState .page-header .page-logo .company-name,
.esig-demo-document .page-header .page-logo .company-name {
  width: 300px;
  margin: auto;
}
.onEsigSignState .progress-holder,
.onEsigAuthState .progress-holder,
.onEsigViewState .progress-holder,
.esig-demo-document .progress-holder {
  width: 100%;
}
.onEsigSignState .progress-holder:before,
.onEsigAuthState .progress-holder:before,
.onEsigViewState .progress-holder:before,
.esig-demo-document .progress-holder:before,
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  clear: both;
}
.onEsigSignState .progress-holder:before,
.onEsigAuthState .progress-holder:before,
.onEsigViewState .progress-holder:before,
.esig-demo-document .progress-holder:before,
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  clear: both;
}
.onEsigSignState .progress-holder:before,
.onEsigAuthState .progress-holder:before,
.onEsigViewState .progress-holder:before,
.esig-demo-document .progress-holder:before,
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  clear: both;
}
.onEsigSignState .progress-holder:before,
.onEsigAuthState .progress-holder:before,
.onEsigViewState .progress-holder:before,
.esig-demo-document .progress-holder:before,
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.onEsigSignState .progress-holder:after,
.onEsigAuthState .progress-holder:after,
.onEsigViewState .progress-holder:after,
.esig-demo-document .progress-holder:after {
  clear: both;
}
.onEsigSignState .progress-holder .progress,
.onEsigAuthState .progress-holder .progress,
.onEsigViewState .progress-holder .progress,
.esig-demo-document .progress-holder .progress {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  background: #d6e2ea;
  border-radius: 0;
  height: 10px;
  box-shadow: none;
}
.onEsigSignState .scroll-guide,
.onEsigAuthState .scroll-guide,
.onEsigViewState .scroll-guide,
.esig-demo-document .scroll-guide {
  position: fixed;
  top: 50px;
  left: 0;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.onEsigSignState .scroll-guide.not-hovering img,
.onEsigAuthState .scroll-guide.not-hovering img,
.onEsigViewState .scroll-guide.not-hovering img,
.esig-demo-document .scroll-guide.not-hovering img {
  animation: blinker 1s linear infinite;
}
.onEsigSignState .default-terms-container,
.onEsigAuthState .default-terms-container,
.onEsigViewState .default-terms-container,
.esig-demo-document .default-terms-container,
.onEsigSignState .custom-terms-container,
.onEsigAuthState .custom-terms-container,
.onEsigViewState .custom-terms-container,
.esig-demo-document .custom-terms-container {
  white-space: pre-wrap;
}
.onEsigSignState .main-header .main-menu-container ul.user-menu,
.onEsigAuthState .main-header .main-menu-container ul.user-menu,
.onEsigViewState .main-header .main-menu-container ul.user-menu,
.esig-demo-document .main-header .main-menu-container ul.user-menu {
  height: 0;
  width: 0;
  overflow: hidden;
}
.onEsigSignState .main-header .main-menu-container ul.user-menu .lang-link.dropdown,
.onEsigAuthState .main-header .main-menu-container ul.user-menu .lang-link.dropdown,
.onEsigViewState .main-header .main-menu-container ul.user-menu .lang-link.dropdown,
.esig-demo-document .main-header .main-menu-container ul.user-menu .lang-link.dropdown {
  display: block;
  position: fixed;
  top: 0;
  right: 1em;
  z-index: 999;
}
.onEsigSignState .actions-container,
.onEsigAuthState .actions-container,
.onEsigViewState .actions-container,
.esig-demo-document .actions-container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 830px;
}
.onEsigSignState .actions-container .action-buttons,
.onEsigAuthState .actions-container .action-buttons,
.onEsigViewState .actions-container .action-buttons,
.esig-demo-document .actions-container .action-buttons {
  text-align: center;
  margin-top: 10px;
}
.onEsigSignState .actions-container .action-buttons .btn-submit,
.onEsigAuthState .actions-container .action-buttons .btn-submit,
.onEsigViewState .actions-container .action-buttons .btn-submit,
.esig-demo-document .actions-container .action-buttons .btn-submit {
  padding: 10px 25px !important;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 0;
  border: none;
}
.onEsigSignState .actions-container .input-container,
.onEsigAuthState .actions-container .input-container,
.onEsigViewState .actions-container .input-container,
.esig-demo-document .actions-container .input-container {
  display: flex;
  margin: 20px 0;
  align-items: baseline;
}
.onEsigSignState .actions-container .input-container .form-group,
.onEsigAuthState .actions-container .input-container .form-group,
.onEsigViewState .actions-container .input-container .form-group,
.esig-demo-document .actions-container .input-container .form-group {
  margin-right: 10px;
  flex: 1;
  padding-bottom: 5px;
}
.onEsigSignState .actions-container .input-container .prompt-email-container,
.onEsigAuthState .actions-container .input-container .prompt-email-container,
.onEsigViewState .actions-container .input-container .prompt-email-container,
.esig-demo-document .actions-container .input-container .prompt-email-container {
  flex: 1;
  padding-bottom: 5px;
}
.onEsigSignState .actions-container .btn-container,
.onEsigAuthState .actions-container .btn-container,
.onEsigViewState .actions-container .btn-container,
.esig-demo-document .actions-container .btn-container {
  display: flex;
  justify-content: center;
  margin: 30px 0;
  flex-wrap: wrap;
}
.onEsigSignState .actions-container .btn-container .btn,
.onEsigAuthState .actions-container .btn-container .btn,
.onEsigViewState .actions-container .btn-container .btn,
.esig-demo-document .actions-container .btn-container .btn {
  padding: 10px 25px !important;
  border-radius: 2px;
  color: #ffffff;
  font-size: 1.5em;
  font-weight: normal;
  margin-bottom: 0;
  border: none;
}
.onEsigSignState .actions-container .btn-container .btn:first-child,
.onEsigAuthState .actions-container .btn-container .btn:first-child,
.onEsigViewState .actions-container .btn-container .btn:first-child,
.esig-demo-document .actions-container .btn-container .btn:first-child {
  margin-right: 3px;
}
.onEsigSignState .actions-container .btn-container .btn-cancel,
.onEsigAuthState .actions-container .btn-container .btn-cancel,
.onEsigViewState .actions-container .btn-container .btn-cancel,
.esig-demo-document .actions-container .btn-container .btn-cancel {
  background: #2e2e2e;
}
.onEsigSignState.ios footer,
.onEsigAuthState.ios footer,
.onEsigViewState.ios footer,
.esig-demo-document.ios footer {
  display: none;
}
.onEsigSignState .edge.warning,
.onEsigAuthState .edge.warning,
.onEsigViewState .edge.warning,
.esig-demo-document .edge.warning {
  padding: 0.5em;
  text-align: center;
  background-color: #fcf8e3;
  border: solid 1px gold;
  font-size: 1.2em;
  color: #b94a48;
}
.onEsigSignState .document-container .edge.warning,
.onEsigAuthState .document-container .edge.warning,
.onEsigViewState .document-container .edge.warning,
.esig-demo-document .document-container .edge.warning {
  margin-top: 0.5em;
}
.onEsigSignState .esig-content-wrapper,
.onEsigAuthState .esig-content-wrapper,
.onEsigViewState .esig-content-wrapper,
.esig-demo-document .esig-content-wrapper {
  padding-bottom: 4em;
  background: #F2F2F2;
}
.onEsigSignState .esig-content-wrapper .label,
.onEsigAuthState .esig-content-wrapper .label,
.onEsigViewState .esig-content-wrapper .label,
.esig-demo-document .esig-content-wrapper .label {
  font-size: 1.25em;
  line-height: 2em;
}
.onEsigSignState .esig-content-wrapper .bold,
.onEsigAuthState .esig-content-wrapper .bold,
.onEsigViewState .esig-content-wrapper .bold,
.esig-demo-document .esig-content-wrapper .bold {
  font-size: 1.1em;
  line-height: 2em;
  font-weight: bolder;
  padding-left: 1em;
}
.onEsigSignState li.the-logo span.esig-text,
.onEsigAuthState li.the-logo span.esig-text,
.onEsigViewState li.the-logo span.esig-text,
.esig-demo-document li.the-logo span.esig-text {
  color: white;
  font-size: 1.7em;
  content: " Electronic Signature Service";
  position: relative;
  bottom: -5px;
  display: inline-block !important;
}
.onEsigSignState li.the-logo span.user-link,
.onEsigAuthState li.the-logo span.user-link,
.onEsigViewState li.the-logo span.user-link,
.esig-demo-document li.the-logo span.user-link {
  display: inline-block !important;
}
.onEsigSignState btn.btn-submit,
.onEsigAuthState btn.btn-submit,
.onEsigViewState btn.btn-submit,
.esig-demo-document btn.btn-submit {
  margin-bottom: 4em;
  background: #2e2e2e;
}
.onEsigSignState iframe,
.onEsigAuthState iframe,
.onEsigViewState iframe,
.esig-demo-document iframe {
  max-width: 100%;
  margin-bottom: 0.05in;
}
.esig-logo {
  max-height: 60px;
  max-width: 300px;
}
.onEsigSignState #main-wrapper .page-header {
  margin-top: 0;
}
.onEsigSignState .view-navbar.main-header {
  display: none;
}
.onEsigSignState .actions-container .form-group.labeled-second label {
  font-size: 16px;
  position: relative;
}
.onEsigSignState .actions-container .form-group.labeled-second label:before {
  position: absolute;
  margin-left: -22px;
  top: 0;
  bottom: 0;
}
.onEsigSignState .signature-canvas-container {
  position: relative;
}
.onEsigSignState .signature-canvas-container .fixed-esig-insert-container .fixed-esig-arrow {
  position: absolute;
  bottom: 50%;
  left: 0;
  z-index: 1;
}
.onEsigSignState .signature-canvas-container .fixed-esig-insert-container .fixed-esig-insert {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 250px;
  z-index: 1;
}
.esign-modal {
  background: #FAFAFA;
}
.esign-modal .signature-pad-wrapper {
  border: 1px solid #D9D9D9;
  background: #fff;
  min-height: 160px !important;
}
.esign-modal .esig-switcher-btns {
  display: flex;
  justify-content: center;
  margin: 15px 0 20px 0;
  flex-wrap: wrap;
}
.esign-modal .esig-switcher-btns button {
  min-height: 42px;
  border: 1px solid #d9d9d9;
  background: #fff;
  padding: 10px;
  font-size: 14px;
  margin: 0 !important;
  padding-left: 37px;
  padding-right: 20px;
  position: relative;
}
.esign-modal .esig-switcher-btns button.active {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
.esign-modal .esig-switcher-btns button.active:before {
  content: "";
  filter: invert(95%) sepia(5%) saturate(429%) hue-rotate(116deg) brightness(123%) contrast(100%);
}
.esign-modal .esig-switcher-btns button.text-input {
  position: relative;
}
.esign-modal .esig-switcher-btns button.text-input:before {
  content: "";
  background-image: url(/img/esig/keyboard-icon.svg);
  width: 23px;
  height: 15px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
  left: 8px;
  top: 13px;
}
.esign-modal .esig-switcher-btns button.signature-pad {
  position: relative;
}
.esign-modal .esig-switcher-btns button.signature-pad:before {
  content: "";
  background-image: url(/img/esig/draw-icon.svg);
  width: 15px;
  height: 15px;
  position: absolute;
  background-repeat: no-repeat;
  background-size: auto;
  left: 17px;
  top: 12px;
}
.esign-modal .signing-box-container {
  display: flex;
}
.esign-modal .signing-box-container .signature-pad,
.esign-modal .signing-box-container .initials-pad {
  width: 70%;
  margin-right: 10px;
}
.esign-modal .signing-box-container .signature-pad.without-initials,
.esign-modal .signing-box-container .initials-pad.without-initials {
  width: 100% !important;
  margin-right: 0px !important;
}
.esign-modal .signing-box-container .signature-pad .signature-canvas-container .signature-line,
.esign-modal .signing-box-container .initials-pad .signature-canvas-container .signature-line {
  width: 90%;
  height: 1px;
  background: #c6c1c1;
  position: absolute;
  bottom: 45px;
  z-index: 1;
  left: 0;
  right: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.esign-modal .signing-box-container .initials-pad {
  width: 30% !important;
  margin-left: 0 !important;
}
.esign-modal .signing-box-container .por-icon-clear:before {
  color: #3c3c3c;
  font-size: 1em;
}
.esign-modal .legal-text-container {
  margin-top: 0 !important;
}
.esign-modal .action-buttons {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #d9d9d9;
  padding-top: 15px;
}
.esign-modal .action-buttons .btn {
  height: 34px;
  font-size: 14px;
  border-radius: 0;
  border: none;
}
.esign-modal .action-buttons .btn-green {
  background: #73B52C;
}
.esign-modal .action-buttons .btn-white {
  border: 1px solid #3E3E3E;
}
.esig-content-wrapper .box-inner {
  height: 100%;
}
.esig-content-wrapper .box-inner .sign-text {
  font-family: 'Mrs Saint Delafield';
  height: 100%;
  width: 150px;
  display: flex;
  overflow: hidden;
}
.esig-content-wrapper .noBox {
  background-color: rgba(255, 255, 255, 0);
  cursor: default;
}
.esig-content-wrapper .noBox .sign-text {
  align-items: flex-end;
  justify-content: flex-start;
}
.esig-content-wrapper .box {
  border: 1px solid #3E3E3E;
  height: 45px;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 2px;
  text-align: center;
  font-size: 10px;
  min-width: 36px;
  opacity: 75%;
}
.esig-content-wrapper .box .sign-text {
  align-items: center;
  justify-content: center;
}
.esig-content-wrapper .box .initial-text {
  width: 30px;
}
.esig-content-wrapper .box img {
  width: 100%;
  height: 100%;
  max-width: 16px !important;
}
.esig-content-wrapper .box.initial-bg {
  background: #FFEDA2;
}
.esig-content-wrapper .box.initial-bg .initial-arrow {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.esig-content-wrapper .box.initial-completed-bg {
  background: #DDF7A6;
  padding: 0;
}
.esig-content-wrapper .box.initial-completed-bg canvas {
  vertical-align: bottom;
}
.esig-content-wrapper .box span.text {
  display: inline-block;
  font-size: 9px;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
@media (max-width: 627px) {
  .main-content {
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 627px) {
  .onEsigSignState .page-header .page-logo {
    position: relative;
    top: 0;
    left: 0;
    max-width: 100px !important;
    margin-bottom: 10px;
  }
  .onEsigSignState .page-header h1 {
    font-size: 16px;
  }
  body.menu-mode-counter.onEsigSignState .page-header .page-title {
    font-size: 14px;
  }
  .main-content {
    margin-top: 0 !important;
  }
  .esig-content-wrapper .box {
    height: 36px;
  }
  .esig-content-wrapper .box span.text {
    font-size: 1.6vmin;
    margin-left: 0.1em;
    margin-right: 0.1em;
  }
  .esig-content-wrapper .box.initial-bg .initial-arrow {
    max-width: 70% !important;
  }
  .esig-content-wrapper .box img {
    max-width: 13px !important;
  }
}
@media screen and (max-width: 810px) {
  .onEsigSignState .actions-container .input-container {
    flex-wrap: wrap !important;
  }
  .onEsigSignState .actions-container .input-container .form-group {
    flex: auto !important;
    width: 100% !important;
    margin-right: 0 !important;
  }
  .onEsigSignState .actions-container .form-group.labeled-second label {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  #main-wrapper-expert {
    margin-top: 11em;
  }
  .signature-canvas-container {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .signature-canvas-container .form-input-container.error-feedback {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .signature-canvas-container .form-input-container.error-feedback .signature-pad-wrapper {
    width: 100%;
    min-width: 100% !important;
    max-width: 100% !important;
  }
  .modal.popup-modal .modal-dialog .popup-content [view-transaction-contract-esig-init] form .modal-footer {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .modal.popup-modal .modal-dialog .popup-content [view-transaction-contract-esig-init] form .modal-footer button {
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
  .modal.popup-modal .modal-dialog .popup-content [view-transaction-contract-esig-init] form .modal-footer button.action-btn-cancel {
    width: 100%;
  }
  .modal.popup-modal .modal-dialog .popup-content [view-transaction-contract-esig-init] form .waiting {
    background-size: 75px;
    min-height: 100px;
  }
}
@media screen and (max-width: 650px) {
  .esig-content-wrapper .box {
    height: 40px;
    font-size: 9px;
    min-width: 32px;
  }
  .initial-completed-bg .initial-text {
    width: 20px !important;
    height: auto !important;
  }
  .initial-completed-bg canvas {
    width: 20px !important;
    height: auto !important;
  }
  .initial-completed-bg canvas.signature-canvas {
    width: 150px !important;
  }
}
@media screen and (max-width: 500px) {
  .esign-modal .signing-box-container {
    display: flex;
    flex-wrap: wrap;
  }
  .esign-modal .signing-box-container .signature-pad {
    width: 100% !important;
    margin-right: 0;
  }
  .esign-modal .signing-box-container .initials-pad {
    width: 100% !important;
    margin-right: 0;
  }
  .esig-content-wrapper .box {
    height: 36px !important;
    min-width: 26px !important;
    font-size: 8px !important;
  }
  .initial-completed-bg .initial-text {
    width: 20px !important;
    height: auto !important;
  }
  .initial-completed-bg canvas {
    width: 20px !important;
    height: auto !important;
  }
}
@media only screen and (max-width: 414px) {
  .esig-content-wrapper .box {
    height: 28px;
  }
}
body.expert .main-header .main-menu-container.counter-mode,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode,
body.expert .main-header .main-menu-container.admin-mode,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container.admin-mode,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container.admin-mode,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container.admin-mode {
  background-color: #81BD41;
  border-bottom: 1px solid #679734;
}
body.expert .main-header .main-menu-container.counter-mode a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container.counter-mode a:hover,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container.counter-mode a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container.counter-mode a:hover,
body.expert .main-header .main-menu-container.admin-mode a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container.admin-mode a:hover,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container.admin-mode a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container.admin-mode a:hover {
  background: #75ae39;
  color: #343333;
}
body.expert .main-header .the-logo .user-link,
body.expert.menu-mode-counter.onEsigSignState .main-header .the-logo .user-link,
body.expert.auth-application.onEsigAuthState .main-header .the-logo .user-link,
body.expert.menu-mode-counter.onEsigViewState .main-header .the-logo .user-link {
  background-color: #81BD41 !important;
  border-right: 1px solid #679734;
  border-image: none;
}
body.expert .main-header,
body.expert.menu-mode-counter.onEsigSignState .main-header,
body.expert.auth-application.onEsigAuthState .main-header,
body.expert.menu-mode-counter.onEsigViewState .main-header {
  /*
    .menu-link-Home2State {
      .por-icon {
        .fa;
        &:before {
          content:@fa-var-columns;
        }
      }
    }
    */
}
body.expert .main-header li.mode-link,
body.expert.menu-mode-counter.onEsigSignState .main-header li.mode-link,
body.expert.auth-application.onEsigAuthState .main-header li.mode-link,
body.expert.menu-mode-counter.onEsigViewState .main-header li.mode-link {
  display: none;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-left,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-left,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-left,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-left {
  margin-right: 0.3em;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-right,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-right,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-right,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon.fa-pull-right {
  margin-left: 0.3em;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-left,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-left,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-left,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-left {
  margin-right: 0.3em;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-right,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-right,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-right,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon.pull-right {
  margin-left: 0.3em;
}
body.expert .main-header .menu-link-CurrentCompanyAdminState .por-icon:before,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-CurrentCompanyAdminState .por-icon:before,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-CurrentCompanyAdminState .por-icon:before,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-CurrentCompanyAdminState .por-icon:before {
  content: "\f0b1";
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-left,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-left,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-left,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-left {
  margin-right: 0.3em;
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-right,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-right,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-right,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon.fa-pull-right {
  margin-left: 0.3em;
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon.pull-left,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon.pull-left,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon.pull-left,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon.pull-left {
  margin-right: 0.3em;
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon.pull-right,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon.pull-right,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon.pull-right,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon.pull-right {
  margin-left: 0.3em;
}
body.expert .main-header .menu-link-AccountMgmtState .por-icon:before,
body.expert.menu-mode-counter.onEsigSignState .main-header .menu-link-AccountMgmtState .por-icon:before,
body.expert.auth-application.onEsigAuthState .main-header .menu-link-AccountMgmtState .por-icon:before,
body.expert.menu-mode-counter.onEsigViewState .main-header .menu-link-AccountMgmtState .por-icon:before {
  content: "\f007";
}
body.expert .page-header,
body.expert.menu-mode-counter.onEsigSignState .page-header,
body.expert.auth-application.onEsigAuthState .page-header,
body.expert.menu-mode-counter.onEsigViewState .page-header {
  margin-top: 0;
}
body.expert div.field-UrlModifier,
body.expert.menu-mode-counter.onEsigSignState div.field-UrlModifier,
body.expert.auth-application.onEsigAuthState div.field-UrlModifier,
body.expert.menu-mode-counter.onEsigViewState div.field-UrlModifier,
body.expert div.field-Description,
body.expert.menu-mode-counter.onEsigSignState div.field-Description,
body.expert.auth-application.onEsigAuthState div.field-Description,
body.expert.menu-mode-counter.onEsigViewState div.field-Description,
body.expert div.field-OtherInformation,
body.expert.menu-mode-counter.onEsigSignState div.field-OtherInformation,
body.expert.auth-application.onEsigAuthState div.field-OtherInformation,
body.expert.menu-mode-counter.onEsigViewState div.field-OtherInformation {
  display: none;
}
body.expert label[for=Phone] span.ng-scope,
body.expert.menu-mode-counter.onEsigSignState label[for=Phone] span.ng-scope,
body.expert.auth-application.onEsigAuthState label[for=Phone] span.ng-scope,
body.expert.menu-mode-counter.onEsigViewState label[for=Phone] span.ng-scope {
  display: none;
}
body.expert div[view-company-admin-view] > .last-col,
body.expert.menu-mode-counter.onEsigSignState div[view-company-admin-view] > .last-col,
body.expert.auth-application.onEsigAuthState div[view-company-admin-view] > .last-col,
body.expert.menu-mode-counter.onEsigViewState div[view-company-admin-view] > .last-col {
  display: none;
}
body.expert div[view-company-admin-view] > .first-col,
body.expert.menu-mode-counter.onEsigSignState div[view-company-admin-view] > .first-col,
body.expert.auth-application.onEsigAuthState div[view-company-admin-view] > .first-col,
body.expert.menu-mode-counter.onEsigViewState div[view-company-admin-view] > .first-col {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  body.expert div[view-company-admin-view] > .first-col,
  body.expert.menu-mode-counter.onEsigSignState div[view-company-admin-view] > .first-col,
  body.expert.auth-application.onEsigAuthState div[view-company-admin-view] > .first-col,
  body.expert.menu-mode-counter.onEsigViewState div[view-company-admin-view] > .first-col {
    float: left;
    width: 100%;
  }
}
body.expert .main-header .main-menu-container .main-menu li.active a,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .main-menu li.active a,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .main-menu li.active a,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .main-menu li.active a,
body.expert .main-header .main-menu-container .user-menu li.active a,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .user-menu li.active a,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .user-menu li.active a,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .user-menu li.active a {
  background: #81BD41;
}
body.expert .main-header .main-menu-container .main-menu li.active a:active,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .main-menu li.active a:active,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .main-menu li.active a:active,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .main-menu li.active a:active,
body.expert .main-header .main-menu-container .user-menu li.active a:active,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .user-menu li.active a:active,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .user-menu li.active a:active,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .user-menu li.active a:active,
body.expert .main-header .main-menu-container .main-menu li.active a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .main-menu li.active a:hover,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .main-menu li.active a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .main-menu li.active a:hover,
body.expert .main-header .main-menu-container .user-menu li.active a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .user-menu li.active a:hover,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .user-menu li.active a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .user-menu li.active a:hover,
body.expert .main-header .main-menu-container .main-menu li.active a:focus,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .main-menu li.active a:focus,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .main-menu li.active a:focus,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .main-menu li.active a:focus,
body.expert .main-header .main-menu-container .user-menu li.active a:focus,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .user-menu li.active a:focus,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .user-menu li.active a:focus,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .user-menu li.active a:focus {
  background: #343333;
  color: #81BD41;
}
body.expert .main-header .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigSignState .main-header .dropdown.open .dropdown-toggle,
body.expert.auth-application.onEsigAuthState .main-header .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigViewState .main-header .dropdown.open .dropdown-toggle {
  background: #343333;
  color: #75ae39;
}
body.expert .main-header .admin-mode .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode .dropdown.open .dropdown-toggle,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode .dropdown.open .dropdown-toggle,
body.expert .main-header .counter-mode .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode .dropdown.open .dropdown-toggle,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode .dropdown.open .dropdown-toggle,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode .dropdown.open .dropdown-toggle {
  background-color: #75ae39;
  color: #343333;
}
body.expert .main-header .admin-mode .dropdown .dropdown-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode .dropdown .dropdown-menu,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode .dropdown .dropdown-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode .dropdown .dropdown-menu,
body.expert .main-header .counter-mode .dropdown .dropdown-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode .dropdown .dropdown-menu,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode .dropdown .dropdown-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode .dropdown .dropdown-menu,
body.expert .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu {
  z-index: 99999;
}
body.expert .main-header .admin-mode .dropdown .dropdown-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode .dropdown .dropdown-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode .dropdown .dropdown-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode .dropdown .dropdown-menu li a,
body.expert .main-header .counter-mode .dropdown .dropdown-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode .dropdown .dropdown-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode .dropdown .dropdown-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode .dropdown .dropdown-menu li a,
body.expert .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a {
  color: #343333;
  background-color: #75ae39;
}
body.expert .main-header .admin-mode .dropdown .dropdown-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode .dropdown .dropdown-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode .dropdown .dropdown-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode .dropdown .dropdown-menu li a:hover,
body.expert .main-header .counter-mode .dropdown .dropdown-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode .dropdown .dropdown-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode .dropdown .dropdown-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode .dropdown .dropdown-menu li a:hover,
body.expert .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .admin-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .counter-mode.main-menu-container .mobile-main-menu .show-mobile-main.menu-container ul.show-mobile-main-menu li a:hover {
  background-color: #75ae39;
  color: #343333;
}
body.expert .main-header .dropdown-menu user-drop-down-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .dropdown-menu user-drop-down-menu,
body.expert.auth-application.onEsigAuthState .main-header .dropdown-menu user-drop-down-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .dropdown-menu user-drop-down-menu {
  z-index: 99999;
}
body.expert .main-header .dropdown-menu user-drop-down-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .dropdown-menu user-drop-down-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .dropdown-menu user-drop-down-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .dropdown-menu user-drop-down-menu li a {
  color: #343333;
  background-color: #75ae39;
}
body.expert .main-header .dropdown-menu user-drop-down-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .dropdown-menu user-drop-down-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .dropdown-menu user-drop-down-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .dropdown-menu user-drop-down-menu li a:hover {
  background-color: #75ae39;
  color: #343333;
}
body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu {
  z-index: 999999;
}
body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a {
  color: #343333;
  background: #81BD41;
}
body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover {
  background: #3a5d14;
  color: #343333;
}
@media screen and (max-width: 525px) {
  body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
  body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
  body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu,
  body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu {
    z-index: 999999;
  }
  body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
  body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
  body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a,
  body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a {
    color: #343333;
    background: #81BD41;
  }
  body.expert .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
  body.expert.menu-mode-counter.onEsigSignState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
  body.expert.auth-application.onEsigAuthState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover,
  body.expert.menu-mode-counter.onEsigViewState .main-header .main-menu-container .mobile-main-menu .show-mobile-main-menu-container ul.show-mobile-main-menu li a:hover {
    background: #3a5d14;
    color: #343333;
  }
}
body.expert div.expert,
body.expert.menu-mode-counter.onEsigSignState div.expert,
body.expert.auth-application.onEsigAuthState div.expert,
body.expert.menu-mode-counter.onEsigViewState div.expert {
  display: block;
}
body.expert div.not-expert,
body.expert.menu-mode-counter.onEsigSignState div.not-expert,
body.expert.auth-application.onEsigAuthState div.not-expert,
body.expert.menu-mode-counter.onEsigViewState div.not-expert {
  display: none;
}
body.expert #view-home button.action-btn-create,
body.expert.menu-mode-counter.onEsigSignState #view-home button.action-btn-create,
body.expert.auth-application.onEsigAuthState #view-home button.action-btn-create,
body.expert.menu-mode-counter.onEsigViewState #view-home button.action-btn-create {
  display: none;
}
body.expert #view-home .row,
body.expert.menu-mode-counter.onEsigSignState #view-home .row,
body.expert.auth-application.onEsigAuthState #view-home .row,
body.expert.menu-mode-counter.onEsigViewState #view-home .row {
  margin-left: 0px;
  margin-right: 0px;
}
body.expert #view-home .summary-widget.usage,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  padding-left: 0px;
  padding-right: 0px;
}
@media (min-width: 768px) {
  body.expert #view-home .summary-widget.usage,
  body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage,
  body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage,
  body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage {
    float: left;
    width: 50%;
  }
}
body.expert #view-home .summary-widget.usage.low .widget-label,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage.low .widget-label,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage.low .widget-label,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage.low .widget-label {
  background-color: #f0ad4e;
}
body.expert #view-home .summary-widget.usage.low.over .widget-label,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage.low.over .widget-label,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage.low.over .widget-label,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage.low.over .widget-label {
  background-color: red;
}
body.expert #view-home .summary-widget.usage.low .usage-details,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage.low .usage-details,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage.low .usage-details,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage.low .usage-details {
  color: #f0ad4e;
}
body.expert #view-home .summary-widget.usage.low.over .usage-details,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage.low.over .usage-details,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage.low.over .usage-details,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage.low.over .usage-details {
  color: #d9534f;
}
body.expert #view-home .summary-widget.usage .label,
body.expert.menu-mode-counter.onEsigSignState #view-home .summary-widget.usage .label,
body.expert.auth-application.onEsigAuthState #view-home .summary-widget.usage .label,
body.expert.menu-mode-counter.onEsigViewState #view-home .summary-widget.usage .label {
  font-size: 1em;
  margin-right: 0.5em;
}
body.expert #view-home .usage-details,
body.expert.menu-mode-counter.onEsigSignState #view-home .usage-details,
body.expert.auth-application.onEsigAuthState #view-home .usage-details,
body.expert.menu-mode-counter.onEsigViewState #view-home .usage-details {
  padding: 1em;
  line-height: 1.5em;
  font-weight: 800;
  color: #81BD41;
}
@media (max-width: 627px) {
  body.expert .main-content,
  body.expert.menu-mode-counter.onEsigSignState .main-content,
  body.expert.auth-application.onEsigAuthState .main-content,
  body.expert.menu-mode-counter.onEsigViewState .main-content {
    margin-top: 0 !important;
  }
}
body.expert.menu-mode-counter.onEsigSignState .main-menu a,
body.expert.auth-application.onEsigAuthState .main-menu a,
body.expert.menu-mode-counter.onEsigAuthLowSecurityState .main-menu a,
body.expert.menu-mode-counter.onEsigUnauthorizedState .main-menu a,
body.expert.menu-mode-counter.onEsigViewState .main-menu a,
body.expert.on .main-menu a,
body.expert.menu-mode-counter.onEsigSignState .user-menu a,
body.expert.auth-application.onEsigAuthState .user-menu a,
body.expert.menu-mode-counter.onEsigAuthLowSecurityState .user-menu a,
body.expert.menu-mode-counter.onEsigUnauthorizedState .user-menu a,
body.expert.menu-mode-counter.onEsigViewState .user-menu a,
body.expert.on .user-menu a {
  border: none;
}
.email-new-document {
  float: right;
  padding-right: 1em;
}
.only-expert {
  display: none;
}
.expert .only-expert {
  display: block;
}
.expert .not-expert {
  display: none;
}
.external-customer-search-results-section-title {
  color: #004990;
  font-weight: bold;
}
#external-customer-search-prev-page-btn {
  cursor: pointer;
}
#external-customer-search-next-page-btn {
  cursor: pointer;
}
.external-customer-search-name {
  color: #1b75b9 !important;
}
.external-customer-disambiguation {
  margin-top: 20px;
  display: flex;
  justify-content: space-around;
}
.external-customer-disambiguation > table {
  flex: auto;
}
.external-customer-disambiguation > table th {
  width: 50%;
}
.front-end-custom-menu-setup-header {
  display: flex;
  align-items: center;
  gap: 16px;
  height: 40px;
}
.front-end-custom-menu-setup-header .switch-input {
  padding: 0;
  margin: 0;
}
.front-end-custom-menu-setup-header .export-btn {
  margin-left: auto;
}
.front-end-custom-menu-setup-header .export-btn .btn-text {
  margin: 0;
}
#front-end-menu {
  width: 100%;
}
#front-end-menu text-angular > .ta-scroll-window {
  max-height: 350px;
  overflow: scroll;
}
#front-end-menu .content-switch-button {
  font-size: 10px;
  margin-bottom: 15px;
}
#front-end-menu .master-toggle {
  background: #edf9ff;
  padding: 5px;
  border: 1px solid #c9c9c9;
  margin: 10px auto;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
}
#front-end-menu .master-toggle .centered-content {
  flex-grow: 1;
  text-align: center;
}
#front-end-menu .master-toggle span {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}
#front-end-menu .first-time-setup {
  text-align: center;
  margin: 20px auto;
  font-size: 18px;
}
#front-end-menu .items-loading {
  color: #b94a48;
  font-size: 18px;
  text-align: center;
}
#front-end-menu .items-loading i {
  font-size: 24px;
}
#front-end-menu .menu-controls {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(300px, 33vw) 1fr;
}
#front-end-menu .menu-controls .menu-tree {
  border: 1px solid #9e9e9e;
  font-size: 14px;
  display: grid;
  grid-template-rows: 1fr;
  height: fit-content;
}
#front-end-menu .menu-controls .menu-tree ul {
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
#front-end-menu .menu-controls .menu-tree ul.menu-root-node {
  overflow-y: auto;
  max-height: 60vh;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__0 > .tree-row {
  background-color: hsl(160, 9%, 90%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__1 > .tree-row.menu-category-row {
  background-color: hsl(160, 9%, 92%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__1 > .tree-row .tree-row__left {
  gap: 2.25em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__2 > .tree-row.menu-category-row {
  background-color: hsl(160, 9%, 94%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__2 > .tree-row .tree-row__left {
  gap: 4.5em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__3 > .tree-row.menu-category-row {
  background-color: hsl(160, 9%, 96%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__3 > .tree-row .tree-row__left {
  gap: 6.75em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__4 > .tree-row.menu-category-row {
  background-color: hsl(160, 9%, 98%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__4 > .tree-row .tree-row__left {
  gap: 9em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__5 > .tree-row.menu-category-row {
  background-color: hsl(0, 0%, 100%);
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node.cm-node__5 > .tree-row .tree-row__left {
  gap: 11.25em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row {
  width: 100%;
  padding: 10px 10px 10px 5px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row.menu-category-row.isInside {
  padding-left: 25px;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left,
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right {
  display: flex;
  align-items: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left {
  gap: 1em;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left .menu-tree-item__grabber {
  display: inline-block;
  background-image: url(/img/icons/grip-dots-v.svg);
  background-position: center center;
  background-size: 11px;
  min-width: 21px;
  height: 24px;
  background-repeat: no-repeat;
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left .menu-tree-item__grabber:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left .type-icons {
  display: inline-block;
  margin: 0 10px 0 10px;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__left .menu-item-name.active {
  font-weight: bold;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons {
  margin-left: auto;
  display: flex;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container {
  min-width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container {
  display: inline-block;
  min-width: 24px;
  font-size: 16px;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container.action-disabled {
  opacity: 0.3;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container.action-disabled:hover {
  cursor: not-allowed;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-pencil {
  padding: 4px;
  height: 24px;
  width: 24px;
  text-align: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-trash {
  padding: 4px;
  height: 24px;
  width: 24px;
  text-align: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-caret-down {
  padding: 4px;
  height: 24px;
  width: 24px;
  text-align: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-caret-right {
  padding: 4px;
  height: 24px;
  width: 24px;
  text-align: center;
}
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-plus:before,
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-pencil:before,
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-trash:before,
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-caret-down:before,
#front-end-menu .menu-controls .menu-tree ul li.cm-node .tree-row .tree-row__right.action-icons .node-action-container .icon-container .fa-caret-right:before {
  font-size: 18px;
}
#front-end-menu .menu-controls .menu-tree .fa-plus {
  padding: 4px;
  height: 24px;
  width: 24px;
  text-align: center;
}
#front-end-menu .menu-controls .menu-tree > .fa-plus {
  margin-left: 29px;
}
#front-end-menu .menu-controls .menu-tree .selected-node:active {
  border-left: 3px solid #0c75b9;
  outline: 5px auto -webkit-focus-ring-color;
}
#front-end-menu .menu-controls .menu-tree .menu-tree-action {
  padding: 10px;
  border-top: 1px solid #c9c9c9;
}
#front-end-menu .menu-controls .menu-tree .menu-tree-action .new-root-node-button .fa-plus {
  border: none;
  height: auto;
  width: auto;
}
#front-end-menu .menu-controls .menu-item-details {
  border: 1px solid #9e9e9e;
  padding: 10px;
  font-size: 18px;
  overflow-y: auto;
  max-height: 100%;
  height: fit-content;
}
#front-end-menu .menu-controls .menu-item-details h3 {
  font-size: 25px;
  margin-bottom: 15px;
}
#front-end-menu .menu-controls .menu-item-details label,
#front-end-menu .menu-controls .menu-item-details .label-text {
  font-size: 13px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid {
  margin: 15px 0px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-grid-header {
  font-weight: bold;
  font-size: 13px;
  margin-bottom: 5px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-grid-container {
  border: 1px solid #9E9E9E;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-grid-setup-container,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-non-grid-setup-container {
  padding: 20px;
  border-bottom: 1px solid #9E9E9E;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-non-grid-setup-container:last-child {
  border-bottom-width: 0;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .image-grid-setup-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  gap: 0px 20px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .category-num-container {
  display: inline-flex;
  align-items: center;
  gap: 40px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .category-box {
  padding: 10px 5px;
  background-color: #FAFAFA;
  border: 1px solid #9E9E9E;
  align-items: center;
  height: 72px;
  border-bottom-width: 0;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .category-box:last-child {
  border-bottom-width: 1px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .pseudo-label {
  font-size: 13px;
  font-weight: bold;
  white-space: nowrap;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .bottom-margin {
  margin-bottom: 5px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .category-number-count {
  width: 75px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .section-name {
  grid-column: span 2;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .title-background-select {
  grid-column: 1 / 2;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .text {
  grid-column: 2 / 3;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .border-color-picker {
  font-size: 0px;
  line-height: 21px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .border-color-picker > *:first-of-type {
  border-right-width: 0;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .category-img {
  max-width: 50px;
  max-height: 50px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .nonselected-background,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .selected-background {
  cursor: pointer;
  display: inline-block;
  padding: 5px 15px;
  border: 1px solid #9E9E9E;
  font-size: 13px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .selected-background {
  background-color: #EFEFEF;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .image-grid .nonselected-background {
  background-color: #FFFFFF;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .item-grid {
  font-size: 12px;
  margin: 10px auto;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .item-grid .dgrid-column-Name {
  min-width: 30%;
  width: 30%;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .item-grid .dgrid-column-Select {
  max-width: 35px;
  width: 35px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing {
  font-size: 11px;
  display: grid;
  grid-template-areas: "nav-tabs" "separator" "tab-content";
  grid-template-rows: 29px 1px 1fr;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content {
  grid-column: 1 / -1;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs {
  display: flex;
  grid-row: nav-tabs-start / tab-content-start;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs > li > a,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs > li > span {
  min-width: revert;
  background: #EFEFEF;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs:first-child {
  border-top-left-radius: 4px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs:first-child > a {
  border-left: 1px solid #cccccc;
  border-top-left-radius: 4px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs:last-child {
  border-top-right-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.25rem;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background: #EFEFEF;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs:last-child > span {
  border-top-right-radius: 4px;
  margin-inline: 0.24rem;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs.active > a {
  background: #ffffff;
  border-right: 1px solid #cccccc;
  border-bottom: none;
  color: #666666;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing ul.nav.nav-tabs li.tab-tabs > a {
  padding: 6px 8px;
  height: 100%;
  border-bottom: 1px solid #cccccc;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content {
  display: grid;
  grid-row: nav-tabs-end / tab-content-end;
  background: #ffffff;
  border-radius: 4px;
  border-top-left-radius: 0;
  padding: 12px;
  row-gap: 1rem;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slider-bg-options {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slider-bg-options select.slider-bg-type {
  background-image: url('../img/icons/caret-down.svg');
  background-size: 7px;
  background-position: calc(100% - 5px) center;
  background-repeat: no-repeat;
  background-color: #efefef;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  color: #555;
  font-size: inherit;
  margin: 0;
  overflow: hidden;
  padding-top: 4px;
  padding-bottom: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  -moz-appearance: button;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-padding-end: 20px;
  -moz-padding-end: 20px;
  -webkit-padding-start: 4px;
  -moz-padding-start: 4px;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slider-bg-options select.slider-bg-type:hover,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slider-bg-options select.slider-bg-type:focus {
  color: #333;
  background-color: #ebebeb;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta label.label-text span.tc__detail {
  color: #666666;
  font-weight: 500;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container {
  display: grid;
  row-gap: 1em;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content {
  display: grid;
  grid-template-columns: 25px 1fr 1fr 18px 18px;
  column-gap: 0.5rem;
  padding: 0.5em;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content > * {
  place-self: center;
  margin-bottom: 0;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content p.cta__no {
  font-weight: bold;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content button.cta-url__add,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content button.cta-url__del {
  font-size: 1.5rem;
  color: #333333;
  background: transparent;
  border: none;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content button.cta-url__add i.fa,
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row.slide-cta .slide-cta__container .cta__content button.cta-url__del i.fa {
  padding-inline: 0.2em;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row .photo-previewer .photo-upload-container {
  display: grid;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row .photo-previewer .photo-upload-container .uploader-container {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .custom-slider-editor-container.with-horizontal-tabbing .tab-content .tc-row div.field-Description {
  display: block;
}
#front-end-menu .menu-controls .menu-item-details .edit-node-details .content-extras .action-btn.action-btn-delete {
  float: right;
}
#front-end-menu .menu-controls .menu-item-details text-angular h1 {
  font-size: 34px;
}
#front-end-menu .menu-controls .menu-item-details text-angular h2 {
  font-size: 30px;
}
#front-end-menu .menu-controls .menu-item-details text-angular h3 {
  font-size: 24px;
}
#front-end-menu .menu-controls .menu-item-details text-angular h4 {
  font-size: 20px;
}
#front-end-menu .menu-controls .menu-item-details text-angular h5 {
  font-size: 18px;
}
#front-end-menu .menu-controls .menu-item-details text-angular h6 {
  font-size: 16px;
}
#front-end-menu .menu-display-style {
  padding: 0;
  margin-top: 10px;
}
[view-identification-type-edit] .field-IdentificationTypeNumber,
[view-identification-type-edit] .field-IdentificationTypeDescription {
  position: relative
;
  float: left
;
  width: 100%;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  [view-identification-type-edit] .field-IdentificationTypeNumber,
  [view-identification-type-edit] .field-IdentificationTypeDescription {
    float: left;
    width: 50%;
  }
}
[view-item-list] .item-import-modal [view-import-file-prompt] .modal-body .informational-box {
  border: 1px solid #cccccc;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  align-items: baseline;
}
[view-item-list] .item-import-modal [view-import-file-prompt] .modal-body .informational-box > * {
  margin: 0;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body {
  height: 650px;
  overflow: hidden scroll;
  padding: 1rem;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table {
  width: 100%;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table th.item-image-cell:first-of-type {
  padding-inline-start: 1rem;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell {
  padding: 0.5rem;
  vertical-align: middle;
  width: 33%;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link {
  position: relative;
  transition: opacity 0.3s;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link:hover {
  opacity: 0.5;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link:hover span.por-icon.fa-search-plus {
  opacity: 1;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link img.item-image {
  height: auto;
  max-width: 8em;
  object-fit: contain;
  padding: 0.5rem;
}
@media screen and (max-width: 768px) {
  [view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link img.item-image {
    max-width: 4em;
  }
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link span.por-icon.fa-search-plus {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-40%, -40%);
  margin: 0;
  transition: opacity 0.3s;
  opacity: 0;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .item-image-cell a.item-image-link span.por-icon.fa-search-plus:before {
  color: #222222;
  font-size: 2em;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table tr.image-row-even,
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table tr.image-row-odd {
  border-bottom: 1px solid #D5D5D5;
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table .image-row-odd {
  background-color: #eee;
}
@media screen and (max-width: 768px) {
  [view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body table.stock-item-photos__table tr.dgrid-header {
    display: table-row;
  }
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body .stock-item-photos__empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
[view="view-item-instance-image-viewer"].modal.popup-modal .modal-popup.modal-dialog .modal-content [view-item-instance-image-viewer] .stock-item-photos .modal-body .stock-item-photos__empty img.stock-item-photos__empty-img {
  max-width: 10em;
}
#login-modal .modal-dialog {
  width: 600px;
  max-width: 100% !important;
}
#login-modal .modal-dialog .modal-content {
  border-radius: 0;
  padding: 12px 0;
}
@media (min-width: 767px) {
  #login-modal .modal-dialog {
    min-width: 600px;
  }
}
@media (max-width: 767px) {
  #login-modal .modal-dialog {
    min-width: 100% !important;
    max-width: 100% !important;
  }
}
#login-modal .modal-dialog .modal-header {
  background: white;
  text-align: center;
}
#login-modal .modal-dialog .modal-header h3 {
  margin-top: 1em;
  color: #275b89;
}
#login-modal .modal-dialog h1 {
  text-align: center;
}
#login-modal .modal-dialog .marketing-link {
  border-bottom: dashed black 1px;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
#login-modal .modal-dialog .modal-body {
  margin-bottom: 0;
  padding-bottom: 0;
}
#login-modal .modal-dialog .modal-body h3 {
  margin-bottom: 1em;
}
#login-modal .modal-dialog .modal-footer {
  border-top: none;
  padding-left: 4em;
  padding-right: 4em;
  padding-top: 0;
  margin-top: 0;
  padding-bottom: 1em;
}
#login-modal .modal-dialog div.field-loginUsername {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  #login-modal .modal-dialog div.field-loginUsername {
    float: left;
    width: 50%;
  }
}
#login-modal .modal-dialog div.field-loginPassword {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  #login-modal .modal-dialog div.field-loginPassword {
    float: left;
    width: 50%;
  }
}
#login-modal .modal-dialog div.password-field {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  #login-modal .modal-dialog div.password-field {
    float: left;
    width: 100%;
  }
}
#login-modal .modal-dialog .modal-body:before,
#login-modal .modal-dialog .modal-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#login-modal .modal-dialog .modal-body:after {
  clear: both;
}
#login-modal .modal-dialog .modal-body:before,
#login-modal .modal-dialog .modal-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#login-modal .modal-dialog .modal-body:after {
  clear: both;
}
#login-modal .modal-dialog .modal-body:before,
#login-modal .modal-dialog .modal-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#login-modal .modal-dialog .modal-body:after {
  clear: both;
}
#login-modal .modal-dialog .modal-body:before,
#login-modal .modal-dialog .modal-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
#login-modal .modal-dialog .modal-body:after {
  clear: both;
}
#login-modal .modal-dialog .modal-header.expert {
  display: none;
}
#login-modal .modal-dialog .marketing-link.expert {
  display: none;
}
.expert #login-modal .modal-dialog a {
  color: #81BD41 !important;
}
.expert #login-modal .modal-dialog button,
.expert #login-modal .modal-dialog .submit-login {
  background-color: #81BD41 !important;
  border-color: #4d7127;
}
.expert #login-modal .modal-dialog .modal-header.essentials {
  display: none;
}
.expert #login-modal .modal-dialog .modal-header.expert {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  color: #81BD41;
}
.expert #login-modal .modal-dialog .modal-header.expert h3.marketing-name {
  font-family: Roboto, sans-serif;
  line-height: 40px;
  font-size: 30px;
  font-weight: 600;
  color: #54595f;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.expert #login-modal .modal-dialog .modal-header.expert h3.marketing-name .esign-name {
  font-family: Roboto, sans-serif;
  color: #81bd41;
}
.expert #login-modal .modal-dialog .modal-header.expert h3.marketing-name.main {
  font-size: 40px;
  margin-bottom: 8px;
}
.expert #login-modal .modal-dialog .modal-header.expert h3.logo {
  width: 100%;
  margin: 0;
}
.expert #login-modal .modal-dialog .modal-header.expert h3.logo img {
  width: 100%;
}
.expert #login-modal .modal-dialog .modal-header.expert h3 {
  font-size: 18pt;
  color: #81BD41;
}
.expert #login-modal .modal-dialog .modal-header.expert h3,
.expert #login-modal .modal-dialog .modal-header.expert h4 {
  margin-bottom: 4px;
}
.expert #login-modal .modal-dialog .modal-body .marketing-link,
.expert #login-modal .modal-dialog .modal-body .customer-label {
  display: none;
}
.expert #login-modal .modal-dialog .modal-body .marketing-link.expert {
  display: block;
}
[view-item-instance-maintenance-log-edit] .form-grouping-container {
  margin: 0;
}
.addToMaintenanceBtnWrapper {
  margin: 8px;
}
.addToMaintenanceBtn {
  width: 100%;
  position: relative;
  text-align: start;
}
.addToMaintenanceBtn .instance-details {
  margin-right: 32px;
}
.addToMaintenanceBtn .por-icon {
  position: absolute;
  right: 8px;
  top: calc(50% - 8px);
}
div[view-enhanced-maintenance] {
  display: flex;
  flex-wrap: wrap;
}
div[view-enhanced-maintenance] h2 {
  width: 100%;
}
div[view-enhanced-maintenance] hr {
  width: 100%;
}
div[view-enhanced-maintenance] .maintenance-grouping-container {
  max-width: 350px;
  width: 100%;
  margin-right: 10px;
}
div[view-enhanced-maintenance] .maintenance-grouping-container .fee-section {
  display: inline-flex;
  align-items: flex-end;
  gap: 15px;
}
div[view-enhanced-maintenance] .maintenance-grouping-container .form-group {
  padding-left: 0;
  padding-right: 0;
}
div[view-enhanced-maintenance] .maintenance-grouping-container .searched-items .footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
div[view-enhanced-maintenance] .maintenance-grouping-container .searched-items .footer .clearfix {
  display: none;
}
div[view-enhanced-maintenance] .por-maintenance-search-list .search-list {
  margin: 10px 0;
}
div[view-enhanced-maintenance] .por-maintenance-search-list .search-list .searched-items .footer {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
div[view-enhanced-maintenance] .por-maintenance-search-list .search-list .searched-items .footer .addToCartBtn {
  padding: 8px 12px;
}
div[view-enhanced-maintenance] .por-maintenance-search-list .search-list .searched-items .clearfix {
  display: none;
}
div[view-enhanced-maintenance] .maintenance-search-and-edit {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
div[view-enhanced-maintenance] .maintenance-search-and-edit .search-input {
  padding: 10px;
  margin-top: 10px;
  border: 1px solid #D5D5D5;
  position: relative !important;
  background: #FAF9F9;
}
div[view-enhanced-maintenance] .maintenance-search-and-edit .section-records {
  margin-top: auto;
  text-align: right;
}
.maintenance-grouping-container {
  background: #f4f4f4 !important;
  border: 1px solid #bfbfbf;
  position: relative;
  padding: 8px;
}
.maintenance-grouping-container .form-grouping-header {
  border: 1px solid #bfbfbf;
  clear: both;
  color: #333333;
  /* float: left; */
  font-size: 12px;
  padding: 8px;
  /* margin: 0 0 8px 0; */
  text-transform: uppercase;
  width: 100%;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef', GradientType=0);
}
.maintenance-grouping-container .form-grouping-header a {
  text-transform: capitalize;
}
.maintenance-grouping-container .input-holder {
  clear: both;
}
.maintenance-grouping-container .input-holder:before,
.maintenance-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.maintenance-grouping-container .input-holder:after {
  clear: both;
}
.maintenance-grouping-container .input-holder:before,
.maintenance-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.maintenance-grouping-container .input-holder:after {
  clear: both;
}
.maintenance-grouping-container .input-holder:before,
.maintenance-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.maintenance-grouping-container .input-holder:after {
  clear: both;
}
.maintenance-grouping-container .input-holder:before,
.maintenance-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.maintenance-grouping-container .input-holder:after {
  clear: both;
}
[view-maintenance] .por-maintenance-search-list .search-list {
  margin: 10px 0;
}
[view-maintenance] .por-maintenance-search-list .search-list .dgrid-content.ui-widget-content {
  margin: 8px;
}
.multistore-configuration-pusher .item-pusher-checkbox-container {
  display: flex;
  flex-wrap: wrap;
  margin: 10px;
  justify-content: space-between;
  overflow-y: auto;
  max-height: 400px;
  background: #f8f8f8;
}
.multistore-configuration-pusher .item-pusher-checkbox-container .pushable-checkbox {
  width: 48%;
  border-bottom: 1px solid #efefef;
  padding-top: 10px;
}
.multistore-configuration-pusher .select-all-action {
  margin: 10px;
}
.multistore-configuration-pusher .pusher-instructions {
  padding: 10px;
  font-size: 13px;
  background-color: #dddddd;
  border-bottom: 1px solid #333333;
}
.multistore-configuration-pusher label {
  display: flex;
  align-items: end;
}
.multistore-configuration-pusher .config-options {
  margin-right: 5px;
  width: 100% !important;
  max-width: 13px;
}
.multistore-configuration-pusher .ConfigControls {
  margin: 10px;
  display: flex;
  align-items: center;
}
.multistore-configuration-pusher .ConfigControls .config-search {
  flex-grow: 1;
}
.multistore-configuration-pusher .ConfigControls .config-search .form-control:focus {
  border-color: initial;
  outline: initial;
  box-shadow: initial;
}
.multistore-configuration-pusher .ConfigControls .pusher-buttons {
  margin-left: 10px;
}
.multistore-configuration-pusher .ConfigControls .pusher-buttons .action-btn {
  background: #dddddd;
}
.multistore-configuration-pusher .ConfigControls .pusher-buttons .btn-group {
  margin-left: inherit;
}
.free-trial-days-left {
  position: fixed;
  min-height: 3em;
  bottom: 32px;
  left: 15px;
  display: block;
  max-width: 100%;
}
.payment-days {
  color: black;
  font-size: 12px;
}
@media screen and (max-width: 768px) {
  #universalFooter {
    min-height: 32px;
  }
}
@media (max-width: 550px) {
  .customer-search-container .btn-row-eq-height {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .customer-search-container .btn-row-eq-height button.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 42px;
    float: none !important;
    margin: 0 !important;
    font-size: 13px;
  }
  .customer-search-container .card-view .dgrid-content {
    grid-template-columns: repeat(auto-fit, minmax(310px, 100%));
    -ms-grid-columns: repeat(auto-fit, minmax(310px, 100%));
  }
  [view-transaction-edit] .transaction-creation-item-list .transaction-accordion-readonly {
    display: flex;
  }
  [view-transaction-edit] .transaction-creation-item-list .transaction-accordion-readonly .transaction-accordion-customer-details span.transaction-accordion-customer-label {
    font-weight: 600;
  }
  [view-transaction-edit] .transaction-creation-item-list .transaction-accordion-readonly .transaction-accordion-customer-edit {
    width: 25%;
  }
  [view-transaction-edit] .transaction-creation-item-list .transaction-accordion-readonly .transaction-accordion-customer-edit button.por-transaction-edit-customer-button {
    min-height: 42px;
    border: 1px solid #cccccc;
  }
  [view-transaction-edit] .transaction-edit-details-view .form-group.fullLineLabel {
    margin-bottom: 15px;
  }
  [view-transaction-edit] .transaction-edit-details-view .delivery-pickup-info .location-delivery-col fieldset {
    margin-bottom: 10px;
  }
  [view-transaction-edit] .transaction-edit-details-view .record-actions-for-view-viewTransactionEditDetails.section-records {
    padding: 8px 4px;
  }
  [view-transaction-edit] .transaction-edit-details-view .record-actions-for-view-viewTransactionEditDetails.section-records button.action-btn {
    min-height: 42px;
    font-size: 13px;
  }
  [view-transaction-edit] .transaction-edit-details-view .record-actions-for-view-viewTransactionEditDetails.section-records span[ng-show="!skipSave"] button.action-btn {
    background-color: #43c3da;
    border-color: #28B4CC;
  }
  [view-transaction-edit] .transaction-edit-details-view .record-actions-for-view-viewTransactionEditDetails.section-records .auxSaveButton {
    width: 100%;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .form-grouping-header {
    font-size: 18px;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .form-grouping-sub-header {
    font-size: 14px;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .form-grouping-header,
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .form-grouping-sub-header {
    padding: 0 8px;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row:nth-of-type(2) {
    border: 1px solid #D5D5D5;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table {
    display: table;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr {
    position: relative;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell {
    font-weight: 500;
    text-align: left;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:not(:nth-of-type(2)) {
    padding-left: 100px !important;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:nth-of-type(3) {
    position: absolute;
    text-align: right;
    right: 0;
    top: 0;
    width: 100%;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:nth-of-type(2),
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:nth-of-type(3),
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:before {
    font-weight: bolder;
  }
  [view-transaction-edit] .transaction-edit-details-view [view-transaction-list-by-customer] .grid-view .dgrid-scroller .dgrid-content .dgrid-row .dgrid-row-table tr .dgrid-cell:before {
    min-width: 100px;
    position: absolute;
    left: 8px;
  }
}
[view-performance] th.start {
  background-color: #93e090;
}
[view-performance] th.end {
  background-color: #e0a8af;
}
[view-performance] th.diff {
  background-color: #a0c3e0;
}
[view-performance] th.comp1 {
  background-color: #fffeaf;
}
[view-performance] th.comp2 {
  background-color: #ffffe2;
}
[view-performance] .start.even {
  background-color: #FFF;
}
[view-performance] .end.even {
  background-color: #FFF;
}
[view-performance] .start.odd {
  background-color: #DDD;
}
[view-performance] .end.odd {
  background-color: #DDD;
}
[view-performance] .odd {
  background-color: #DDD;
}
[view-performance] .even {
  background-color: #FFF;
}
[view-performance] .configs > div {
  width: 400px;
}
[view-performance] input {
  color: #333;
}
[view-performance] table {
  border-bottom: 1px solid #555;
  border-left: 1px solid #999;
}
[view-performance] table tr {
  border-top: 1px solid #555;
}
[view-performance] table td,
[view-performance] table th {
  padding: 4px;
  border-right: 1px solid #999;
  min-width: 70px;
}
[view-performance] table input {
  text-align: right;
  height: 24px;
  width: 70px;
}
[view-performance] table td.start input {
  background-color: #e1f6e0;
}
[view-performance] table td.end input {
  background-color: #fbf3f4;
}
[view-performance] table td.diff {
  background-color: #edf4f9;
}
[view-performance] table td.diff div {
  padding: 2px;
}
[view-performance] table td.comp div {
  padding: 2px;
}
[view-performance] table td.comp.negative div {
  margin: 2px 5px;
  background-color: #baffbc;
}
[view-performance] table td.comp.positive div {
  margin: 2px 5px;
  background-color: #ffbfc6;
}
[view-performance] table th {
  text-align: center;
}
[view-performance] table td {
  text-align: right;
}
[view-performance] table a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
[view-performance] table a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
[view-performance] table a:hover,
[view-performance] table a:focus {
  color: #333;
  text-decoration: none;
}
[view-performance] table a:active,
[view-performance] table a.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
[view-performance] table a.disabled,
[view-performance] table a[disabled],
fieldset[disabled] [view-performance] table a {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
[view-performance] table a .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
[view-performance] table a .por-icon {
  font-size: 16px;
}
[view-purchase-order-edit] .por-icon {
  margin: 0;
}
[view-purchase-order-edit] .icon-expand:before,
[view-purchase-order-edit] .icon-collapse:before {
  color: #143c58;
  font-size: 14px;
  letter-spacing: 0;
}
[view-purchase-order-edit] .po-form-container {
  display: flex;
  flex-wrap: wrap;
}
[view-purchase-order-edit] .po-form-container > .last-col {
  order: 2;
  flex-shrink: 0;
}
[view-purchase-order-edit] .po-form-container > .first-col {
  order: 1;
  flex-shrink: 0;
}
[view-purchase-order-edit] .po-form-container .row-input-container .datepicker-input {
  margin: 5px 10px 20px 0;
}
[view-purchase-order-edit] .po-form-container .row-input-container .datepicker-trigger {
  margin: 5px 0 0 0;
}
[view-purchase-order-edit] .po-form-container .po-form-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #bfbfbf;
}
[view-purchase-order-edit] .po-form-container .po-form-header h5 {
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .po-form-header .por-icon-edit:before {
  font-size: 15px;
}
[view-purchase-order-edit] .po-form-container .form-grouping-container {
  padding: 0;
}
[view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-header:not(:first-child) {
  border-top: 1px solid #bfbfbf;
}
[view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-group {
  padding: 10px 0;
}
@media screen and (max-width: 1024px) {
  [view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-group {
    padding: 10px;
  }
}
[view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-group.no-edit {
  font-size: 13px;
  display: inline-block;
  padding-bottom: 0;
}
[view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-group .form-label {
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .form-grouping-container .po-form-group .po-notes {
  overflow-wrap: break-word;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group {
  padding: 0;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .input-holder {
  display: flex;
  flex-wrap: wrap;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .input-holder .form-group {
  margin: 0 0 10px 0;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .input-holder .one-fifth {
  flex: 0 0 20%;
}
@media screen and (max-width: 1024px) {
  [view-purchase-order-edit] .po-form-container .po-item-form-group .input-holder .one-fifth {
    flex: 0 0 50%;
    padding: 0 20px;
  }
}
@media screen and (max-width: 500px) {
  [view-purchase-order-edit] .po-form-container .po-item-form-group .input-holder .one-fifth {
    flex: 0 0 100%;
    padding: 0 20px;
  }
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .item-search-group {
  padding: 0 10px;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .item-search-group .search-list .form-grouping-header {
  border: none;
  margin: 0;
  max-width: 40em;
  background: #f4f4f4;
}
[view-purchase-order-edit] .po-form-container .po-item-form-group .item-search-group .addItem {
  display: block;
  margin-left: auto;
}
[view-purchase-order-edit] .po-form-container .po-item-section {
  display: flex;
  flex-direction: column;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-actions {
  background: #a2d7f3 !important;
  border: 1px solid #143c58;
  padding: 7px 15px;
  display: flex;
  justify-content: flex-end;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-actions .action-btn {
  min-width: 75px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item {
  margin-top: 10px;
  background: #f4f4f4 !important;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-collapsed {
  border: 1px solid #bfbfbf;
  padding: 10px 16px;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-collapsed .po-item-details {
  flex-basis: 100%;
  display: flex;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-collapsed .po-item-detail {
  width: 30%;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-collapsed .po-item-detail .po-item-label {
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-expanded {
  border: 1px solid #bfbfbf;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-expanded .po-item-form-group {
  padding: 10px 0;
}
@media screen and (max-width: 768px) {
  [view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-expanded .po-item-form-group {
    padding: 10px;
  }
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-expanded .po-item-label {
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-expanded .c-currency {
  position: initial;
  padding: 0;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item:not(:first-child) {
  border-top: 0;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-copy-container {
  display: flex;
  align-items: center;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-copy-container .po-copy {
  position: relative;
  margin-right: 8px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-copy-container .po-copy:before {
  color: #5cb85c;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-copy-container .po-copy:after {
  content: '';
  position: absolute;
  border: 1px dotted #5cb85c;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  top: -3px;
  left: 3px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-copy-container .po-item-fulfilled {
  color: #5cb85c;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-details,
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row {
  border-top: 1px solid #bfbfbf;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-header,
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row > div {
  display: flex;
  align-items: center;
  width: 100%;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-header .four-fifths,
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row .four-fifths {
  border-left: 1px solid #bfbfbf;
  display: flex;
  justify-content: space-between;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-header label {
  margin: 0;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-header > span {
  padding: 10px 20px;
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row .po-receive-popup .icon {
  display: none;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row .has-error .po-receive-popup .icon {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  padding-left: 11px;
  line-height: 34px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row > div {
  height: 45px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row > div > span {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  height: 100%;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row > div > span .row-input-container {
  position: relative;
  width: 100%;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row > div .po-receive-delete {
  text-decoration: underline;
  color: #d9534f;
  padding: 5px 10px;
  margin-right: 10px;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row:nth-child(even) {
  background-color: #cccccc;
}
[view-purchase-order-edit] .po-form-container .po-item-section .po-items .po-item-receive-detail-row:nth-child(odd) {
  background-color: #ffffff;
}
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:hover,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:focus,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:active,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.active,
.open .dropdown-toggle[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:active,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.active,
.open .dropdown-toggle[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive {
  background-image: none;
}
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.disabled,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive[disabled],
fieldset[disabled] [view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.disabled:hover,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive[disabled]:hover,
fieldset[disabled] [view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:hover,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.disabled:focus,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive[disabled]:focus,
fieldset[disabled] [view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:focus,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.disabled:active,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive[disabled]:active,
fieldset[disabled] [view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive:active,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.disabled.active,
[view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive[disabled].active,
fieldset[disabled] [view-purchase-order-edit] .po-form-container .po-item-section .action-btn-receive.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
[view-purchase-order-edit] .po-form-container .po-totals {
  padding: 10px;
  margin: 10px 20px;
  display: block;
  background-color: #cccccc;
  font-size: 13px;
}
[view-purchase-order-edit] .po-form-container .po-totals tbody {
  display: block;
}
[view-purchase-order-edit] .po-form-container .po-totals .po-total {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  border: 1px solid #bfbfbf;
  background-color: #ffffff;
}
[view-purchase-order-edit] .po-form-container .po-totals .po-total .readonly-total {
  padding-right: 30px;
}
[view-purchase-order-edit] .po-form-container .po-totals .po-total:not(:first-child) {
  border-top: 0;
}
[view-purchase-order-edit] .po-form-container .po-totals .po-grand-total {
  background-color: #fcf8e3;
}
[view-purchase-order-edit] .po-form-container .po-totals .po-grand-total td {
  font-weight: bold;
}
[view-purchase-order-edit] .po-form-container .po-totals .inline-edit-actions .por-icon {
  font-size: 10px;
}
[view-purchase-order-edit] .form-group {
  margin: 0;
}
[view-purchase-order-edit] .btn {
  width: initial;
}
@media screen and (max-width: 768px) {
  [view-purchase-order-edit] .section-records {
    width: 100%;
  }
}
[view-purchase-order] .po-grid-status-FULFILLED {
  color: #5cb85c;
}
[view-purchase-order] .po-grid-status-FULFILLED:before {
  content: "\f046";
}
[view-purchase-order] .po-grid-status-BACKORDERED {
  color: #5bc0de;
}
[view-purchase-order] .po-grid-status-BACKORDERED:before {
  content: "\f187";
}
[view-purchase-order] .po-grid-status-REQUESTED {
  color: #f0ad4e;
}
[view-purchase-order] .po-grid-status-REQUESTED:before {
  content: "\f017";
}
.qbo-setup {
  width: 80em;
  max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.qbo-setup .one-half.first-col {
  padding-right: 2em;
}
.qbo-setup .one-half.last-col {
  padding-left: 2em;
}
.qbo-setup .one-half .select-account,
.qbo-setup .one-half .create-account {
  background: white;
  border-radius: 0.5em;
  padding: 0.5em;
}
.rate {
  font-size: 75%;
  position: relative;
  top: -0.25em;
}
.help-text {
  color: #666;
  font-weight: normal;
  font-size: 14px;
  margin-left: 2.5em;
  text-indent: -0.75em;
  white-space: pre-wrap;
}
.account-record {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 16.5px;
  font-weight: 200;
  line-height: 2.14285714;
  color: inherit;
  background-color: #eeeeee;
  padding: 1em !important;
  border-radius: 0.5em;
}
.account-record h1 {
  line-height: 1;
  color: inherit;
}
.account-record p {
  line-height: 1.4;
}
.container .account-record {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .account-record {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .account-record {
    padding-left: 60px;
    padding-right: 60px;
  }
  .account-record h1 {
    font-size: 49.5px;
  }
}
.small {
  font-size: 75%;
}
.or {
  width: 4em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2em;
}
.account-container {
  position: relative;
}
.account-container h2 {
  margin-bottom: 1em;
}
.page-title.qbo {
  text-align: center;
}
.qbo-setup .action-btn-connect-to-qbo img {
  width: 20em;
}
.qbo-setup .section {
  font-size: 140%;
  border: 1px solid #CCC;
  border-bottom: none;
  padding: 5px 10px;
}
.qbo-setup .section:before,
.qbo-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.qbo-setup .section:after {
  clear: both;
}
.qbo-setup .section:before,
.qbo-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.qbo-setup .section:after {
  clear: both;
}
.qbo-setup .section:before,
.qbo-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.qbo-setup .section:after {
  clear: both;
}
.qbo-setup .section:before,
.qbo-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.qbo-setup .section:after {
  clear: both;
}
.qbo-setup .section:last-child {
  border-bottom: 1px solid #CCC;
}
.qbo-setup .section:first-of-type {
  border: none;
}
.qbo-setup .section:first-of-type h3 {
  font-weight: bolder;
}
.qbo-setup .section button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 5px;
  position: relative;
  font-size: 13px;
}
.qbo-setup .section button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.qbo-setup .section button:hover,
.qbo-setup .section button:focus {
  color: #333;
  text-decoration: none;
}
.qbo-setup .section button:active,
.qbo-setup .section button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.qbo-setup .section button.disabled,
.qbo-setup .section button[disabled],
fieldset[disabled] .qbo-setup .section button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.qbo-setup .section button .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.qbo-setup .section button .por-icon {
  font-size: 16px;
}
.qbo-setup .section button.create,
.qbo-setup .section button.change {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  padding-left: 1em;
  padding-right: 1em;
}
.qbo-setup .section button.create:hover,
.qbo-setup .section button.change:hover,
.qbo-setup .section button.create:focus,
.qbo-setup .section button.change:focus,
.qbo-setup .section button.create:active,
.qbo-setup .section button.change:active,
.qbo-setup .section button.create.active,
.qbo-setup .section button.change.active,
.open .dropdown-toggle.qbo-setup .section button.create,
.open .dropdown-toggle.qbo-setup .section button.change {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.qbo-setup .section button.create:active,
.qbo-setup .section button.change:active,
.qbo-setup .section button.create.active,
.qbo-setup .section button.change.active,
.open .dropdown-toggle.qbo-setup .section button.create,
.open .dropdown-toggle.qbo-setup .section button.change {
  background-image: none;
}
.qbo-setup .section button.create.disabled,
.qbo-setup .section button.change.disabled,
.qbo-setup .section button.create[disabled],
.qbo-setup .section button.change[disabled],
fieldset[disabled] .qbo-setup .section button.create,
fieldset[disabled] .qbo-setup .section button.change,
.qbo-setup .section button.create.disabled:hover,
.qbo-setup .section button.change.disabled:hover,
.qbo-setup .section button.create[disabled]:hover,
.qbo-setup .section button.change[disabled]:hover,
fieldset[disabled] .qbo-setup .section button.create:hover,
fieldset[disabled] .qbo-setup .section button.change:hover,
.qbo-setup .section button.create.disabled:focus,
.qbo-setup .section button.change.disabled:focus,
.qbo-setup .section button.create[disabled]:focus,
.qbo-setup .section button.change[disabled]:focus,
fieldset[disabled] .qbo-setup .section button.create:focus,
fieldset[disabled] .qbo-setup .section button.change:focus,
.qbo-setup .section button.create.disabled:active,
.qbo-setup .section button.change.disabled:active,
.qbo-setup .section button.create[disabled]:active,
.qbo-setup .section button.change[disabled]:active,
fieldset[disabled] .qbo-setup .section button.create:active,
fieldset[disabled] .qbo-setup .section button.change:active,
.qbo-setup .section button.create.disabled.active,
.qbo-setup .section button.change.disabled.active,
.qbo-setup .section button.create[disabled].active,
.qbo-setup .section button.change[disabled].active,
fieldset[disabled] .qbo-setup .section button.create.active,
fieldset[disabled] .qbo-setup .section button.change.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.qbo-setup .section button.create {
  box-shadow: 0 5px 15px rgba(92, 184, 92, 0.4);
}
.qbo-setup .section button.create:hover {
  box-shadow: 0 5px 15px rgba(92, 184, 92, 0.6);
}
.qbo-setup .section button.current {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  /*
        &:after {
          .fa;
          display:block;
          color:black;
          position:absolute;
          top:-.5em;
          right:-.5em;
          content:@fa-var-check;
        }
        */
}
.qbo-setup .section button.current:hover,
.qbo-setup .section button.current:focus,
.qbo-setup .section button.current:active,
.qbo-setup .section button.current.active,
.open .dropdown-toggle.qbo-setup .section button.current {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.qbo-setup .section button.current:active,
.qbo-setup .section button.current.active,
.open .dropdown-toggle.qbo-setup .section button.current {
  background-image: none;
}
.qbo-setup .section button.current.disabled,
.qbo-setup .section button.current[disabled],
fieldset[disabled] .qbo-setup .section button.current,
.qbo-setup .section button.current.disabled:hover,
.qbo-setup .section button.current[disabled]:hover,
fieldset[disabled] .qbo-setup .section button.current:hover,
.qbo-setup .section button.current.disabled:focus,
.qbo-setup .section button.current[disabled]:focus,
fieldset[disabled] .qbo-setup .section button.current:focus,
.qbo-setup .section button.current.disabled:active,
.qbo-setup .section button.current[disabled]:active,
fieldset[disabled] .qbo-setup .section button.current:active,
.qbo-setup .section button.current.disabled.active,
.qbo-setup .section button.current[disabled].active,
fieldset[disabled] .qbo-setup .section button.current.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.qbo-setup .porField {
  width: 40%;
}
.qbo-setup .remoteField {
  width: 50%;
  display: flex;
  align-items: start;
}
.qbo-setup .remoteField .create {
  margin-left: auto;
}
.qbo-setup .porField,
.qbo-setup .remoteField {
  float: left;
  text-align: left;
}
.qbo-setup .porField.create,
.qbo-setup .remoteField.create {
  padding-left: 2em;
}
.qbo-setup .connected {
  width: 10%;
  text-align: center;
  float: left;
}
.qbo-setup .tax-rate-detail {
  margin-left: 2em;
  font-size: 75%;
}
.qbo-setup .tax-rate-detail span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\221f";
  position: relative;
  top: -0.25em;
}
.qbo-setup .tax-rate-detail span:before.fa-pull-left {
  margin-right: 0.3em;
}
.qbo-setup .tax-rate-detail span:before.fa-pull-right {
  margin-left: 0.3em;
}
.qbo-setup .tax-rate-detail span:before.pull-left {
  margin-right: 0.3em;
}
.qbo-setup .tax-rate-detail span:before.pull-right {
  margin-left: 0.3em;
}
.qbo-setup .linked {
  background-color: #dff0d8;
  position: relative;
}
.qbo-setup .linked:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  position: absolute;
  top: 50%;
  left: -1.1em;
  margin-top: -0.5em;
  color: #5cb85c;
  font-size: 1.3em;
}
.qbo-setup .linked:before.fa-pull-left {
  margin-right: 0.3em;
}
.qbo-setup .linked:before.fa-pull-right {
  margin-left: 0.3em;
}
.qbo-setup .linked:before.pull-left {
  margin-right: 0.3em;
}
.qbo-setup .linked:before.pull-right {
  margin-left: 0.3em;
}
.qbo-setup .linked-modified {
  background-color: #fcf8e3;
  position: relative;
}
.qbo-setup .linked-modified:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  position: absolute;
  top: 50%;
  left: -1.1em;
  margin-top: -0.5em;
  color: #f0ad4e;
  font-size: 1.3em;
}
.qbo-setup .linked-modified:before.fa-pull-left {
  margin-right: 0.3em;
}
.qbo-setup .linked-modified:before.fa-pull-right {
  margin-left: 0.3em;
}
.qbo-setup .linked-modified:before.pull-left {
  margin-right: 0.3em;
}
.qbo-setup .linked-modified:before.pull-right {
  margin-left: 0.3em;
}
[view-quick-receive] {
  position: relative;
  text-align: center;
}
[view-quick-receive] .container {
  width: 100%;
  margin: 0 auto;
  margin-top: 20px;
  text-align: left;
}
[view-quick-receive] #scanInputValue {
  position: relative;
  max-width: 500px;
  font-size: 20px;
  line-height: 20px;
}
[view-quick-receive] #scanInputValue button {
  position: absolute;
  top: 25px;
  height: 34px;
  right: 0px;
  border-radius: 0 4px 4px 0;
  background-color: #cccccc;
  border-color: #f8f8f8;
}
[view-quick-receive] #lastScanResults {
  max-width: 90%;
  border: 1px solid #555555;
}
[view-quick-receive] #scanHistory {
  max-width: 90%;
  border: 1px solid #555555;
}
[view-quick-receive] table {
  width: 100%;
  text-align: left;
}
[view-quick-receive] table tbody tr.error {
  background-color: #f56767;
  color: #ffffff;
}
[view-quick-receive] table tbody tr.error a {
  color: #56b6f4;
}
[view-quick-receive] table tbody tr.current {
  background-color: #DEFEC9;
}
[view-quick-receive] table tbody tr {
  background-color: #efefef;
  color: #000000;
  border-bottom: 1px solid #efefef;
}
[view-quick-receive] table tbody tr:last-child {
  border-bottom: none;
}
[view-quick-receive] table th {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  padding: 0.5em;
  text-align: left;
  background-color: #cccccc;
  color: #000000;
}
[view-quick-receive] table td {
  font-size: 14px;
  line-height: 14px;
  padding: 0.5em;
  text-align: left;
}
[view-quick-receive] table .field-GrandTotal,
[view-quick-receive] table .field-AmountDue {
  text-align: left;
}
[view-quick-receive] h2 {
  width: 100%;
  text-align: left;
  font-weight: normal;
  background-color: #999999;
  color: #ffffff;
  padding: 0.5em;
}
[view-register-config-edit] .page-title {
  margin: 4px 0;
}
[view-register-config-edit] .register-terminal-setup {
  margin-top: 24px;
}
[view-rate-scale-edit] .price-sheet-input-container {
  display: flex;
  align-items: flex-end;
  margin: 16px 0;
}
[view-rate-scale-edit] .price-sheet-input-container .price-sheet-input {
  margin-bottom: 0;
}
[view-rate-scale-edit] .price-sheet-input-container > * {
  margin: 0;
}
[view-rate-scale-edit] .price-sheet-input-container > *.checkbox-wrapper.labelSecondLabel,
[view-rate-scale-edit] .price-sheet-input-container > * .form-group.labeled-second {
  margin: 0;
}
[view-rate-scale-edit] .price-sheet-input-container > * .select2-container {
  position: revert;
}
[view-rate-scale-edit] .section-title {
  text-transform: none;
}
[view-rate-scale-edit] .padding-base {
  padding: 8px 0;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table.table-bordered {
  border: 1px solid #dddddd;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td:nth-child(3),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th:nth-child(3),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td:nth-child(6),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th:nth-child(6),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td:nth-child(7),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th:nth-child(7),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td:nth-child(8),
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th:nth-child(8) {
  max-width: 100px;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td input[type="checkbox"] {
  width: 100% !important;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td.field-Rate > div,
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td.field-Price > div,
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th > div {
  margin-bottom: 0;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td.field-Rate .scrOnlyLabel .error-feedback .calculator-input,
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr td.field-Price .scrOnlyLabel .error-feedback .calculator-input,
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th .scrOnlyLabel .error-feedback .calculator-input {
  padding-left: 52.5px;
  padding-right: 25px;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr th > table .field-BaseRate {
  margin-bottom: 0;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table > * tr .action-btn.action-btn-delete {
  margin: 0;
  min-width: 30px;
  padding: 6px;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table tfoot td > * {
  margin-bottom: 0;
  position: relative;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table tfoot td .scrOnlyLabel .error-feedback .duration-input {
  padding-left: 35px;
  padding-right: 0;
  position: relative;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table tfoot td .popup.popup-popover.popover {
  top: 32px !important;
  left: -10px !important;
  max-width: revert;
  white-space: nowrap;
  position: absolute;
}
[view-rate-scale-edit] .rate-periods-table-container .rate-periods-table tfoot td .popup.popup-popover.popover .arrow {
  left: 57px !important;
}
[view-rate-scale-edit] .price-sheet-schedule {
  display: flex;
  align-items: center;
  gap: 10px;
}
[view-rate-scale-edit] .price-sheet-schedule p {
  margin: 0;
}
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table th {
  font-size: 11px;
}
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-Type,
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-StartDate,
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-EndDate {
  margin-bottom: 0;
}
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-Type .datepicker-trigger:before,
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-StartDate .datepicker-trigger:before,
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .field-EndDate .datepicker-trigger:before {
  font-size: 16.5px;
}
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-body .rate-scale-applicable-table .section-records {
  float: none;
  padding-left: 0;
}
[view-rate-scale-edit] .modal.popup-modal .modal-dialog .popup-content .modal-footer button {
  margin-right: 0;
}
.rpt-date-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}
.rpt-date-label {
  width: 100%;
}
.rpt-date-days {
  width: 19.5%;
  flex: 1 1 15%;
  min-width: 3em;
}
.rpt-date-days-label {
  width: 19.5%;
  flex: 1 1 3em;
  max-width: 3em;
  min-width: 3em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.75em;
}
.rpt-date-direction {
  width: 19.5%;
  flex: 1 1 15%;
  margin-left: 0.5em;
}
.rpt-date-relative-base {
  width: 54.5%;
  flex: 2 2 50%;
  margin-left: 0.5em;
}
.wrTbContainer {
  line-height: normal;
}
[view-report-run] button.btn.btn-sm {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
}
[view-report-run] button.btn.btn-sm.favorite-btn {
  margin-inline-start: 0;
}
[view-report-run] button.btn.btn-sm span.por-icon {
  font-size: 1em;
}
[view-report-run] .one-third.form-grouping-container.with-variables {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding-inline: 12px;
}
[view-report-run] .one-third.form-grouping-container.with-variables .report-actions-container {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
@media (max-width: 570px) {
  [view-report-run] .one-third.form-grouping-container.with-variables .report-actions-container .dropdown-toggle {
    width: fit-content;
  }
}
[view-report-run] .one-third.form-grouping-container.with-variables .reports-macros.hide-from-printers {
  order: 2;
}
[view-role-management-edit] .role-management-row div {
  display: inline-block;
  min-width: 1.5em;
  padding-left: 0.35em;
}
[view-role-management-edit] .role-deselection-container {
  margin-bottom: 15px;
}
[view-role-management-edit] .role-deselection-container > span {
  font-weight: bold;
}
[view-role-management-edit] .role-deselection-container .roles-selected {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
}
[view-role-management-edit] .role-deselection-container .roles-selected .role-selected {
  border: 1px solid #cccccc;
  border-radius: 3px;
  padding: 5px;
  margin: 4px 8px 4px 0;
}
[view-role-management-edit] .role-deselection-container .roles-selected .role-selected:after {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  padding-left: 3px;
}
[view-role-management-edit] .role-management-description {
  font-size: 14px;
  margin-bottom: 5px;
}
[view-role-management-edit] .role-management-cols {
  display: flex;
  flex-wrap: wrap;
}
[view-role-management-edit] .role-management-cols .role-management-col {
  flex-basis: 20%;
  margin-bottom: 20px;
  min-width: max-content;
  margin-right: 2em;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row-header {
  margin: 5px 10px 5px 38px;
  font-weight: bold;
  font-size: 14px;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row input[type="checkbox"] {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  color: #333333;
  display: inline-block;
  appearance: initial;
  margin: 3px 3px 3px 0;
  position: relative;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row input[type="checkbox"]:focus {
  outline: none;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row input[type="checkbox"]:before {
  content: "\f096";
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row input[type="checkbox"].role-selection-checkbox:checked:before {
  content: "\f046";
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row input[type="checkbox"].role-exclusion-checkbox:checked:before {
  content: "\f147";
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .form-error-container ul,
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .form-error-container ol {
  margin: 0;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .row {
  margin: 0;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .checkbox-wrapper {
  margin: 0;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .checkbox-wrapper .labeled-second {
  border: 0;
  margin: 0;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .checkbox {
  margin: 3px 0 3px 0;
}
[view-role-management-edit] .role-management-cols .role-management-col .role-management-row .checkbox label {
  display: inline-block;
  width: 100%;
  box-sizing: content-box;
}
.saml-config-con {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}
.saml-config-con .form-group.with-following-text {
  margin-bottom: 5px;
}
.saml-config-con .saml-section:not(:first-child) {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .saml-config-con .saml-section:not(:first-child) {
    float: left;
    width: 50%;
  }
}
.saml-config-con .saml-section:nth-child(3),
.saml-config-con .saml-section:nth-child(4) {
  border-left: 1px solid lightgrey;
  padding-left: 15px;
}
.saml-config-con .saml-section:nth-child(3):nth-child(4),
.saml-config-con .saml-section:nth-child(4):nth-child(4) {
  padding-right: 0px;
}
.saml-config-con .saml-section .x509 {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  white-space: pre-line;
}
.saml-config-con .saml-section .idp-logout-or {
  font-style: italic;
  text-align: center;
}
.setup-wizard {
  font-size: 1.5em;
}
.setup-wizard h1 {
  font-size: 1.25em;
}
.setup-wizard .calculator-trigger:before,
.setup-wizard .duration-calculator-trigger:before,
.setup-wizard .form-group .por-icon:before {
  top: 0.2em;
  left: 0.2em;
  font-size: 1.2em;
}
.setup-wizard .setup-question {
  color: #3276b1;
  font-weight: bolder;
  padding-bottom: 5px;
  padding-top: 2em;
}
.setup-wizard .field-Address1 {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-Address1 {
    float: left;
    width: 66.66666667%;
  }
}
.setup-wizard .field-Address2 {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-Address2 {
    float: left;
    width: 33.33333333%;
  }
}
.setup-wizard .field-City {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-City {
    float: left;
    width: 41.66666667%;
  }
}
.setup-wizard .field-State {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-State {
    float: left;
    width: 25%;
  }
}
.setup-wizard .field-PostalCode {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-PostalCode {
    float: left;
    width: 33.33333333%;
  }
}
.setup-wizard .field-Country {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-Country {
    float: left;
    width: 100%;
  }
}
.setup-wizard .field-Phone {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-Phone {
    float: left;
    width: 100%;
  }
}
.setup-wizard .field-DamageWaiver,
.setup-wizard .field-RoundPeriod {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-DamageWaiver,
  .setup-wizard .field-RoundPeriod {
    float: left;
    width: 100%;
  }
}
.setup-wizard .field-Price .with-icon .form-input-container .c-currency.symbol-before,
.setup-wizard .field-Price .with-icon .inline-edit-wrapper .c-currency.symbol-before {
  left: 1.5em;
  top: -0.35em;
}
.setup-wizard .field-Price input {
  font-size: 1.25em;
}
.setup-wizard .field-Price .popover-calc {
  font-size: 0.75em;
}
.setup-wizard .field-Rate,
.setup-wizard .field-Region {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-Rate,
  .setup-wizard .field-Region {
    float: left;
    width: 50%;
  }
}
.setup-wizard .field-InitialTransactionKey,
.setup-wizard .preview-InitialTransactionKey {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-InitialTransactionKey,
  .setup-wizard .preview-InitialTransactionKey {
    float: left;
    width: 50%;
  }
}
.setup-wizard .field-InitialInvoiceKey,
.setup-wizard .preview-InitialInvoiceKey {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-InitialInvoiceKey,
  .setup-wizard .preview-InitialInvoiceKey {
    float: left;
    width: 50%;
  }
}
.setup-wizard [class*="preview-"] {
  font-weight: bold;
  font-size: 1.25em;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 1px 16px;
}
.setup-wizard .currency-wrapper {
  float: right;
  padding-top: 2px;
}
.setup-wizard .preview-Currency {
  margin-top: 2em;
}
.setup-wizard .field-RentalTerms,
.setup-wizard .field-HasInvoicing {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-RentalTerms,
  .setup-wizard .field-HasInvoicing {
    float: left;
    width: 100%;
  }
}
.setup-wizard .field-UseTaxInclusivePricing {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-UseTaxInclusivePricing {
    float: left;
    width: 100%;
  }
}
.setup-wizard .field-RoundingAmountCash,
.setup-wizard .field-RoundingAmountOther {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-RoundingAmountCash,
  .setup-wizard .field-RoundingAmountOther {
    float: left;
    width: 50%;
  }
}
.setup-wizard .closed-day {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .closed-day {
    float: left;
    width: 14.28571429%;
  }
}
.setup-wizard .closed-day label {
  text-align: center;
  display: block;
}
.setup-wizard .closed-day input {
  margin: 0 auto;
}
.setup-wizard .has-open-every-day.closed-day {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .has-open-every-day.closed-day {
    float: left;
    width: 12.5%;
  }
}
.setup-wizard .company-hours-label {
  padding-top: 25px;
}
.setup-wizard .company-hours .company-hours-label {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .company-hours .company-hours-label {
    float: left;
    width: 16.66666667%;
  }
}
.setup-wizard .company-hours .field-OpenTime,
.setup-wizard .company-hours .field-CloseTime {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .company-hours .field-OpenTime,
  .setup-wizard .company-hours .field-CloseTime {
    float: left;
    width: 41.66666667%;
  }
}
.setup-wizard .radio-wrapper,
.setup-wizard .checkbox-wrapper {
  margin-left: 2em;
}
.setup-wizard .radio-wrapper.checkbox-wrapper,
.setup-wizard .checkbox-wrapper.checkbox-wrapper {
  margin-left: 1em;
  margin-right: 1em;
}
.setup-wizard .radio-wrapper.checkbox-wrapper div.checkbox,
.setup-wizard .checkbox-wrapper.checkbox-wrapper div.checkbox {
  margin-right: 1.5em;
}
.setup-wizard .radio-wrapper *,
.setup-wizard .checkbox-wrapper * {
  margin: 0;
  padding: 0;
  padding-top: 2px;
}
.setup-wizard .field-RatePeriodName,
.setup-wizard .field-RatePeriodDuration {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .setup-wizard .field-RatePeriodName,
  .setup-wizard .field-RatePeriodDuration {
    float: left;
    width: 41.66666667%;
  }
}
.setup-wizard .button-AddRatePeriod {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  color: #fff;
  background-color: #143c58;
  border-color: #0f2e43;
  margin-top: 5em;
}
@media (min-width: 768px) {
  .setup-wizard .button-AddRatePeriod {
    float: left;
    width: 16.66666667%;
  }
}
.setup-wizard .button-AddRatePeriod:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.setup-wizard .button-AddRatePeriod:hover,
.setup-wizard .button-AddRatePeriod:focus {
  color: #333;
  text-decoration: none;
}
.setup-wizard .button-AddRatePeriod:active,
.setup-wizard .button-AddRatePeriod.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.setup-wizard .button-AddRatePeriod.disabled,
.setup-wizard .button-AddRatePeriod[disabled],
fieldset[disabled] .setup-wizard .button-AddRatePeriod {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.setup-wizard .button-AddRatePeriod .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.setup-wizard .button-AddRatePeriod .por-icon {
  font-size: 16px;
}
.setup-wizard .button-AddRatePeriod:hover,
.setup-wizard .button-AddRatePeriod:focus,
.setup-wizard .button-AddRatePeriod:active,
.setup-wizard .button-AddRatePeriod.active,
.open .dropdown-toggle.setup-wizard .button-AddRatePeriod {
  color: #fff;
  background-color: #0c2537;
  border-color: #040c11;
}
.setup-wizard .button-AddRatePeriod:active,
.setup-wizard .button-AddRatePeriod.active,
.open .dropdown-toggle.setup-wizard .button-AddRatePeriod {
  background-image: none;
}
.setup-wizard .button-AddRatePeriod.disabled,
.setup-wizard .button-AddRatePeriod[disabled],
fieldset[disabled] .setup-wizard .button-AddRatePeriod,
.setup-wizard .button-AddRatePeriod.disabled:hover,
.setup-wizard .button-AddRatePeriod[disabled]:hover,
fieldset[disabled] .setup-wizard .button-AddRatePeriod:hover,
.setup-wizard .button-AddRatePeriod.disabled:focus,
.setup-wizard .button-AddRatePeriod[disabled]:focus,
fieldset[disabled] .setup-wizard .button-AddRatePeriod:focus,
.setup-wizard .button-AddRatePeriod.disabled:active,
.setup-wizard .button-AddRatePeriod[disabled]:active,
fieldset[disabled] .setup-wizard .button-AddRatePeriod:active,
.setup-wizard .button-AddRatePeriod.disabled.active,
.setup-wizard .button-AddRatePeriod[disabled].active,
fieldset[disabled] .setup-wizard .button-AddRatePeriod.active {
  background-color: #143c58;
  border-color: #0f2e43;
}
.setup-wizard [view-company-hours-view] {
  margin: 8px 0;
  border: 1px solid #cccccc;
  border-radius: 5px;
  padding: 16px;
}
.setup-wizard [view-company-hours-view] h3 {
  font-weight: bold;
}
.setup-wizard .rate-periods-table {
  width: 100%;
}
[view-admin-tax-rate] .row {
  margin: 0;
}
.sub-tax-rate-view .form-group {
  margin-bottom: 0px;
}
.sub-tax-rate-view td,
.sub-tax-rate-view th {
  padding-left: 5px;
  padding-right: 5px;
}
.sub-tax-rate-view td:nth-child(2),
.sub-tax-rate-view th:nth-child(2) {
  width: 30em;
}
.sub-tax-rate-view input.rates-match {
  color: #5cb85c;
}
.sub-tax-rate-view input.no-rates-match {
  color: #d9534f;
}
@media (max-width: 1024px) {
  div.transaction-edit-details-view div.one-third.mid-col div.one-whole.first-col.last-col div.form-group div.form-input-container div.inside-date-and-time {
    float: left;
    min-height: 1px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    width: 100%;
    padding-bottom: 8px;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}
div.transaction-edit-details-view .form-group.field-DeliveryComment,
div.transaction-edit-details-view .form-group.field-PickupComment {
  margin-left: auto;
  white-space: inherit;
  margin-top: 0.5em;
}
[view-customer-search] .por-icon-create {
  margin: 0;
}
.showAllSwitch .row {
  margin-left: 0px;
  margin-right: 0px;
}
.select2-drop {
  width: 100% !important;
  max-width: 200px !important;
}
.select2-drop .select2-results li {
  transition: all 0.1s ease;
}
.select2-drop .select2-results .select2-highlighted {
  background: #0f87b7;
}
.select2-drop .select2-search {
  background: #ced7da;
}
[view-transaction] .por-icon-receipt::before {
  color: inherit;
}
[view-transaction] h2.page-title {
  padding: 5px 0;
}
[view-transaction] .dash-help ul li button .por-icon-help-me {
  vertical-align: bottom;
}
[view-transaction] #filter-container {
  border: 1px solid #c9c9c9;
}
[view-transaction] #filter-container .filter-preset-container {
  background: #efefef;
}
[view-transaction] #filter-container .filter-preset-container .filter-list-icon-active {
  color: #53c953;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item.active {
  background-color: #0f87b7;
  border: none;
  color: #ffffff;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-icon-container .filter-list-icon {
  display: none;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .dropdown-menu h4 {
  border-bottom: 1px solid #cbd2d2;
  padding-bottom: 10px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .dropdown-menu h4 .por-icon:only-child:before {
  letter-spacing: 0;
  color: #425355;
  font-size: 14px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .active-filter {
  color: #ffffff !important;
  font-size: 11px;
  line-height: 6px;
  padding: 6px 11px;
  border-radius: 4px;
  border: none;
  text-transform: capitalize;
  border: 1px solid #0d7ba7;
  background: #0f87b7;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .active-filter .por-icon-clear-out {
  font-size: 11px;
  width: 8px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .active-filter .active-filter-pin .por-icon-pinned,
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container .active-filter .active-filter-pin .por-icon-unpinned {
  filter: invert(1);
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills {
  padding: 20px 8px 18px;
  display: flex;
  flex-wrap: wrap;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .quick-filter-container {
  order: 1;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .single-sort-menu-container {
  order: 2;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .single-sort-menu-container .control-label {
  margin: 0;
  top: initial;
  line-height: 30px;
  text-align: center;
  margin-left: 10px;
  transform: none;
  min-width: 40px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .new-button {
  order: 3;
  flex-grow: 1;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .gridTimeLine {
  order: 4;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .searchFilters {
  order: 5;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .refresh-btn {
  order: 6;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills button {
  color: #303030;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .fa-backward,
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .fa-forward {
  color: #424A60;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .dropdown-menu {
  background: #f4f4f4;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .new-button button {
  height: 30px;
  padding-left: 24px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .new-button button .por-icon-create:before {
  display: block;
  content: ' ';
  background-image: url(../img/icons/plus-icon.svg);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  top: 8px;
  left: 7px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item {
  border: 1px solid transparent;
  color: #333333;
  cursor: pointer;
  padding: 10px 7px 10px 5px;
  white-space: nowrap;
  transition: all 0.1s ease;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item.filter-create-button .is-active-icon {
  display: none;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item:hover {
  background: #61a3be;
  color: #ffffff;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item:hover .filter-list-icon {
  visibility: visible;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item:hover .filter-list-icon:hover {
  opacity: 1;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item .filter-list-name {
  margin: 1px 2px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item .filter-icon:hover {
  opacity: 0.3;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .select2-container.form-control {
  height: 30px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .select2-container.form-control .select2-choice {
  line-height: 30px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .select2-container.form-control .select2-choice > .select2-chosen {
  padding: 0;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item.active {
  background-color: #0f87b7;
  border: none;
  color: #ffffff;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item.active .filter-list-icon-active {
  visibility: visible;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .filter-list-item.active .filter-list-icon-active:before {
  content: "\e013";
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .gridTimeLine .showAllSwitch .form-group {
  text-align: right;
  width: 85px;
  margin-right: 10px;
  max-width: 85px !important;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .gridTimeLine .showAllSwitch .form-group label {
  font-weight: bold;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .gridTimeLine .showAllSwitch .form-group label:before {
  vertical-align: middle;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .searchFilters .search-wrapper .form-control {
  border-radius: 25px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper .input-group-addon:first-child {
  border-bottom-left-radius: 15px;
  border-top-left-radius: 15px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper .input-group-addon:last-child {
  border-bottom-right-radius: 15px;
  border-top-right-radius: 15px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper .input-group-addon .por-icon-search {
  margin-left: 0;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper .form-control {
  height: 30px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .search-wrapper .por-icon-cancel {
  color: #e48282;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .action-btn-refresh {
  padding: 6px 12px 6px 23px;
}
[view-transaction] #filter-container .filter-preset-container .nav.nav-pills .action-btn-refresh .por-icon-refresh:before {
  display: block;
  content: ' ';
  background-image: url(../img/icons/refresh-icon.svg);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  top: 8px;
  left: 7px;
}
[view-transaction] .por-icon-warehouse-overbooked {
  height: 1.5em;
}
[view-transaction] .por-icon-warehouse-overbooked:before {
  content: ' ';
  background-image: url(../img/icons/warehouse-overbooked-icon.svg);
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: 17px auto;
  margin-left: 1px;
}
[view-transaction] .por-icon-warehouse-overbooked:after {
  content: none;
}
[view-transaction] .por-icon-overbooked {
  height: 1.5em;
}
[view-transaction] .por-icon-overbooked:before {
  content: ' ';
  background-image: url(../img/icons/overbooked-icon.svg);
  height: 17px;
  width: 17px;
  background-repeat: no-repeat;
  background-size: 17px auto;
  margin-left: 1px;
}
[view-transaction] .por-icon-overbooked:after {
  content: none;
}
[view-transaction] .por-icon-kiosk {
  margin-left: 14px;
}
[view-transaction] .por-icon-kiosk:before {
  content: ' ';
  background-image: url(../img/icons/kiosk-order-icon.svg);
  height: 17px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: 13px auto;
}
[view-transaction] .por-icon-kiosk:after {
  content: none;
}
[view-transaction] .por-icon-event {
  height: 21px;
}
[view-transaction] .por-icon-event:before {
  content: ' ';
  background-image: url(../img/icons/event.svg);
  height: 21px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: 18px auto;
  margin-left: 1px;
}
[view-transaction] .por-icon-event:after {
  content: none;
}
[view-transaction] .por-icon-delivery {
  height: 13px;
}
[view-transaction] .por-icon-delivery:before {
  content: ' ';
  background-image: url(../img/icons/delivery01.svg);
  height: 13px;
  width: 21px;
  background-repeat: no-repeat;
  background-size: 21px auto;
}
[view-transaction] .por-icon-delivery:after {
  content: none;
}
[view-transaction] .por-icon-pickup {
  height: 13px;
}
[view-transaction] .por-icon-pickup:before {
  content: ' ';
  background-image: url(../img/icons/pickup02.svg);
  height: 13px;
  width: 21px;
  background-repeat: no-repeat;
  background-size: 21px auto;
}
[view-transaction] .por-icon-pickup:after {
  content: none;
}
[view-transaction] .por-icon-shopping-cart:before {
  content: ' ';
  background-image: url(../img/icons/shopping-cart-icon.svg);
  height: 17px;
  width: 20px;
  background-repeat: no-repeat;
  background-size: 20px auto;
}
[view-transaction] .por-icon-shopping-cart:after {
  content: none;
}
[view-transaction] .por-icon-disabled {
  margin-left: 13px;
}
[view-transaction] .por-icon-disabled:before {
  content: ' ';
  background-image: url(../img/icons/disabled-icon.svg);
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
  background-size: 16px auto;
}
[view-transaction] .por-icon-disabled:after {
  content: none;
}
[view-transaction] .por-icon-autobill-fail {
  margin-left: 13px;
  margin-top: 6px;
}
[view-transaction] .por-icon-autobill-fail:before {
  content: ' ';
  background-image: url(../img/icons/autobill-icon.svg);
  height: 17px;
  width: 18px;
  background-repeat: no-repeat;
  background-size: 16px auto;
  margin-left: 2px;
}
[view-transaction] .por-icon-autobill-fail:after {
  content: none;
}
[view-transaction] .dgrid-header-row .dgrid-cell {
  transition: all 0.2s ease;
}
[view-transaction] .dgrid-header-row .dgrid-column-days0,
[view-transaction] .dgrid-header-row .dgrid-column-days2,
[view-transaction] .dgrid-header-row .dgrid-column-days4,
[view-transaction] .dgrid-header-row .dgrid-column-days6 {
  background: #ECF0EF;
  color: #134256;
}
[view-transaction] .grid-view .dgrid-row-odd {
  background: white;
}
[view-transaction] .dgrid-row-odd .dgrid-column-edit,
[view-transaction] .dgrid-row-odd .dgrid-column-warning,
[view-transaction] .dgrid-row-odd .dgrid-column-StatusCodeSort,
[view-transaction] .dgrid-row-odd .dgrid-column-Transaction {
  background: #EDF0EF;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusCode {
  background: #6d8391;
  background: #4e8cae;
  text-align: center;
  padding: 3px;
  border-radius: 2px;
  margin-top: 5px;
  color: #ffffff;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusCode.status-RESERVATION {
  color: #2b4a07;
  background: -webkit-repeating-linear-gradient(-45deg, #c8e7bb, #93c97e 1px, #B3E79F 2px, #B3E79F 3px);
  background: -moz-repeating-linear-gradient(-45deg, #c8e7bb, #93c97e 1px, #B3E79F 2px, #B3E79F 3px);
  background: -o-repeating-linear-gradient(-45deg, #c8e7bb, #93c97e 1px, #B3E79F 2px, #B3E79F 3px);
  background: -ms-repeating-linear-gradient(-45deg, #c8e7bb, #93c97e 1px, #B3E79F 2px, #B3E79F 3px);
  border: 1px solid #73c556;
  text-shadow: 1px 1px 2px #b5f09e;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusCode.status-QUOTE {
  color: #3F0774;
  background: -webkit-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -moz-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -o-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  background: -ms-repeating-linear-gradient(-45deg, #b874f6, #cfa3f6 1px, #B87AED 2px, #B87AED 3px);
  border: 1px solid #b47ce4;
  text-shadow: 1px 1px 2px #cfa3f6;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusCode.status-ORDER {
  background: #58812C;
  border: 1px solid #266c26;
  text-shadow: 1px 1px 2px #266c26;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper {
  border-radius: 2px;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper .field-StatusCode {
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper .field-substatus {
  padding: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper .field-substatus.substatus-RESERVATION {
  color: #222222;
  background-color: #9BCB67;
  border-right: 1px solid #689834;
  border-left: 1px solid #689834;
  border-bottom: 1px solid #689834;
  text-shadow: 1px 1px 2px #9BCB67;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper .field-substatus.substatus-QUOTE {
  color: #3F0774;
  background-color: #cfa3f6;
  border-right: 1px solid #b47ce4;
  border-left: 1px solid #b47ce4;
  border-bottom: 1px solid #b47ce4;
  text-shadow: 1px 1px 2px #d8b5f8;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
[view-transaction] .dgrid-row-table .dgrid-cell .field-StatusWrapper .field-substatus.substatus-ORDER {
  color: #222222;
  background: #A7D17A;
  border-right: 1px solid #4a9c2d;
  border-left: 1px solid #4a9c2d;
  border-bottom: 1px solid #4a9c2d;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] {
  text-align: left;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .transaction-out {
  height: 35px;
  width: 100%;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .transaction-out .dates {
  margin-left: 9px;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-out {
  display: flex;
  align-items: center;
  height: 42px;
  background-color: transparent;
  box-shadow: 0 -2px 0 0 #007FB3 inset, 0 2px 0 0 #007FB3 inset;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-out.display-start {
  box-shadow: 0 -2px 0 0 #007FB3 inset, 0 2px 0 0 #007FB3 inset, 2px 0 0 0 #007FB3 inset;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-out.display-start.transaction-end {
  box-shadow: 0 0 0 2px #007FB3 inset;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-out.transaction-end {
  box-shadow: 0 -2px 0 0 #007FB3 inset, 0 2px 0 0 #007FB3 inset, -2px 0 0 0 #007FB3 inset;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container > div {
  width: 100%;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container > div.content {
  background-color: transparent;
  box-shadow: 0 0 0 2px #007FB3 inset;
  height: 42px;
  font-size: 10px;
  text-align: center;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-before > div.content::before {
  border-right: 10px solid #007FB3;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-after > div {
  width: 91%;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-after > div.content {
  box-shadow: 0 0 0 2px #4db6c7 inset;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-after > div.content::after {
  border-left: 10px solid #4db6c7;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .event-container.transaction-start {
  margin-left: 0;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .tags-wrapper-spacer {
  line-height: 23px;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .tags-wrapper {
  white-space: nowrap;
  margin: 2px 5px 0 5px;
  padding: 0;
  line-height: 23px;
  font-size: 14px;
  position: absolute;
  overflow: hidden;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .tags-wrapper li {
  display: inline-block;
  white-space: nowrap;
  padding: 0 13px;
  height: 22px;
  font-size: 11px;
  color: #ffffff;
  font-family: 'roboto';
  line-height: 22px;
  border-left: 1px #BDBDBD dashed;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .tags-wrapper li:first-child {
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-left: none;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding-left: 15px;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .tags-wrapper li:last-child {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 15px;
}
[view-transaction] .dgrid-row-table .dgrid-cell[role="gridcell"] .end-piece {
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-right: 15px;
}
[view-transaction] .dgrid-row-table th.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button {
  width: 85px;
}
[view-transaction] .dgrid-row-table td.dgrid-cell.dgrid-cell-padding.dgrid-column-StatusCodeSort.field-StatusCodeSort {
  border-right: 1px solid #e5e1e1 !important;
}
[view-transaction] .dgrid-row-table td.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button {
  border-right: 1px solid #e5e1e1 !important;
  width: 85px;
}
[view-transaction] .dgrid-row-table td.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button .por-workbench-icon-container {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 55px;
  margin-top: 5px;
}
[view-transaction] .dgrid-row-table td.dgrid-cell.dgrid-cell-padding.dgrid-column-warning.field-warning.dgrid-column-one-button span.por-icon {
  display: flex;
  height: 21px;
  width: 21px;
  align-items: center;
  justify-content: center;
  margin: 0;
}
[view-transaction] .grid-legend {
  border: 1px solid #e5e1e1;
  margin-top: 8px;
  padding: 8px;
  display: flex;
  min-height: 60px;
  padding-top: 12px;
  position: relative;
  text-align: center;
}
[view-transaction] .grid-legend .legend-overbooked {
  margin: auto;
}
[view-transaction] .grid-legend .legend-overbooked ul {
  padding: 0;
  margin: 0;
  margin-left: -137px;
}
[view-transaction] .grid-legend .legend-overbooked ul li {
  margin: 0 15px;
  margin-bottom: 10px;
}
[view-transaction] .grid-legend .legend-overbooked ul li .overbooked {
  width: 15px;
  margin-left: 5px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked ul li .web-order {
  width: 22px;
  margin-left: 5px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked ul li .kiosk-order {
  width: 13px;
  margin-left: 5px;
  vertical-align: middle;
}
[view-transaction] .grid-legend .legend-overbooked ul li .automatic-billing {
  width: 16px;
  margin-left: 5px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked ul li .for-delivery {
  width: 24px;
  margin-left: 5px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked ul li .for-pickup {
  width: 24px;
  margin-left: 5px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked ul li .disabled {
  width: 16px;
  margin-left: 6px;
  vertical-align: bottom;
}
[view-transaction] .grid-legend .legend-overbooked.transaction-search {
  margin: 0;
  width: 137px;
  margin-top: 9px;
}
[view-transaction] .grid-legend .legend-overbooked.transaction-search ul {
  margin-left: 0;
}
@media screen and (max-width: 1600px) {
  [view-transaction] .legend-overbooked ul {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 1300px) {
  [view-transaction] .searchFilters {
    flex-grow: 1;
    flex-basis: 80%;
    margin-top: 10px;
  }
  [view-transaction] .refresh-btn {
    margin-top: 10px;
  }
}
@media screen and (max-width: 924px) {
  [view-transaction] .single-sort-menu-container {
    flex: 1 1 auto;
  }
  [view-transaction] .gridTimeLine {
    margin-top: 10px !important;
  }
  [view-transaction] .new-button {
    flex-grow: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  [view-transaction] .nav-pills {
    justify-content: flex-start;
    background: #EDF0EF;
  }
  [view-transaction] .nav-pills > li {
    width: min-content !important;
  }
  [view-transaction] .nav-pills > li button {
    font-size: 11px !important;
    min-width: 30px !important;
  }
  [view-transaction] .nav-pills > li button span[translate] {
    display: none;
  }
  [view-transaction] .nav-pills > li button.btn-today span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button.action-btn-create,
  [view-transaction] .nav-pills > li button.action-btn-refresh {
    padding-left: 3px !important;
  }
  [view-transaction] .nav-pills > li button.action-btn-dropdown span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button.action-btn-expand span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button span.por-icon {
    margin-right: 2px;
    padding-right: 2px;
  }
  [view-transaction] .nav-pills > li.gridTimeLine {
    width: 100% !important;
  }
  [view-transaction] .quick-filter-container {
    margin-right: 5px;
  }
  [view-transaction] .quick-filter-container span[translate] {
    display: inline;
  }
  [view-transaction] .new-button {
    order: 1 !important;
  }
  [view-transaction] .single-sort-menu-container label {
    display: none;
  }
  [view-transaction] .single-sort-menu-container .form-input-container {
    width: 100% !important;
    margin: 0 !important;
  }
  [view-transaction] .refresh-btn {
    flex-basis: min-content !important;
    padding-left: 3px;
  }
  [view-transaction] .refresh-btn .action-btn-refresh {
    padding: 6px 12px 6px 28px !important;
  }
  [view-transaction] .weekNavBtns {
    float: none;
  }
  [view-transaction] .weekNavBtns button {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  [view-transaction] .searchFilters {
    margin-top: 10px !important;
  }
  [view-transaction] .dgrid-row-table .dgrid-cell.dgrid-column-one-button {
    float: none;
    max-width: 100% !important;
    width: auto;
  }
  [view-transaction] .field-ContractNumber {
    height: 20px;
    line-height: 24px;
    float: none;
    margin-right: 0;
  }
  [view-transaction] .field-StatusCode {
    margin-top: 0 !important;
  }
  [view-transaction] .field-Transaction {
    text-align: left;
  }
  [view-transaction] .field-StartTime,
  [view-transaction] .field-DueTime {
    font-size: 13px;
    border-top: 1px dotted #dedede !important;
    border-bottom: 1px dotted #dedede !important;
  }
  [view-transaction] .field-StartTime:before,
  [view-transaction] .field-DueTime:before {
    font-weight: bold;
    margin-right: 8px;
  }
  [view-transaction] .dgrid-row-odd {
    background: #EDF0EF !important;
  }
  [view-transaction] .grid-legend {
    flex-wrap: wrap;
  }
  [view-transaction] .legend-overbooked.transaction-search {
    margin: 0;
    width: 100%;
    margin-top: 9px;
    max-width: initial !important;
  }
  [view-transaction] .legend-overbooked {
    text-align: left;
    margin-left: 0 !important;
  }
  [view-transaction] .legend-overbooked ul li {
    width: max-content;
  }
  [view-transaction] .dgrid-column-StatusCodeSort .field-ContractNumber {
    font-weight: bold;
    font-size: x-large;
    height: 1em;
  }
  [view-transaction] .dgrid-row-table {
    position: relative;
  }
  [view-transaction] .dgrid-row-table .field-TransactionTitle {
    position: absolute;
    right: 0.25em;
    top: 0.25em;
    font-size: large;
  }
}
@media screen and (max-width: 500px) {
  [view-transaction] #filter-container .filter-preset-container .nav.nav-pills .action-btn-refresh {
    padding-bottom: 0px !important;
  }
  [view-transaction] .nav-pills {
    justify-content: flex-start;
    background: #EDF0EF;
  }
  [view-transaction] .nav-pills > li {
    width: min-content !important;
  }
  [view-transaction] .nav-pills > li button {
    font-size: 11px !important;
    min-width: 30px !important;
    width: min-content;
  }
  [view-transaction] .nav-pills > li button span[translate] {
    display: none;
  }
  [view-transaction] .nav-pills > li button.btn-today span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button.action-btn-create,
  [view-transaction] .nav-pills > li button.action-btn-refresh {
    padding-left: 3px !important;
  }
  [view-transaction] .nav-pills > li button.action-btn-dropdown span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button.action-btn-expand span[translate] {
    display: inline;
  }
  [view-transaction] .nav-pills > li button span.por-icon {
    margin-right: 2px;
    padding-right: 2px;
  }
  [view-transaction] .nav-pills > li.gridTimeLine {
    width: 100% !important;
  }
}
[view=view-advanced-payment] .processingCC {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
[view=view-advanced-payment] .payment-method {
  margin-top: 25px;
}
[view=view-advanced-payment] .processingCC {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
[view=view-advanced-payment] .payment-method {
  margin-top: 25px;
}
[view=view-advanced-payment] .receipt td {
  padding: 5px 5px;
}
[view=view-advanced-payment] .payment-amount {
  background-color: #b0dab0;
}
[view=view-advanced-payment] .payment-amount input {
  text-align: right;
  padding-right: 3px !important;
}
[view=view-advanced-payment] .payment-amount .receipt td {
  padding: 5px 5px;
}
[view=view-advanced-payment] .payment-amount .payment-amount {
  background-color: #b0dab0;
}
[view=view-advanced-payment] .payment-amount .payment-amount input {
  text-align: right;
  padding-right: 3px !important;
}
[view=view-advanced-payment] .payment-amount .payment-amount .form-group {
  margin: 0;
  padding: 0;
}
[view=view-advanced-payment] .payment-amount .payment-amount label {
  display: none;
}
[view=view-advanced-payment] .payment-amount .form-group {
  margin: 0;
  padding: 0;
}
[view=view-advanced-payment] .payment-amount label {
  display: none;
}
[view=view-advanced-payment] .email-receipt .checkbox-wrapper.labelSecondLabel .labeled-second {
  border: none;
  margin: 0;
}
[view=view-advanced-payment] .email-receipt .checkbox-wrapper.labelSecondLabel .labeled-second .row > .row {
  margin: 0;
}
[view=view-advanced-payment] .email-receipt .checkbox-wrapper.labelSecondLabel .labeled-second div.checkbox {
  margin: 0;
}
[view=view-advanced-payment] .footer-options {
  background-color: #eee;
}
.payment-view-div input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input:disabled {
  background: inherit !important;
}
.payment-view-div input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.still-owes,
.payment-view-div input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.still-owes:disabled {
  background: rgba(200, 0, 0, 0.1) !important;
}
.payment-view-div input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.refund-due,
.payment-view-div input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.calculator-input.refund-due:disabled {
  background: rgba(0, 200, 0, 0.1) !important;
}
.payment-view-div .section-records {
  clear: none;
}
.payment-view-div .skip-button-container {
  float: left;
  padding: 8px;
}
.payment-view-div .skip-button-container button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.payment-view-div .skip-button-container button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.payment-view-div .skip-button-container button:hover,
.payment-view-div .skip-button-container button:focus {
  color: #333;
  text-decoration: none;
}
.payment-view-div .skip-button-container button:active,
.payment-view-div .skip-button-container button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.payment-view-div .skip-button-container button.disabled,
.payment-view-div .skip-button-container button[disabled],
fieldset[disabled] .payment-view-div .skip-button-container button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.payment-view-div .skip-button-container button .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.payment-view-div .skip-button-container button .por-icon {
  font-size: 16px;
}
.payment-view-div .skip-button-container button:hover,
.payment-view-div .skip-button-container button:focus,
.payment-view-div .skip-button-container button:active,
.payment-view-div .skip-button-container button.active,
.open .dropdown-toggle.payment-view-div .skip-button-container button {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.payment-view-div .skip-button-container button:active,
.payment-view-div .skip-button-container button.active,
.open .dropdown-toggle.payment-view-div .skip-button-container button {
  background-image: none;
}
.payment-view-div .skip-button-container button.disabled,
.payment-view-div .skip-button-container button[disabled],
fieldset[disabled] .payment-view-div .skip-button-container button,
.payment-view-div .skip-button-container button.disabled:hover,
.payment-view-div .skip-button-container button[disabled]:hover,
fieldset[disabled] .payment-view-div .skip-button-container button:hover,
.payment-view-div .skip-button-container button.disabled:focus,
.payment-view-div .skip-button-container button[disabled]:focus,
fieldset[disabled] .payment-view-div .skip-button-container button:focus,
.payment-view-div .skip-button-container button.disabled:active,
.payment-view-div .skip-button-container button[disabled]:active,
fieldset[disabled] .payment-view-div .skip-button-container button:active,
.payment-view-div .skip-button-container button.disabled.active,
.payment-view-div .skip-button-container button[disabled].active,
fieldset[disabled] .payment-view-div .skip-button-container button.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.payment-view-div .refund.receipt .dashed-bottom {
  border-bottom: 1px dashed;
}
.payment-view-div .refund.receipt .dashed-top {
  border-top: 1px dashed;
}
.payment-view-div .refund.receipt .math-sign {
  width: 5px;
}
.payment-view-div .refund.receipt .heavy-dashed-top {
  border-top: dashed 1px black;
}
.payment-view-div .refund.receipt .field-AmountTendered .form-group,
.payment-view-div .refund.receipt .field-DepositDue .form-group {
  margin-right: -5px;
}
.payment-view-div .refund.receipt .field-AmountTendered .form-group input,
.payment-view-div .refund.receipt .field-DepositDue .form-group input {
  text-align: right;
  padding-right: 5px;
  margin-right: 0px;
}
.payment-view-div .refund.receipt table {
  margin: 0 auto;
  font-size: 1.1em;
  width: 100%;
}
.payment-view-div .refund.receipt table tr td {
  padding: 4px 5px;
}
.payment-view-div .refund.receipt table tr td .btn-edit-deposit {
  font-size: 1.2em;
}
.payment-view-div .refund.receipt table tr td span.click-to-pay.link {
  color: #0f4c73;
}
.payment-view-div .refund.receipt table tr.emphasized-due {
  font-weight: bold;
  background: rgba(222, 189, 127, 0.6) !important;
}
.payment-view-div .refund.receipt table tr.emphasized-due td {
  padding-top: 5px;
  padding-bottom: 3px;
}
.payment-view-div .refund.receipt table tr.highlight-row {
  background: rgba(222, 203, 168, 0.3) !important;
}
.payment-view-div .refund.receipt table tr.still-owes,
.payment-view-div .refund.receipt table tr.still-owes:disabled {
  background: rgba(200, 0, 0, 0.1) !important;
}
.payment-view-div .refund.receipt table tr.refund-due,
.payment-view-div .refund.receipt table tr.refund-due:disabled {
  background: rgba(0, 200, 0, 0.1) !important;
}
.payment-view-div .refund.receipt table tr.change-due td {
  padding-top: 5px;
  padding-bottom: 3px;
}
[view=view-transaction-payment] .card-element {
  margin-top: 5px;
  padding: 6px 12px;
  border-radius: 5px;
  border: solid 1px lightgrey;
  background-color: white;
}
[view=view-transaction-payment] .card-element:before,
[view=view-transaction-payment] .card-element:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view=view-transaction-payment] .card-element:after {
  clear: both;
}
[view=view-transaction-payment] .card-element:before,
[view=view-transaction-payment] .card-element:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view=view-transaction-payment] .card-element:after {
  clear: both;
}
[view=view-transaction-payment] .card-element:before,
[view=view-transaction-payment] .card-element:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view=view-transaction-payment] .card-element:after {
  clear: both;
}
[view=view-transaction-payment] .card-element:before,
[view=view-transaction-payment] .card-element:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
[view=view-transaction-payment] .card-element:after {
  clear: both;
}
[view=view-transaction-payment] .form-grouping-container .form-grouping-header {
  clear: both;
  float: none;
  display: block;
}
[view=view-transaction-payment] .modal-body .field-Method {
  padding: 0;
}
[view=view-transaction-payment] .modal-body .wrap-content {
  padding: 2%;
  margin-bottom: 10px;
}
[view=view-transaction-payment] .modal-body .wrap-content .refund table .c-currency:before {
  float: none;
}
[view=view-transaction-payment] .modal-body .wrap-content .refund table .btn-default {
  padding: 2px;
  height: 25px;
  vertical-align: text-top;
  background: #5cb85c;
  border: none;
  color: #fff;
  width: 20px;
}
[view=view-transaction-payment] .modal-body .wrap-content .refund table .btn-default .por-icon-good {
  font-size: 12px;
}
[view=view-transaction-payment] .modal-body .form-group {
  margin-bottom: 0;
}
[view=view-transaction-payment] .modal-body .form-group .labeled-second {
  margin-bottom: 0;
}
.modal-footer {
  border-top: none !important;
}
.modal-footer .section-records {
  margin: 0;
}
.modal-footer .section-records > span {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.modal-footer .section-records button {
  width: auto;
}
@media all and (min-width: 1023px) and (max-width: 1500px) {
  div[view="view-transaction-payment"] .modal-popup {
    margin-left: auto;
    margin-right: 50%;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  div[view="view-transaction-payment"] .modal-popup {
    max-width: 600px !important;
    margin-left: auto;
    margin-right: calc(420px + 6vw);
  }
}
@media screen and (max-width: 1022px) and (min-width: 768px) {
  .modal-dialog {
    max-width: 600px !important;
  }
  .modal-dialog {
    max-width: 600px !important;
  }
}
@media screen and (max-width: 1022px) {
  .large-modal .modal-dialog {
    max-width: 75% !important;
  }
  [view-transaction-payment-flyout] .right-flyout {
    position: relative;
    right: auto;
    width: auto;
    margin: 0 16px 16px;
    top: 0;
    border-radius: 5px;
  }
}
.paymentNotePopup {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .checkbox-wrapper .row {
    margin: 0;
  }
  .checkbox-wrapper .row > div {
    padding-left: 0;
    padding-right: 0;
  }
  .checkbox-wrapper.labelSecondLabel {
    padding-right: 0 !important;
  }
  .modal-content button.action-btn-cancel {
    float: none;
    margin-right: 8px !important;
  }
}
@media screen and (max-width: 500px) {
  .btn {
    line-height: 22px;
  }
  .payment-view-div .modal-body .last-col.one-half,
  .payment-view-div .modal-body .three-fifths.last-col {
    padding-left: 0;
    padding-top: 8px;
  }
  .payment-view-div .modal-footer .section-records {
    width: 100% !important;
    padding: 0;
  }
  .payment-view-div .modal-footer .section-records > span {
    width: 100%;
  }
  .payment-view-div .modal-footer .section-records > span span[ng-show="!skipCancel"],
  .payment-view-div .modal-footer .section-records > span span[ng-show="!skipDelete"],
  .payment-view-div .modal-footer .section-records > span span[ng-show="showCopy"],
  .payment-view-div .modal-footer .section-records > span span[ng-show="!skipSave"] {
    width: 100%;
  }
  .payment-view-div .modal-footer .section-records button.action-btn.action-btn-cancel {
    margin-top: 0;
  }
  .payment-view-div .modal-footer .section-records button {
    width: 100%;
    margin: 10px 0 0 0;
  }
  .payment-view-div div[ng-show="showLowesCQS"] .modal-footer button.action-btn {
    margin-right: 0 !important;
    width: 100%;
  }
}
.main-block {
  padding-left: 0;
  padding-right: 0;
}
.overviewdiv .one-whole,
.overviewdiv .one-half,
.overviewdiv .one-third,
.overviewdiv .two-thirds,
.overviewdiv .two-thirds,
.overviewdiv .one-quarter,
.overviewdiv .three-quarters,
.overviewdiv .one-fifth,
.overviewdiv .two-fifths,
.overviewdiv .three-fifths,
.overviewdiv .four-fifths {
  padding-left: 4px;
  padding-right: 4px;
}
.overviewdiv .one-whole {
  padding: 0;
}
.overviewdiv .gold-star {
  color: gold;
  margin: 7px 5px 0 0;
}
.overviewdiv .form-grouping-container {
  margin-top: 4px;
}
.overviewdiv .form-grouping-container .form-grouping-header.search-h4 {
  padding: 0;
  border: none;
}
@media screen and (max-width: 1024px) {
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog {
    max-width: 99% !important;
    width: 99% !important;
    margin: 1px !important;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid thead,
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid tfoot {
    display: none;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid table {
    backround: none !important;
    border: none !important;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid tr {
    display: inline-block;
    padding: 0rem 1px 1.5rem 3rem;
    margin: 0.75rem;
    border: 1px solid grey;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);
    overflow: hidden;
    overflow-y: auto;
    width: 275px;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid tr th {
    display: none;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid tr.dgrid-row-even {
    background: #EDF0EF;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid td {
    display: block;
    width: 90%;
    padding: 2px !important;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid td.action-cell.select {
    display: inline-block;
    margin: 0px;
    padding: 0px !important;
    height: 0em;
    position: relative;
    top: 8px;
    left: -2rem;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid td.is-empty {
    display: none;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .dgrid td:before {
    content: attr(data-tablet-label) ' ';
    display: inline-block;
    font-weight: bold;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header {
    flex-direction: column;
    padding: 5px;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .switch-input,
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .checkbox .switch-input {
    min-width: 50px !important;
    max-width: 50px !important;
    width: 50px !important;
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .serialized-info .serialized-info__details {
    flex-direction: column;
    gap: 0rem;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header > .grid-header__left,
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header > .grid-header__right {
    width: 100%;
    flex-direction: column;
  }
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header > .grid-header__left .field-serialSearchFilter,
  .overviewdiv .item-serialized-modal.large-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header > .grid-header__right .field-serialSearchFilter {
    width: 100%;
    max-width: 300px;
  }
}
.overviewdiv .search-list .margin-base {
  margin-top: 0;
}
.overviewdiv .search-list .search-input {
  display: flex;
  flex-direction: column;
  position: relative;
}
.overviewdiv .search-list .search-input .input-group-addon.input-group-search-mg {
  position: absolute;
}
.overviewdiv .search-list .search-input .customError {
  display: flex;
  flex-direction: column;
}
.overviewdiv .search-list .search-input .customError label {
  text-align: left;
  padding-left: 12px;
}
.overviewdiv .search-list .searched-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: flex-start;
  float: left;
  /** <-- THIS IS NEEDED FOR FF FOR SOME REASON **/
}
.has-flexbox .overviewdiv .search-list .searched-items {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.has-flexbox .overviewdiv .search-list .searched-items _:-ms-input-placeholder,
:root .has-flexbox .overviewdiv .search-list .searched-items {
  display: block;
}
.overviewdiv .search-list .searched-items .dgrid-no-data {
  width: 100%;
}
.overviewdiv .search-list .searched-items .searched-item {
  margin: 0;
}
.overviewdiv .search-list .searched-items .footer {
  padding: 0;
}
@media only screen and (max-width: 1024px) {
  .overviewdiv .field-Quantity .inline-edit-actions {
    top: inherit !important;
  }
  .overviewdiv table.items-table .field-ItemName {
    min-width: 10em !important;
  }
  .overviewdiv table.items-table tbody td {
    background-color: transparent;
  }
  .overviewdiv table.items-table tbody tr {
    display: block;
    width: 100%;
    margin-top: 1em;
    padding-bottom: 1em;
    float: left;
    border: solid 1px black;
    border-radius: 5px;
  }
  .overviewdiv table.items-table tbody tr.zero-height {
    border: none;
    display: auto;
    margin-top: 0px;
    padding-bottom: 0px;
  }
  .overviewdiv table.items-table tbody tr.line-item-instances {
    background-color: #f1f1f1;
    border-top: none;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    margin-top: -4px;
    z-index: 99;
  }
  .overviewdiv table.items-table tbody td.field-ItemKey {
    display: none;
  }
  .overviewdiv table.items-table td,
  .overviewdiv table.items-table th {
    display: block;
    float: left;
    border-top: 0;
  }
  .overviewdiv table.items-table td[data-tablet-label]:before,
  .overviewdiv table.items-table th[data-tablet-label]:before {
    content: attr(data-tablet-label) ' ';
  }
  .overviewdiv table.items-table th {
    display: none;
  }
}
.overviewdiv .transaction-overview .form-grouping-container.delivery {
  padding: 2px;
  margin-bottom: 5px;
  margin-top: 0px;
}
.overviewdiv .transaction-overview .form-grouping-container.delivery table {
  margin-top: 0px;
  margin-bottom: 0px;
}
.overviewdiv .transaction-overview .form-grouping-container.delivery .table-condensed tbody > tr > td {
  padding: 2px;
}
.overviewdiv .transaction-overview .form-grouping-container.delivery .form-grouping-header {
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-weight: bolder;
  color: green;
}
.overviewdiv .transaction-overview .form-grouping-container.delivery .first-col {
  padding-right: 0px !important;
}
.overviewdiv .transaction-overview .form-grouping-container.delivery .last-col {
  padding-left: 0px !important;
}
.transaction-info {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.transaction-info .block {
  flex: 1;
  min-width: 350px;
}
.transaction-info .block .form-grouping-container {
  height: 100%;
  padding-bottom: 0;
}
.transaction-info .status-block {
  margin-left: 4px;
}
.transaction-info .status-block .pull-right {
  margin-bottom: 5px;
}
.totals-column {
  display: flex;
  flex-direction: column;
}
.totals-column .transaction-overview-checklist {
  order: 1;
}
.totals-column .totals-block {
  display: flex;
  flex-direction: column;
}
.totals-column .coupon-container,
.totals-column .deposit-container,
.totals-column .totals-container,
.totals-column .totals-menu {
  margin-top: 0;
}
.totals-column .coupon-container .totals-table,
.totals-column .deposit-container .totals-table,
.totals-column .totals-container .totals-table,
.totals-column .totals-menu .totals-table {
  margin-bottom: 0px;
}
.totals-column .coupon-container.coupon-container,
.totals-column .deposit-container.coupon-container,
.totals-column .totals-container.coupon-container,
.totals-column .totals-menu.coupon-container,
.totals-column .coupon-container.totals-menu,
.totals-column .deposit-container.totals-menu,
.totals-column .totals-container.totals-menu,
.totals-column .totals-menu.totals-menu {
  order: 1;
  padding: 0;
  border: none;
}
.totals-column .coupon-container table,
.totals-column .deposit-container table,
.totals-column .totals-container table,
.totals-column .totals-menu table {
  border: none;
}
.line-item-nav.form-grouping-container {
  padding-top: 4px;
}
.transaction-overview-navigation li,
.line-item-nav.form-grouping-container li {
  line-height: 22px;
  height: 32px;
}
.transaction-overview-navigation li .btn,
.line-item-nav.form-grouping-container li .btn {
  height: 100%;
}
.transaction-overview-navigation li .btn span.icon-con,
.line-item-nav.form-grouping-container li .btn span.icon-con {
  line-height: 16px;
  display: inline-block;
  min-width: 30px;
  text-align: center;
  margin-right: 5px;
}
.transaction-overview-navigation li .btn span.icon-con img,
.line-item-nav.form-grouping-container li .btn span.icon-con img {
  line-height: 16px;
  position: absolute;
  top: 4px;
  left: 10px;
  max-height: 26px;
  z-index: 1;
}
.transaction-overview-navigation li .btn span.icon-con img.v-align,
.line-item-nav.form-grouping-container li .btn span.icon-con img.v-align {
  top: 8px;
}
.transaction-overview-navigation .panel,
.line-item-nav.form-grouping-container .panel {
  display: inline-block;
  float: left;
}
.por-transaction-overview-item-list .form-grouping-container {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}
.line-item-nav.form-grouping-container {
  border-bottom: none;
  padding-bottom: 4px;
}
.line-item-nav.form-grouping-container li {
  float: right;
  margin-left: 4px;
  height: 32px;
}
.transaction-overview-status-navigation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
.transaction-overview-status-navigation .panel {
  width: 183px;
  flex-grow: 1;
  min-width: 185px;
  margin-bottom: 2px;
  margin-top: 2px;
  position: relative;
  border: none;
  margin-left: 0.25%;
  background-color: #0c75b9;
}
.transaction-overview-status-navigation .panel h4 {
  position: relative;
  top: 10px;
  text-align: center;
}
.transaction-overview-status-navigation .panel .status-div {
  min-height: 32px;
}
.transaction-overview-status-navigation .panel.checklist-todo-now h4.status-title {
  float: left;
  position: relative;
  text-align: left;
  left: 12px;
  font-size: 150%;
  font-weight: bolder;
  top: 7px;
}
.transaction-overview-status-navigation .panel .move-button,
.transaction-overview-status-navigation .panel .move-button-back {
  display: inline-block;
  float: right;
  height: 32px;
  background: transparent !important;
  position: relative;
  top: 8px;
  margin-right: 5px;
}
.transaction-overview-status-navigation .panel .move-button.move-button-back,
.transaction-overview-status-navigation .panel .move-button-back.move-button-back {
  float: left;
  margin-left: 20px;
  top: 4px;
}
.transaction-overview-status-navigation .panel:not(:first-child):before {
  width: 0;
  height: 0;
  border-top: 16px inset transparent;
  border-bottom: 16px inset transparent;
  border-left: 16px solid #ffffff;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
}
.transaction-overview-status-navigation .panel:not(:last-child):after {
  width: 0;
  height: 0;
  border-top: 16px inset transparent;
  border-bottom: 16px inset transparent;
  border-left: 16px solid #0c75b9;
  position: absolute;
  content: "";
  top: 0;
  right: -15px;
  z-index: 2;
}
.transaction-overview-status-navigation .panel:not(:last-child).checklist-todo-now:after {
  border-left: 16px solid #5cb85c;
}
.transaction-overview-status-navigation .panel:not(:last-child).checklist-done:after {
  border-left: 16px solid #dff0d8;
}
.transaction-overview-status-navigation .panel:first-child {
  margin-left: 0;
}
.transaction-overview-status-navigation .panel.checklist-todo-now {
  flex-grow: 1.25;
  background-color: #5cb85c;
  color: white;
}
.transaction-overview-status-navigation .panel.checklist-done {
  background-color: #dff0d8;
  color: #5cb85c;
}
.transaction-overview {
  /* =============== notes and reminders ================= */
}
.transaction-overview .kiosk-terms-a {
  position: relative;
  padding: 0;
  width: 150px;
  height: 32px;
}
.transaction-overview .kiosk-terms-a .kiosk-terms-img {
  max-width: 125px;
  max-height: 24px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.transaction-overview .kiosk-terms-a .kiosk-terms-text {
  position: absolute;
  top: 1px;
  left: 5px;
  color: black;
  opacity: 0.5;
}
.transaction-overview .notes,
.transaction-overview .reminders {
  position: relative;
}
.transaction-overview .notes:before,
.transaction-overview .reminders:before,
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  clear: both;
}
.transaction-overview .notes:before,
.transaction-overview .reminders:before,
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  clear: both;
}
.transaction-overview .notes:before,
.transaction-overview .reminders:before,
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  clear: both;
}
.transaction-overview .notes:before,
.transaction-overview .reminders:before,
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview .notes:after,
.transaction-overview .reminders:after {
  clear: both;
}
.transaction-overview .notes .add-event-log,
.transaction-overview .reminders .add-event-log {
  position: absolute;
  top: 1em;
  right: 1em;
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}
.transaction-overview .notes div.note,
.transaction-overview .reminders div.note {
  padding: 3px;
}
.transaction-overview .notes div.note.odd,
.transaction-overview .reminders div.note.odd {
  background-color: white;
}
.transaction-overview .notes div.note.EMAIL,
.transaction-overview .reminders div.note.EMAIL {
  color: #437995;
}
.transaction-overview .notes div.note.NOTE,
.transaction-overview .reminders div.note.NOTE {
  color: black;
  font-weight: bolder;
}
.transaction-overview .notes div.note.REMINDER,
.transaction-overview .reminders div.note.REMINDER {
  font-weight: bolder;
  color: #f0ad4e;
}
.transaction-overview .notes div.note.REMINDER.overdue,
.transaction-overview .reminders div.note.REMINDER.overdue {
  color: #d9534f;
}
.transaction-overview .notes div.note.REMINDER.completed,
.transaction-overview .reminders div.note.REMINDER.completed {
  color: #5cb85c;
}
.transaction-overview .notes div.note span,
.transaction-overview .reminders div.note span {
  display: inline-block;
  vertical-align: top;
  margin-right: 1em;
}
.transaction-overview .notes div.note span.complete,
.transaction-overview .reminders div.note span.complete {
  float: left;
  margin-right: 0;
}
.transaction-overview .notes div.note .por-icon-check,
.transaction-overview .reminders div.note .por-icon-check {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d9534f;
}
.transaction-overview .notes div.note .por-icon-check.lockers,
.transaction-overview .reminders div.note .por-icon-check.lockers {
  background-image: url('../img/icons/locker.svg');
}
.transaction-overview .notes div.note .por-icon-check:before,
.transaction-overview .reminders div.note .por-icon-check:before,
.transaction-overview .notes div.note .por-icon-check:after,
.transaction-overview .reminders div.note .por-icon-check:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .transaction-overview .notes div.note .por-icon-check,
.btn .transaction-overview .reminders div.note .por-icon-check {
  margin-left: 0px;
}
.transaction-overview .notes div.note .por-icon-check:hover,
.transaction-overview .reminders div.note .por-icon-check:hover {
  color: #5cb85c;
}
.transaction-overview .notes div.note .por-icon-check:before,
.transaction-overview .reminders div.note .por-icon-check:before {
  content: "\f00c";
}
.transaction-overview .notes div.note span.completed .por-icon-check,
.transaction-overview .reminders div.note span.completed .por-icon-check {
  color: #5cb85c;
}
.transaction-overview .notes div.note span.created,
.transaction-overview .reminders div.note span.created {
  width: 12em;
}
.transaction-overview .notes div.note span.employee,
.transaction-overview .reminders div.note span.employee {
  width: 20em;
}
.transaction-overview .notes div.note span.log-type,
.transaction-overview .reminders div.note span.log-type {
  width: 8em;
}
.transaction-overview .map {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  padding: 3px;
}
.transaction-overview .map img {
  max-width: 100%;
  max-height: 100%;
}
.transaction-overview div.field-showAllPhotos,
.transaction-overview div.field-keepOpen {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .transaction-overview div.field-showAllPhotos,
  .transaction-overview div.field-keepOpen {
    float: left;
    width: 50%;
  }
}
.transaction-overview div.field-showAllPhotos label,
.transaction-overview div.field-keepOpen label {
  text-transform: capitalize;
}
.transaction-overview .field-ItemInstanceModelName,
.transaction-overview .field-ItemInstanceSerialNumber,
.transaction-overview .field-ItemInstanceSourceCompany,
.transaction-overview .mileage {
  display: inline-block;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search {
  height: 35px;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search .first-col.three-quarters {
  position: relative;
}
.transaction-overview [view-transaction-overview-assign-instances] .item-instance-search .clear-search {
  position: absolute;
  bottom: 15px;
  right: 2em;
  width: 2em;
  text-align: right;
  padding-right: 1em;
}
.transaction-overview td.field-Discount {
  padding-right: 30px !important;
}
.one-third .one-whole .form-group {
  padding-left: 0px;
  padding-right: 0px;
}
.one-third .one-whole .datetime-picker .inside-date-and-time:last-child {
  margin-left: 0px;
}
.one-third .one-whole .datetime-picker .inside-date-and-time:first-child {
  margin-right: 0px;
}
.coupon-exists {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.coupon-exists td.coupon-name {
  color: green;
}
.coupon-exists td.coupon-applied a {
  color: red;
}
.coupon-exists td a {
  display: flex;
  align-items: center;
}
.coupon-expired td {
  color: red;
}
.coupon-expired td.coupon-name.coupon-name {
  color: red;
}
td div.field-ItemName {
  width: 100%;
}
.field-DeliveryComment,
.field-PickupComment {
  white-space: pre-wrap;
  margin-left: 1em;
}
[view=view-quick-customer-edit].popup-overlay {
  max-width: 98vw;
}
/*======================== New Transaction overview starts ========================*/
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.transaction-overview-con {
  margin-left: -13px;
  margin-right: -13px;
  margin-top: -10px;
  margin-bottom: -12px;
  background: #f0f1f5;
  /*========== Base layout ============*/
  /*========== Header ============*/
  /*========== Right column ============*/
  /*========== Customer info ============*/
  /*====== Status Bar Steps ======*/
  /*=============== Status Arrows ===============*/
  /*================= Pop-Ups ================*/
  /*=============== Search or Scan ===============*/
}
.transaction-overview-con header,
.transaction-overview-con footer {
  margin: 10px 10px 5px;
}
.transaction-overview-con .show-unavailable-container {
  display: flex;
  align-items: center;
}
.transaction-overview-con .columnsContainer {
  flex-wrap: wrap;
  display: flex;
  margin-left: 5px;
  margin-right: 5px;
}
.transaction-overview-con footer {
  border: 1px solid #cccccc;
}
.transaction-overview-con .rightColumn {
  flex-basis: 300px;
  margin: 5px;
}
.transaction-overview-con .leftColumn {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  justify-content: space-around;
  flex-basis: 500px;
}
.transaction-overview-con .customer-info-con,
.transaction-overview-con .received-con,
.transaction-overview-con .picklist-comment-con,
.transaction-overview-con .special-request-con,
.transaction-overview-con .additional-con,
.transaction-overview-con .custom-fields-con {
  flex: 1;
  border: 1px solid #e2e2e2;
  padding: 10px;
  flex-basis: 400px;
  margin: 2px;
  min-height: 150px;
  background: #f9f9f9;
}
.transaction-overview-con .customer-info-con.received-con,
.transaction-overview-con .received-con.received-con,
.transaction-overview-con .picklist-comment-con.received-con,
.transaction-overview-con .special-request-con.received-con,
.transaction-overview-con .additional-con.received-con,
.transaction-overview-con .custom-fields-con.received-con {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.transaction-overview-con .customer-info-con.received-con .received-top,
.transaction-overview-con .received-con.received-con .received-top,
.transaction-overview-con .picklist-comment-con.received-con .received-top,
.transaction-overview-con .special-request-con.received-con .received-top,
.transaction-overview-con .additional-con.received-con .received-top,
.transaction-overview-con .custom-fields-con.received-con .received-top {
  width: 100%;
  flex-grow: 0;
}
@media (max-width: 767px) {
  .transaction-overview-con .customer-info-con.received-con .received-top,
  .transaction-overview-con .received-con.received-con .received-top,
  .transaction-overview-con .picklist-comment-con.received-con .received-top,
  .transaction-overview-con .special-request-con.received-con .received-top,
  .transaction-overview-con .additional-con.received-con .received-top,
  .transaction-overview-con .custom-fields-con.received-con .received-top {
    flex-direction: column;
    row-gap: 10px;
  }
  .transaction-overview-con .customer-info-con.received-con .received-top .inner,
  .transaction-overview-con .received-con.received-con .received-top .inner,
  .transaction-overview-con .picklist-comment-con.received-con .received-top .inner,
  .transaction-overview-con .special-request-con.received-con .received-top .inner,
  .transaction-overview-con .additional-con.received-con .received-top .inner,
  .transaction-overview-con .custom-fields-con.received-con .received-top .inner {
    order: 2;
  }
}
.transaction-overview-con .customer-info-con.received-con .received-top .purchase-order-num-con,
.transaction-overview-con .received-con.received-con .received-top .purchase-order-num-con,
.transaction-overview-con .picklist-comment-con.received-con .received-top .purchase-order-num-con,
.transaction-overview-con .special-request-con.received-con .received-top .purchase-order-num-con,
.transaction-overview-con .additional-con.received-con .received-top .purchase-order-num-con,
.transaction-overview-con .custom-fields-con.received-con .received-top .purchase-order-num-con {
  max-width: 250px;
}
.transaction-overview-con .customer-info-con.received-con .received-top .inner,
.transaction-overview-con .received-con.received-con .received-top .inner,
.transaction-overview-con .picklist-comment-con.received-con .received-top .inner,
.transaction-overview-con .special-request-con.received-con .received-top .inner,
.transaction-overview-con .additional-con.received-con .received-top .inner,
.transaction-overview-con .custom-fields-con.received-con .received-top .inner {
  display: flex;
  flex-wrap: wrap;
}
.transaction-overview-con .customer-info-con.received-con .received-top .inner > div,
.transaction-overview-con .received-con.received-con .received-top .inner > div,
.transaction-overview-con .picklist-comment-con.received-con .received-top .inner > div,
.transaction-overview-con .special-request-con.received-con .received-top .inner > div,
.transaction-overview-con .additional-con.received-con .received-top .inner > div,
.transaction-overview-con .custom-fields-con.received-con .received-top .inner > div {
  width: 100%;
}
.transaction-overview-con .customer-info-con.received-con .received-top .edit-icon-con,
.transaction-overview-con .received-con.received-con .received-top .edit-icon-con,
.transaction-overview-con .picklist-comment-con.received-con .received-top .edit-icon-con,
.transaction-overview-con .special-request-con.received-con .received-top .edit-icon-con,
.transaction-overview-con .additional-con.received-con .received-top .edit-icon-con,
.transaction-overview-con .custom-fields-con.received-con .received-top .edit-icon-con {
  flex-basis: 0;
  margin-left: auto;
  display: flex;
  align-items: baseline;
  height: fit-content;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group,
.transaction-overview-con .received-con.received-con .received-top .form-group,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group,
.transaction-overview-con .special-request-con.received-con .received-top .form-group,
.transaction-overview-con .additional-con.received-con .received-top .form-group,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group {
  display: flex;
  margin: 0 0 0px 0px;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group label,
.transaction-overview-con .received-con.received-con .received-top .form-group label,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group label,
.transaction-overview-con .special-request-con.received-con .received-top .form-group label,
.transaction-overview-con .additional-con.received-con .received-top .form-group label,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group label {
  font-size: 12px;
  margin-right: 10px;
  line-height: 30px;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group .form-input-container,
.transaction-overview-con .received-con.received-con .received-top .form-group .form-input-container,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group .form-input-container,
.transaction-overview-con .special-request-con.received-con .received-top .form-group .form-input-container,
.transaction-overview-con .additional-con.received-con .received-top .form-group .form-input-container,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group .form-input-container {
  flex: 1;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group .form-input-container input,
.transaction-overview-con .received-con.received-con .received-top .form-group .form-input-container input,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group .form-input-container input,
.transaction-overview-con .special-request-con.received-con .received-top .form-group .form-input-container input,
.transaction-overview-con .additional-con.received-con .received-top .form-group .form-input-container input,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group .form-input-container input {
  height: 30px;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group .received-top-info,
.transaction-overview-con .received-con.received-con .received-top .form-group .received-top-info,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group .received-top-info,
.transaction-overview-con .special-request-con.received-con .received-top .form-group .received-top-info,
.transaction-overview-con .additional-con.received-con .received-top .form-group .received-top-info,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group .received-top-info {
  display: flex;
}
.transaction-overview-con .customer-info-con.received-con .received-top .form-group .received-top-info .h4,
.transaction-overview-con .received-con.received-con .received-top .form-group .received-top-info .h4,
.transaction-overview-con .picklist-comment-con.received-con .received-top .form-group .received-top-info .h4,
.transaction-overview-con .special-request-con.received-con .received-top .form-group .received-top-info .h4,
.transaction-overview-con .additional-con.received-con .received-top .form-group .received-top-info .h4,
.transaction-overview-con .custom-fields-con.received-con .received-top .form-group .received-top-info .h4 {
  max-width: 250px;
  float: left;
}
.transaction-overview-con .customer-info-con.received-con .event-display,
.transaction-overview-con .received-con.received-con .event-display,
.transaction-overview-con .picklist-comment-con.received-con .event-display,
.transaction-overview-con .special-request-con.received-con .event-display,
.transaction-overview-con .additional-con.received-con .event-display,
.transaction-overview-con .custom-fields-con.received-con .event-display,
.transaction-overview-con .customer-info-con.received-con .salesperson-con,
.transaction-overview-con .received-con.received-con .salesperson-con,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con,
.transaction-overview-con .special-request-con.received-con .salesperson-con,
.transaction-overview-con .additional-con.received-con .salesperson-con,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con {
  display: flex;
  align-items: flex-end;
  line-height: 40px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-label,
.transaction-overview-con .received-con.received-con .event-display .event-type-label,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-label,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-label,
.transaction-overview-con .additional-con.received-con .event-display .event-type-label,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-label,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-label,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-label,
.transaction-overview-con .received-con.received-con .event-display .salesperson-label,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-label,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-label,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-label,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-label,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-label,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-label,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-label,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-label,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-label,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-label {
  margin-right: 10px;
  font-size: 13px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info,
.transaction-overview-con .received-con.received-con .event-display .event-type-info,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .field-EventType,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .field-EventType,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .field-EventType,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .field-EventType,
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .field-SalespersonName,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .field-SalespersonName,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .field-SalespersonName,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .field-SalespersonName {
  text-align: center;
  font-size: 13px;
  min-width: 170px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .event-type-edit,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .event-type-edit,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .event-type-edit,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .event-type-edit,
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .salesperson-edit,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .salesperson-edit,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .salesperson-edit,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .salesperson-edit,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .salesperson-edit,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .salesperson-edit,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .salesperson-edit,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .salesperson-edit,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .salesperson-edit {
  width: 35px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .event-type-edit:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .event-type-edit:before,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .event-type-edit:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .event-type-edit:before,
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .received-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .additional-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-info .salesperson-edit:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-info .salesperson-edit:before,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .received-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-selected .salesperson-edit:before {
  width: 10px;
  font-size: 13px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-list,
.transaction-overview-con .received-con.received-con .event-display .event-type-list,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-list,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-list,
.transaction-overview-con .additional-con.received-con .event-display .event-type-list,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-list,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-list,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-list,
.transaction-overview-con .received-con.received-con .event-display .salesperson-list,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-list,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-list,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-list,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-list,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-list,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-list,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-list,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-list,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-list,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-list {
  display: flex;
  align-items: flex-end;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .received-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .additional-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-list .select-input,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-list .select-input,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .received-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-list .select-input,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-list .select-input,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-list .select-input,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-list .select-input,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-list .select-input,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-list .select-input,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-list .select-input {
  width: 170px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .received-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .additional-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-list .control-label,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-list .control-label,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .received-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-list .control-label,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-list .control-label,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-list .control-label,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-list .control-label,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-list .control-label,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-list .control-label,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-list .control-label {
  width: 100%;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .received-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .additional-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-list button.por-icon,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-list button.por-icon,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .received-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-list button.por-icon,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-list button.por-icon,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-list button.por-icon,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-list button.por-icon,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-list button.por-icon,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-list button.por-icon,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-list button.por-icon {
  height: 35px;
  width: 35px;
}
.transaction-overview-con .customer-info-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .received-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .special-request-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .additional-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .event-type-list button.por-icon:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .received-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .event-type-list button.por-icon:before,
.transaction-overview-con .customer-info-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .received-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .picklist-comment-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .special-request-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .additional-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .custom-fields-con.received-con .event-display .salesperson-list button.por-icon:before,
.transaction-overview-con .customer-info-con.received-con .salesperson-con .salesperson-list button.por-icon:before,
.transaction-overview-con .received-con.received-con .salesperson-con .salesperson-list button.por-icon:before,
.transaction-overview-con .picklist-comment-con.received-con .salesperson-con .salesperson-list button.por-icon:before,
.transaction-overview-con .special-request-con.received-con .salesperson-con .salesperson-list button.por-icon:before,
.transaction-overview-con .additional-con.received-con .salesperson-con .salesperson-list button.por-icon:before,
.transaction-overview-con .custom-fields-con.received-con .salesperson-con .salesperson-list button.por-icon:before {
  font-size: 13px;
  width: 13px;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info,
.transaction-overview-con .received-con .customer-contact .customer-contact-info,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info {
  margin-top: 20px;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-grow: 0;
  -webkit-flex-grow: 0;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous strong + div,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name strong + div,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name strong + div,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name strong + div,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name strong + div,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name strong + div,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name strong + div {
  white-space: nowrap;
  flex-basis: 70%;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous strong,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name strong,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name strong,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name strong,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name strong,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name strong,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name strong {
  flex-basis: 30%;
  margin-bottom: 1px;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification #customer-contact-verified {
  margin-left: 0.6em;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-edit {
  border: none;
  padding: 2px 0 2px 2px;
  margin: 0 0 0.2em 0.5em;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-extraneous .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .received-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .additional-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-info .customer-contact-name .customer-contact-required-verification button.por-icon-good {
  height: 34px;
  width: 3em;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list,
.transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list,
.transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list {
  margin-top: 10px;
  font-size: 13px;
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list,
.transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list,
.transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control {
    width: revert;
    height: 42px;
  }
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn:before,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control:before {
    width: 12px;
  }
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow {
    display: flex;
    align-items: center;
  }
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn a.select2-choice b,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control a.select2-choice b,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list button.por-icon.por-icon-good.action-btn span.select2-arrow b,
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .contacts-list .select2-container.form-control span.select2-arrow b {
    height: 25px;
  }
}
.transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .empty-contacts-list,
.transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .empty-contacts-list,
.transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .empty-contacts-list,
.transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .empty-contacts-list,
.transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .empty-contacts-list,
.transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .empty-contacts-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 767px) {
  .transaction-overview-con .customer-info-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn,
  .transaction-overview-con .received-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn,
  .transaction-overview-con .picklist-comment-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn,
  .transaction-overview-con .special-request-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn,
  .transaction-overview-con .additional-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn,
  .transaction-overview-con .custom-fields-con .customer-contact .customer-contact-contacts-list .empty-contacts-list button.add-new-pickup-contact.action-btn {
    height: 42px;
  }
}
.transaction-overview-con .additional-con,
.transaction-overview-con .customer-info-con {
  margin-left: 5px;
}
.transaction-overview-con .received-con,
.transaction-overview-con .special-request-con,
.transaction-overview-con .picklist-comment-con {
  margin-right: 5px;
}
.transaction-overview-con h3 {
  padding: 0;
  margin: 0;
}
.transaction-overview-con header {
  background: #154a6e;
  margin: 0;
  padding: 0px 0px 2px;
  min-height: 45px;
  align-items: flex-end;
  -webkit-box-shadow: inset -1px -8px 5px -5px #17486e;
  -moz-box-shadow: inset -1px -8px 5px -5px #17486e;
  box-shadow: inset -1px -8px 5px -5px #17486e;
  position: relative;
}
.transaction-overview-con header .title-con {
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 0;
  display: flex;
}
.transaction-overview-con header .title-con .page-title {
  width: 15em;
  max-width: 100%;
  flex-grow: 0;
}
.transaction-overview-con header .transaction-header {
  flex-grow: 1;
  flex-basis: 100%;
  margin-left: 1em;
  margin-right: 1em;
}
.transaction-overview-con header .transaction-header .alert-danger {
  padding: 10px;
  border-radius: 5px;
}
.transaction-overview-con header h2 {
  font-size: 18px;
  color: #ffffff;
  margin-bottom: 10px;
}
.transaction-overview-con header .nav-con {
  display: flex;
  align-content: space-between;
  width: 100%;
  padding: 2px 15px;
  border-top: solid 1px #7a7a7a;
}
.transaction-overview-con header .nav-con .nav {
  flex-grow: 1;
  list-style: none;
  margin: 0 0 2px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
.transaction-overview-con header .nav-con .nav > li {
  font-size: 13px;
  background-image: url(../img/icons/list-spacer-icon.svg);
  background-size: 3px 20px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  height: 40px;
  margin-left: 0;
}
.transaction-overview-con header .nav-con .nav > li:first-child {
  border: none;
  background-image: none;
}
.transaction-overview-con header .nav-con .nav > li.drop-link a {
  padding: 0 5px 0 15px;
  line-height: 35px;
}
.transaction-overview-con header .nav-con .nav > li.kiosk-terms-li {
  max-width: 250px;
  max-height: 35px;
}
.transaction-overview-con header .nav-con .nav > li.kiosk-terms-li a {
  max-height: 100%;
  max-width: 100%;
}
.transaction-overview-con header .nav-con .nav > li.kiosk-terms-li img {
  max-width: 100%;
  max-height: 100%;
}
.transaction-overview-con header .nav-con .nav > li.contract-link {
  background-image: none;
}
.transaction-overview-con header .nav-con .nav > li button {
  background: none;
  color: #a9c2d2;
  line-height: 35px;
  padding: 0 0 0 40px;
  font-size: 12px;
}
.transaction-overview-con header .nav-con .nav > li button.por-cancel-transaction {
  background-image: url(../img/icons/cancel-transaction-icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 7px;
}
.transaction-overview-con header .nav-con .nav > li button:hover {
  background-color: transparent;
  color: #ffffff;
}
.transaction-overview-con header .nav-con .nav > li a {
  color: #efefef;
  font-size: 12px;
  padding-left: 40px;
}
.transaction-overview-con header .nav-con .nav > li a:hover {
  background: transparent;
  color: #ffffff;
}
.transaction-overview-con header .nav-con .nav > li a.por-back-to-transactions {
  background-image: url(../img/icons/back-arrow-icon.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 8px;
}
.transaction-overview-con header .nav-con .nav > li a.por-contract {
  background-image: url(../img/icons/contract-icon.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 15px;
}
.transaction-overview-con header .nav-con .nav > li a.por-digital-signature {
  background-image: url(../img/icons/digital-signature-icon.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
}
.transaction-overview-con header .nav-con .nav > li a.por-transaction-history {
  background-image: url(../img/icons/transaction-history-icon.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 8px;
}
.transaction-overview-con header .nav-con .nav > li a.por-kiosk {
  height: 100%;
  background-image: url(../img/icons/kiosk-icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
}
.transaction-overview-con header .nav-con .nav > li a.por-split-order {
  background-image: url(../img/icons/split-order-icon.svg);
  background-size: 22px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
}
.transaction-overview-con header .nav-con .nav > li a.por-copy-transaction {
  background-image: url(../img/icons/copy-transaction-icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position-y: 6px;
  background-position-x: 10px;
}
.transaction-overview-con header .nav-con .nav > li.locker-link a {
  background-image: url(../img/icons/locker-icon.svg) !important;
}
.transaction-overview-con header .nav-con .nav > li.dropdown-container {
  display: flex;
  align-items: center;
}
.transaction-overview-con header .nav-con .nav > li.dropdown-container .drop-link a {
  padding-left: 9px !important;
  padding-right: 5px !important;
  border: none;
  width: min-content;
}
.transaction-overview-con header .nav-con .nav > li.dropdown-container .contract-link a {
  padding-right: 15px;
  margin-left: 0 !important;
  padding-left: 46px;
}
.transaction-overview-con header .nav-con .open {
  background: none;
}
.transaction-overview-con header .nav-con .open > a {
  background-color: transparent;
  border: none;
}
.transaction-overview-con header .nav-con .open > a:hover {
  color: #ffffff;
}
.transaction-overview-con header .nav-con .open .dropdown-menu {
  background: #0b324b;
}
.transaction-overview-con header .nav-con .open .dropdown-menu li a {
  text-align: left;
  color: #ffffff;
}
.transaction-overview-con header .header-right-con {
  flex-basis: 250px;
  margin-bottom: 10px;
}
.transaction-overview-con header .header-right-con .help-btn-con {
  overflow: auto;
}
.transaction-overview-con header .header-right-con .help-btn-con button {
  border-radius: 50px;
  padding: 7px 25px;
  float: right;
}
.transaction-overview-con .transaction-warnings {
  flex-basis: 100%;
  padding: 0;
  margin: 5px;
}
.transaction-overview-con .transaction-warnings > div {
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 2px;
}
.transaction-overview-con .totals-block .totals-container {
  border: 1px solid #e2e2e2;
  background: #eeeeee;
  margin-bottom: 10px;
}
.transaction-overview-con .totals-block .totals-container .update-transaction-totals {
  border: none;
  padding: unset;
  background: none;
  color: #0c78be;
}
.transaction-overview-con .totals-block .totals-container .update-transaction-totals.disabled {
  color: #154a6e;
}
.transaction-overview-con .totals-block .totals-container h4 {
  background: #0b324b;
  padding: 12px 10px;
  color: #ffffff;
  font-size: 13px;
}
.transaction-overview-con .totals-block .totals-container h4 label {
  font-family: 'Helvetica', Verdana, sans-serif;
  font-size: 12px;
}
.transaction-overview-con .totals-block .totals-container .totals-main {
  padding: 8px;
  background: #f9f9f9;
}
.transaction-overview-con .totals-block .deposit-container {
  box-shadow: 1px 1px 5px #efefef;
  border: 1px solid #e2e2e2;
  margin-bottom: 10px;
}
.transaction-overview-con .totals-block .deposit-container h4 {
  background: #0b324b;
  padding: 12px 10px;
  color: #ffffff;
  font-size: 13px;
}
.transaction-overview-con .totals-block .deposit-container .deposit-main {
  padding: 8px;
  background: #eeeeee;
}
.transaction-overview-con .totals-block .totals-menu {
  background: #f9f9f9;
}
.transaction-overview-con .totals-block .totals-menu .checklist-done .panel-heading,
.transaction-overview-con .totals-block .totals-menu .checklist-future-todo .panel-heading {
  background-color: #9eaebe;
  border-bottom: 1px solid #8193a6;
  color: #5f7083;
  padding-left: 4px;
}
.transaction-overview-con .totals-block .totals-menu .panel {
  border-radius: 0;
  margin-bottom: 10px;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body {
  margin-left: 0;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body button.por-transaction-add-arbitrary.btn {
  padding-left: 0;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li {
  position: relative;
  background: #f9f9f9;
  float: none;
  display: block;
  list-style: none;
  width: 100%;
  margin: 0px !important;
  text-align: left;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn {
  padding: 8px 8px 8px 50px;
  width: 100%;
  text-align: left;
  line-height: 23px;
  background: #f9f9f9;
  border-radius: 0;
  position: relative;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.icon {
  background-size: 25px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.por-view-transaction-payment {
  background-image: url(../img/icons/collect-payment-icon.svg);
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.por-view-transaction-payment-refund {
  background-image: url(../img/icons/refund-payment-icon.svg);
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.por-view-transaction-auto-bill {
  background-image: url(../img/icons/automatic-billing-icon.svg);
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.por-view-transaction-card-auth {
  background-image: url(../img/icons/authorize-cc-icon.svg);
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn.por-view-transaction-invoicing {
  background-image: url(../img/icons/invoicing-icon.svg);
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn span {
  font-weight: 600;
  color: #353535;
  font-size: 11px;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn[disabled] {
  opacity: 0.3 !important;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn:hover {
  position: relative;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn:hover span {
  color: #000000;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .btn:after {
  content: '';
  position: absolute;
  bottom: 0;
  border: 1px solid #cecece;
  border-top: none;
  z-index: 1;
  width: 100%;
  left: 0;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li .checklist-todo-now .sectioning {
  background-color: transparent;
}
.transaction-overview-con .totals-block .totals-menu .panel .panel-body li:last-child .btn:after {
  border: none;
}
.transaction-overview-con .totals-block .table {
  margin: 0;
}
.transaction-overview-con .totals-block .table > tbody > tr.warning > td {
  border-color: #dddddd;
}
.transaction-overview-con .coupon-container {
  border: 1px solid #e2e2e2;
  margin-bottom: 10px;
}
.transaction-overview-con .coupon-container .coupon-main {
  padding: 8px;
  background: #f9f9f9;
}
.transaction-overview-con .coupon-container .coupon-main table {
  margin: 0;
}
.transaction-overview-con .coupon-container .coupon-main table .form-group.field-CouponCode {
  margin-bottom: 5px;
}
.transaction-overview-con .coupon-container .coupon-main table tbody > tr > td {
  border-top: none;
}
.transaction-overview-con .customer-info-con {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  gap: 10px;
}
.transaction-overview-con .customer-info-con .customer-info {
  flex: 1 0 300px;
}
.transaction-overview-con .customer-info-con .customer-info h4 {
  margin-top: 5px;
  margin-bottom: 10px;
}
.transaction-overview-con .customer-info-con .balancedue,
.transaction-overview-con .customer-info-con .warning {
  color: #d9534f !important;
  border-color: #d9534f !important;
}
.transaction-overview-con .customer-info-con span.tax-free-customer-info span.expired,
.transaction-overview-con .customer-info-con span.damage-waiver-exempt-customer-info span.expired {
  color: #d9534f;
}
.transaction-overview-con .customer-info-con .balance-top {
  display: flex;
  position: absolute;
  width: 180px;
  right: 20px;
  justify-content: space-between;
  z-index: auto;
}
.transaction-overview-con .customer-info-con .balance-top div.icon:before {
  content: " ";
  background-image: url(../img/icons/edit-icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  display: inline-block;
  line-height: 25px;
  background-position-y: 1px;
  background-position-x: 1px;
  font-weight: 600;
  font-size: 11px;
}
.transaction-overview-con .customer-info-con .balance-top div.search-icon-con:before {
  background-image: url(../img/icons/search-icon.svg);
  background-size: 17px;
  height: 20px;
}
.transaction-overview-con .customer-info-con .balance-top div.refresh-icon-con:before {
  background-image: url(../img/icons/refresh-icon.svg);
  height: 17px;
}
.transaction-overview-con .customer-info-con .balance-top div.tran-icon {
  line-height: 25px;
  text-align: right;
  font-weight: 600;
  font-size: 11px;
  display: flex;
  align-items: center;
}
.transaction-overview-con .customer-info-con .balance-info-con {
  flex: 1 0 200px;
  display: flex;
  justify-content: flex-end;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con {
  display: flex;
  justify-content: flex-end;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due {
  background: #0F4B72;
  border-radius: 5px;
  background-image: url(../img/icons/money-icon.svg);
  background-size: 30px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 19px;
  min-width: 185px;
  max-width: 285px;
  align-self: flex-end;
  border: solid 1px #0F4B72;
  color: #ffffff;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due > div {
  margin-left: 70px;
  padding: 6px 10px 6px 20px;
  background: #2B6287;
  border-radius: 0 5px 5px 0;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due > div h4 {
  font-size: 12px;
  margin-bottom: 3px;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due > div h3 {
  font-size: 15px;
}
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due a,
.transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due .field-CreditLimit {
  font-size: 14px;
  color: #ffffff;
}
.transaction-overview-con .status-bar-con {
  flex-basis: 100%;
  margin: 5px 5px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  flex-wrap: wrap;
}
.transaction-overview-con .status-bar-con h4 {
  font-size: 15px;
  font-weight: 600 !important;
}
.transaction-overview-con .status-bar-con .steps {
  flex: 1;
  padding: 13px 5px;
  margin-right: 6px;
  position: relative;
  background: #0b324c;
  color: #ffffff;
  min-height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.transaction-overview-con .status-bar-con .steps.contract {
  height: 40px;
  padding: 9px 5px;
  background: lightgray;
  color: #0b324c;
  min-width: 200px !important;
  flex-shrink: 0;
}
.transaction-overview-con .status-bar-con .steps.contract h2 {
  font-size: 16px;
}
.transaction-overview-con .status-bar-con .steps.contract h3 {
  font-size: 12px;
}
.transaction-overview-con .status-bar-con .steps.contract.other-company,
.transaction-overview-con .status-bar-con .steps.contract.epicor {
  padding-top: 1px;
  padding-bottom: 1px;
}
.transaction-overview-con .status-bar-con .steps.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.transaction-overview-con .status-bar-con .steps.alert-danger hr {
  border-top-color: #e6c1c7;
}
.transaction-overview-con .status-bar-con .steps.alert-danger .alert-link {
  color: #953b39;
}
.transaction-overview-con .status-bar-con .steps.alert-danger [class^="icon-"],
.transaction-overview-con .status-bar-con .steps.alert-danger [class*=" icon-"] {
  background-image: url('../img/glyphicons-halflings-red.png');
}
.transaction-overview-con .status-bar-con .steps:first-child {
  border-radius: 0;
}
.transaction-overview-con .status-bar-con .steps:last-child {
  margin: 0;
  border-radius: 0;
}
.transaction-overview-con .status-bar-con .steps:last-child:before {
  border: none;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now {
  background-color: #46a846;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange {
  background-color: #f0ad4e;
  padding: 0px 5px 0 !important;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .long-name {
  color: #333333;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .por-icon {
  display: none;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now.warning {
  background-color: #f2dede;
  color: #b94a48;
}
.transaction-overview-con .status-bar-con .steps:not(:last-child).checklist-todo-now:before {
  border-left: 30px solid #46a846;
}
.transaction-overview-con .status-bar-con .steps:not(:last-child).checklist-todo-now--orange:before {
  border-left: 30px solid #f0ad4e;
}
.transaction-overview-con .status-bar-con .steps:not(:last-child).checklist-todo-now.warning:before {
  border-left: 20px solid #f2dede;
}
.transaction-overview-con .status-bar-con .steps.reservation.checklist-todo-now .status-div:after {
  border-right: 30px solid #46a845;
  content: "";
  position: absolute;
  bottom: 0;
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 2;
  left: 0;
}
.transaction-overview-con .status-bar-con .steps.checklist-done {
  background-color: #b0dab0;
  color: #266c26;
}
.transaction-overview-con .status-bar-con .steps.checklist-done a {
  color: #226722;
}
.transaction-overview-con .status-bar-con .steps.checklist-done.quote:after {
  border-right: 30px solid #b0dab0;
  border-top: 30px solid #f0f1f5;
  border-bottom: 30px solid #f0f1f5;
}
.transaction-overview-con .status-bar-con .steps.checklist-done.disabled:not(.revertable).quote:after {
  border-right: 0;
  border-left: 30px solid #f0f1f5;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.transaction-overview-con .status-bar-con .steps.substatus-none-selected .substatus-container {
  display: none !important;
}
.transaction-overview-con .status-bar-con .steps.substatus-none-selected .status-title-content {
  position: relative !important;
  top: inherit !important;
  left: inherit;
}
.transaction-overview-con .status-bar-con .steps.checklist-done select {
  background-color: #C0F1C0 !important;
  color: #266C26;
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus {
  padding: 0px 5px 0;
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus select {
  background-color: #c0f1c0 !important;
  color: #266c26;
  font-weight: bold;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 2px;
  text-overflow: '';
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus .por-icon {
  margin-left: -15px;
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus .status-title-content {
  position: absolute;
  top: 6px;
  width: 100% !important;
  text-align: left;
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus.quote:after {
  border-right: 30px solid #f0ad4e;
  border-top: 30px solid #f0f1f5;
  border-bottom: 30px solid #f0f1f5;
}
.transaction-overview-con .status-bar-con .steps.checklist-done--substatus.disabled:not(.revertable).quote:after {
  border-right: 0;
  border-left: 30px solid #f0f1f5;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.transaction-overview-con .status-bar-con .steps:not(:last-child).checklist-done:before {
  border-left: 30px solid #b0dab0;
  right: 0px;
  border-top: 30px solid #f0f1f5;
  border-bottom: 30px solid #f0f1f5;
}
.transaction-overview-con .status-bar-con .steps.disabled:not(:last-child).checklist-done:not(.revertable):before {
  border-left: 30px solid #b0dab0;
  right: -30px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.transaction-overview-con .status-bar-con .steps.reservation.checklist-done:before {
  border-left: 30px solid #b0dab0;
  right: -30px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.transaction-overview-con .status-bar-con .steps.order.checklist-done:before {
  border-left: 30px solid #b0dab0;
  right: -30px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.transaction-overview-con .status-bar-con .steps a {
  color: #ffffff;
}
.transaction-overview-con .status-bar-con .steps:after {
  content: "";
  position: absolute;
  right: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #f0f1f5;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 1;
}
.transaction-overview-con .status-bar-con .steps:before {
  content: "";
  position: absolute;
  right: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-left: 30px solid #0b324c;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 2;
}
.transaction-overview-con .status-bar-con .steps.contract:before {
  display: none !important;
}
.transaction-overview-con .status-bar-con .steps.contract:after {
  display: none !important;
}
@keyframes pulse-right {
  0% {
    right: 5px;
  }
  50% {
    right: 0;
  }
  100% {
    right: 5px;
  }
}
@keyframes receive-arrow {
  0% {
    left: 30px;
  }
  50% {
    left: 35px;
  }
  100% {
    left: 30px;
  }
}
.transaction-overview-con .status-bar-con .steps .RECEIVED .arrow-right {
  animation: receive-arrow 1s linear infinite;
  right: auto;
  left: 30px;
  top: 9px;
}
.transaction-overview-con .status-bar-con .steps {
  min-width: 70px;
}
.transaction-overview-con .status-bar-con .steps span.short-name {
  display: none;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now.closed {
  background-color: #f2dede;
  color: black;
}
.transaction-overview-con .status-bar-con .steps.checklist-todo-now.closed .dark-gray {
  color: #333333;
}
.transaction-overview-con .status-bar-con .steps.checklist-done.quote {
  min-width: 80px;
}
.transaction-overview-con .status-bar-con .steps.checklist-done.received {
  min-width: 80px;
}
.transaction-overview-con .status-bar-con .steps.checklist-done.reservation {
  min-width: 110px;
}
.transaction-overview-con .status-bar-con .steps.reservation.checklist-todo-now {
  min-width: 130px;
}
.transaction-overview-con .arrow-left,
.transaction-overview-con .arrow-right {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  z-index: 5;
  font-size: 40px;
  color: #f2cb49;
  position: absolute;
  background: none;
  left: 7px;
  top: 10px;
}
.transaction-overview-con .arrow-left.fa-pull-left,
.transaction-overview-con .arrow-right.fa-pull-left {
  margin-right: 0.3em;
}
.transaction-overview-con .arrow-left.fa-pull-right,
.transaction-overview-con .arrow-right.fa-pull-right {
  margin-left: 0.3em;
}
.transaction-overview-con .arrow-left.pull-left,
.transaction-overview-con .arrow-right.pull-left {
  margin-right: 0.3em;
}
.transaction-overview-con .arrow-left.pull-right,
.transaction-overview-con .arrow-right.pull-right {
  margin-left: 0.3em;
}
.transaction-overview-con .arrow-left:before,
.transaction-overview-con .arrow-right:before {
  content: "\f0da";
}
.transaction-overview-con .arrow-left.arrow-left:before,
.transaction-overview-con .arrow-right.arrow-left:before {
  content: "\f0d9";
}
.transaction-overview-con .arrow-right {
  top: 9px;
  right: -21px;
  left: auto;
  border-right: 0;
}
@media only screen and (max-width: 750px) {
  .transaction-overview-con .transaction-overview-con .status-bar-con {
    flex-wrap: initial;
  }
  .transaction-overview-con .transaction-overview-con .status-bar-con .steps {
    height: 40px;
  }
}
.transaction-overview-con .suggested-item-groups {
  margin: 2px 2px 1px 1px;
  padding: 5px;
  border-radius: 2px;
  width: 100%;
  min-width: 207px;
  flex: 1;
}
.transaction-overview-con .item-serialized-modal .modal-dialog {
  width: 90% !important;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body {
  font-size: 12px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .serialized-info {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-block-end: 1rem;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .serialized-info .serialized-info__details {
  display: flex;
  gap: 4rem;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #c9c9c9;
  border-bottom-width: 0;
  background: #EFEFEF;
  padding: 20px 8px 18px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header > * {
  display: flex;
  align-items: center;
  gap: 8px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header .grid-header__right input#serialSearchFilter {
  border-radius: 25px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header .grid-header__availability {
  display: flex;
  align-items: center;
  margin-block-end: 0;
  gap: 4px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-header .form-group {
  margin-block-end: 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view {
  display: flex;
  flex-direction: column;
  max-height: 50vh;
  overflow: scroll;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination {
  margin: 10px auto 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination .action-btn {
  margin: 9px 0 !important;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination .pagination-container {
  display: inline-block;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid {
  display: table;
  width: 100%;
  border-bottom: 1px solid #D5D5D5 !important;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid .dgrid-row {
  border-left: 1px solid #D5D5D5;
  border-right: 1px solid #D5D5D5;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid .dgrid-row:not(:last-of-type) {
  border-bottom: 1px solid #D5D5D5;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .action-btn {
  padding: 5px 15px;
  margin: 9px 2px !important;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body button.action-btn.grid-header__availability.btn-xs,
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .form-control {
  height: 31px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body button.action-btn.grid-header__availability.btn-xs {
  border-radius: 4px;
  margin: 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .action-cell {
  max-width: 2em !important;
  width: 2em;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .accept-btn {
  color: #fff;
  background-color: #0c75b9;
  border-color: #0a66a1;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .accept-btn .fa-check {
  color: green;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .cancel-btn {
  background-color: #dddddd;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .cancel-btn .fa-ban {
  color: red;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid-cell {
  vertical-align: middle;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .pagination-container {
  font-weight: bold;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .pagination-container span {
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .company-config > div {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .action-cell {
    max-width: 4em !important;
    width: 4em;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid-header {
    display: table-row;
  }
}
@media screen and (max-width: 550px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .form-grouping-header {
    margin-bottom: 10px;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .dgrid {
    margin-top: 10px;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .action-btn {
    padding: 5px 15px;
    margin: 2px 2px !important;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination {
    display: flex;
    flex-wrap: wrap;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination .pagination-container {
    margin: auto;
    display: block;
    width: 100%;
    text-align: center;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .grid-view .pagination .action-btn {
    width: 49%;
    margin-right: 0.5% !important;
    margin-left: 0.5% !important;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .assign-instances-table .assign-instances-table-header {
  white-space: nowrap;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .assign-instances-table .assign-instances-table-body .transaction-overview-lineitem {
  padding: 5px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .assign-instances-table .assign-instances-table-body .transaction-overview-lineitem .line-item-cards .line-item-card-container {
  display: flex;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal {
  position: relative;
  background-color: #f9f9f9;
}
@media only screen and (max-width: 1100px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal {
    border: 1px solid #dddddd;
    border-radius: 3px;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog {
  max-width: 100%;
  padding: 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content {
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-header {
  background: #f0f1f5;
  border-bottom: 2px solid #dddddd;
  padding: 5px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-header h3 {
  color: #333333;
  font-size: 14px;
  font-weight: 700;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body {
  padding: 8px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .form-group.one-third {
  margin-bottom: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .form-group.one-third:last-of-type {
    width: 27%;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder.quick-add-instances-form-fields {
  display: flex;
  align-items: flex-end;
  row-gap: 12px;
  padding-bottom: 12px;
}
@media (max-width: 767px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder.quick-add-instances-form-fields {
    flex-wrap: wrap;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .one-fifth.last-col,
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .four-fifths.first-col {
  padding: 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .four-fifths.first-col {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .calculator-input {
  padding-left: 52px;
  text-align: right;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .calculator-trigger:before,
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .duration-calculator-trigger:before {
  top: 4px;
  left: 5px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder .c-currency.symbol-length-class-one {
  padding: 7px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .input-holder button.action-btn-queue-instance {
  border-radius: 3px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-body .item-list-modal-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer {
  background: transparent;
  padding: 8px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer .section-records {
  padding: 8px 0;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer .section-records > span {
  column-gap: 5px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer .section-records button.action-btn {
  margin-right: 0;
}
@media (max-width: 767px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer .record-actions-for-view-assignInstanceQuickAdd {
    float: none;
  }
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer button.action-btn-cancel {
    width: 100%;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer button {
  border-radius: 3px;
}
@media (max-width: 767px) {
  .transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-body .item-instance-quickadd-modal .modal-popup.modal-dialog .modal-content .quick-add-footer button {
    min-height: 34px;
  }
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-footer {
  display: flex;
  justify-content: flex-end;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .item-serialized-modal-footer button.btn.btn-xs {
  padding: 6px 8px;
  margin: 0 0 0 5px;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .fake-checkbox {
  width: 13px;
  height: 13px;
  position: relative;
  display: inline-block;
  border: 1px solid black;
  border-radius: 2px;
  margin-right: 8px;
  vertical-align: middle;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .fake-checkbox.checked {
  background-color: #007bff;
  color: white;
}
.transaction-overview-con .item-serialized-modal .modal-dialog .popup-content .item-serialized-modal-container .fake-checkbox.checked:after {
  content: '\f00c';
  font-family: FontAwesome;
  font-size: 10px;
  color: white;
  position: absolute;
  top: -20%;
}
.transaction-overview-con .search-options .one-half.last-col {
  padding-left: 0;
}
.transaction-overview-con .search-items-con {
  flex-basis: 100%;
  margin: 5px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.transaction-overview-con .search-items-con .title-bar {
  padding: 10px;
  border-bottom: 1px solid #e2e2e2;
  color: #206899;
  display: none;
}
.transaction-overview-con .search-items-con .nav {
  margin: 5px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
}
.transaction-overview-con .search-items-con .nav > li + li {
  margin-left: 5px;
}
.transaction-overview-con .search-items-con .nav button {
  background-size: 18px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
  padding-left: 40px;
  background-color: #F6F6F6;
  border: 1px solid #CDCDCD;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  border-radius: 2px;
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #242424;
}
.transaction-overview-con .search-items-con .nav button.por-transaction-add-arbitrary {
  background-image: url(../img/icons/add-fee-icon.svg);
}
.transaction-overview-con .search-items-con .nav button.por-transaction-add-damage-waiver {
  background-image: url(../img/icons/add-damage-icon.svg);
}
.transaction-overview-con .search-items-con .nav button.por-transaction-add-rental-discount {
  background-image: url(../img/icons/add-rental-discount-icon.svg);
}
.transaction-overview-con .search-items-con .nav button.por-transaction-add-sale-discount {
  background-image: url(../img/icons/add-sale-discount-icon.svg);
}
.transaction-overview-con .search-items-con .nav button.por-transaction-prep-for-sendout {
  background-image: url(../img/icons/pre-send-out.svg);
}
.transaction-overview-con .search-items-con .nav button.por-sort-toggle {
  background-image: url(../img/icons/refresh-icon.svg);
}
.transaction-overview-con .search-items-con .nav button.por-sort-save {
  background-image: url(../img/icons/save.svg);
}
.transaction-overview-con .search-items-con .nav button.por-sort-cancel {
  background-image: url(../img/icons/cancel-transaction-icon.svg);
}
.transaction-overview-con .search-items-con .prepared-checkmark {
  background-image: url(../img/icons/green-arrow.svg);
  background-size: 21px;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.transaction-overview-con .search-items-con .searched-items {
  width: 100%;
}
.transaction-overview-con .search-items-con .searched-items div[grid="grid"] {
  width: 100%;
}
.transaction-overview-con .search-items-con .radio-select-radio .radioBtn {
  margin-top: 2px;
  cursor: pointer;
}
.transaction-overview-con .search-items-con .radio-select-radio label {
  white-space: pre-line;
  font-weight: bold;
  display: inline-block;
  margin: 0;
}
.transaction-overview-con .search-items-con .radio-select-radio .radio {
  margin-top: 3px;
  margin-bottom: 3px;
}
.transaction-overview-con .search-items-con .radio-select-radio .form-group {
  margin-bottom: 0;
}
.transaction-overview-con .search-items-con .radio-select-radio ul {
  margin-bottom: 0;
}
.transaction-overview-con .search-items-con .radio-select-select {
  font-weight: bold;
}
.transaction-overview-con .search-items-con .show-more-or-less {
  text-align: right;
  width: 100%;
}
.transaction-overview-con .search-items-con .field-Description {
  max-width: 800px;
}
.transaction-overview-con .search-items-con .field-DescAndNotes {
  height: 7.5em !important;
}
.transaction-overview-con .search-items-con .por-transaction-overview-item-list .form-grouping-container {
  border: none !important;
  background: transparent !important;
  margin: 0;
}
.transaction-overview-con .search-items-con .por-transaction-overview-item-list .form-grouping-container .inner {
  overflow: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px 8px 0;
  font-size: 12px;
}
.transaction-overview-con .search-items-con .por-transaction-overview-item-list .form-grouping-container .inner .find-text {
  font-size: 13px;
}
.transaction-overview-con .search-items-con .por-transaction-overview-item-list .form-grouping-container .inner .search-options-button-container {
  display: flex;
  gap: 8px;
}
.transaction-overview-con .search-items-con .form-grouping-header {
  background: transparent !important;
}
.transaction-overview-con .search-items-con .form-grouping-header label {
  color: #333333;
  text-transform: capitalize;
}
.transaction-overview-con .search-items-con .form-grouping-header .search-help-text {
  margin: 5px 0;
  text-transform: math-auto;
  padding: 0 12px;
}
.transaction-overview-con .search-items-con .search-options {
  display: flex;
  padding: 5px;
  margin-left: 0;
  flex-wrap: wrap;
}
.transaction-overview-con .search-items-con .search-options .search-options-checkboxes {
  width: 250px;
}
.transaction-overview-con .search-items-con .table th {
  background: #f0f1f5;
}
.transaction-overview-con .search-items-con .modal-body .nav {
  justify-content: center;
}
.transaction-overview-con .search-items-con .modal-body button {
  padding: 0 8px;
  border-radius: 8px;
  height: 29px;
}
.transaction-overview-con .search-items-con .modal-body .input-group-btn-vertical button {
  height: 18px;
}
.transaction-overview-con .search-items-con .modal-body .field-CompanyName {
  width: 70px;
}
.transaction-overview-con .customer-tags,
.transaction-overview-con .transaction-tags {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 5px 0 0;
}
.transaction-overview-con .customer-tags .tag,
.transaction-overview-con .transaction-tags .tag {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  margin: 2px;
  border-radius: 3px;
}
.transaction-overview-con .customer-tags .tag.tag-add,
.transaction-overview-con .transaction-tags .tag.tag-add {
  background-color: #333333;
}
.transaction-overview-con .customer-tags.transaction-tags,
.transaction-overview-con .transaction-tags.transaction-tags {
  padding: 0;
  margin: 0;
  width: 100%;
}
.transaction-overview-con .customer-tags.transaction-tags label.clickable,
.transaction-overview-con .transaction-tags.transaction-tags label.clickable {
  margin-top: 2px;
  margin-left: 0;
  margin-bottom: 2px;
}
.transaction-overview-con .tags-con div.tag {
  transition: all 0.5s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  padding: 3px 8px;
  margin: 2px;
  border-radius: 3px;
  margin-top: 8px;
}
.transaction-overview-con .tags-con div.tag label.clickable {
  padding-top: 4px;
  margin-left: 0;
  margin-bottom: 2px;
}
.transaction-overview-con .tags-con div.tag.tag-add {
  background-color: #333333;
}
.transaction-overview-con .tags-con {
  width: 100%;
  flex-basis: 100%;
  margin: 0px 5px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.transaction-overview-con .tags-con .fullLineLabel {
  display: flex;
  margin: 0;
}
.transaction-overview-con .tags-con label.control-label {
  padding-left: 0;
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  justify-content: center;
  align-items: center;
  display: flex;
  margin: 0 5px 0 10px;
}
.transaction-overview-con .tags-con .form-input-container {
  flex-grow: 1;
}
.transaction-overview-con .tags-con .c-tag-input {
  margin: 2px;
  padding: 0 5px;
}
.transaction-overview-con .tags-con .c-tag-input .tags .tag {
  font-size: 11px;
  padding: 3px 5px 3px 8px;
  border-radius: 5px;
}
.transaction-overview-con .tags-con .c-tag-input .tags .tag .remove:before {
  letter-spacing: 0;
  font-size: 10px;
  background: rgba(51, 51, 51, 0.17);
  padding: 2px 4px;
  border-radius: 2px;
}
.transaction-overview-con header {
  padding: 0;
  min-height: 35px;
  height: auto;
}
.transaction-overview-con header .nav > li > a {
  padding: 7px 15px;
}
.transaction-overview-con header .nav-con {
  padding: 0 15px;
}
.transaction-overview-con header .nav-con .drop-link {
  order: 1;
}
.transaction-overview-con header .nav-con .nav li {
  height: 35px;
}
.transaction-overview-con header .nav-con:before,
.transaction-overview-con header .nav-con:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview-con header .nav-con:after {
  clear: both;
}
.transaction-overview-con header .nav-con:before,
.transaction-overview-con header .nav-con:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview-con header .nav-con:after {
  clear: both;
}
.transaction-overview-con header .nav-con:before,
.transaction-overview-con header .nav-con:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview-con header .nav-con:after {
  clear: both;
}
.transaction-overview-con header .nav-con:before,
.transaction-overview-con header .nav-con:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.transaction-overview-con header .nav-con:after {
  clear: both;
}
.transaction-overview-con header .help-btn-con button.help-btn {
  padding: 3px 12px;
}
.transaction-overview-con .totals-table td.c-currency {
  min-width: 8em;
}
.sync-customer-popup .popup {
  width: fit-content;
}
.sync-customer-container .table-striped {
  border: none;
}
.sync-customer-container .table-striped tbody tr th.sync-customer-header-field {
  text-align: center;
  background: #B4BFC3;
}
.sync-customer-container .table-striped tbody tr th,
.sync-customer-container .table-striped tbody tr td {
  border-right: none;
  border-bottom: none;
}
.sync-customer-container .table-striped tbody tr th.last-col,
.sync-customer-container .table-striped tbody tr td.last-col {
  border-right: 1px solid #dddddd;
}
.sync-customer-container .table-striped tbody tr:last-child th,
.sync-customer-container .table-striped tbody tr:last-child td {
  border-bottom: 1px solid #dddddd;
}
.sync-customer-container .sync-customer-field-title,
.sync-customer-container .sync-customer-data {
  padding: 3px;
  text-align: center;
}
.icon-link-out {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  margin-right: 0.5em;
}
.icon-link-out.fa-pull-left {
  margin-right: 0.3em;
}
.icon-link-out.fa-pull-right {
  margin-left: 0.3em;
}
.icon-link-out.pull-left {
  margin-right: 0.3em;
}
.icon-link-out.pull-right {
  margin-left: 0.3em;
}
.icon-link-out:before {
  content: "\f0c1";
  color: #2a6496;
}
.icon-warehouse-overbook {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none !important;
  margin-right: 0.5em;
}
.icon-warehouse-overbook.fa-pull-left {
  margin-right: 0.3em;
}
.icon-warehouse-overbook.fa-pull-right {
  margin-left: 0.3em;
}
.icon-warehouse-overbook.pull-left {
  margin-right: 0.3em;
}
.icon-warehouse-overbook.pull-right {
  margin-left: 0.3em;
}
.icon-warehouse-overbook:before {
  content: "\f071";
  color: #7e4e0a;
}
.overbook-warning a.alert-danger {
  text-decoration: underline;
}
/*================= Transaction overview lineitem  (styles modified from 005-workbench) =================*/
[view-edit-transaction-item-pricing-breakdown] .totals-container {
  border: 1px solid #e2e2e2;
  margin-bottom: 10px;
}
[view-edit-transaction-item-pricing-breakdown] .totals-container h4.totals-header {
  background: #0b324b !important;
  padding: 12px 10px;
  color: #ffffff;
  font-size: 13px;
  margin-bottom: 8px;
}
.transaction-overview-lineitem {
  width: 100%;
}
.transaction-overview-lineitem h4 {
  font-size: 14px;
  font-weight: bold;
}
.transaction-overview-lineitem .line-item-card {
  border: 1px solid #aaaaaa;
  border-left: none;
  border-right: none;
  color: #555555;
  display: flex;
  align-items: center;
  margin-bottom: 5px;
  min-width: 100px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.transaction-overview-lineitem .line-item-card.w-instances {
  width: 100%;
}
.transaction-overview-lineitem .line-item-card .por-icon {
  background-color: white;
  margin: 5px;
  margin-top: 4px;
  padding: 0px;
  font-size: 17px;
  width: 13px;
  height: 15px;
}
.transaction-overview-lineitem .line-item-card .por-icon.por-icon-unchecked:before {
  content: "\f096";
}
.transaction-overview-lineitem .line-item-card .por-icon.por-icon-checked:before {
  content: "\f046";
}
.transaction-overview-lineitem .line-item-card .por-icon-unchecked {
  margin-right: 4px;
}
.transaction-overview-lineitem .line-item-card .line-item-text {
  margin: 5px;
  margin-left: 2px;
}
.transaction-overview-lineitem .line-item-card .line-item-text-w-ready-flag {
  width: 100%;
  margin: 5px;
  margin-left: 2px;
}
.transaction-overview-lineitem .line-item-card .line-item-text-w-ready-flag .ready-flag {
  float: right;
  width: 30%;
}
.transaction-overview-lineitem .line-item-card .line-item-text-w-ready-flag .ready-flag .ready-flag-unknown {
  color: gray;
}
.transaction-overview-lineitem .line-item-card .line-item-text-w-ready-flag .ready-flag .ready-flag-ready {
  color: green;
}
.transaction-overview-lineitem .line-item-card .line-item-text-w-ready-flag .ready-flag .ready-flag-notReady {
  color: red;
}
.transaction-overview-lineitem .line-item-card div {
  float: left !important;
  float: left;
  margin-right: 5px;
}
.transaction-overview-lineitem tr.kit-component td:first-child:before {
  content: "\221f";
  margin-left: 0.5em;
}
.transaction-overview-lineitem .item-instance-search {
  overflow: auto;
}
.transaction-overview-lineitem .item-instance-search > div:first-child {
  position: relative;
}
.transaction-overview-lineitem .item-instance-search .clear-search {
  position: absolute;
  right: 12px;
  transform: translateY(-50%);
  top: 50%;
}
.transaction-overview-lineitem .item-instance-search .form-group {
  margin-bottom: 8px;
}
.transaction-overview-lineitem .dragdrop {
  cursor: move;
}
@media screen and (min-width: 1024px) {
  .assign-instances-table .field-ItemName {
    width: 20% !important;
  }
  .assign-instances-table .field-AvailableInstances {
    width: 40%;
  }
  .assign-instances-table .field-ItemName {
    width: 20%;
  }
}
/*=================== Customer info =====================*/
.company-info-con,
[view-transaction-overview-customer-custom-fields] {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  flex-grow: 0;
  -webkit-flex-grow: 0;
  -webkit-flex-wrap: wrap;
  width: 100%;
  margin-top: 10px;
  font-size: 13px;
  flex-wrap: wrap;
}
.company-info-con strong + div,
[view-transaction-overview-customer-custom-fields] strong + div {
  white-space: nowrap;
  flex-basis: 70%;
}
.company-info-con strong,
[view-transaction-overview-customer-custom-fields] strong {
  flex-basis: 30%;
  margin-bottom: 1px;
}
.company-info-con .comments-con,
[view-transaction-overview-customer-custom-fields] .comments-con {
  margin-top: 10px;
  flex-basis: 100%;
}
.company-info-con .comments-con pre,
[view-transaction-overview-customer-custom-fields] .comments-con pre {
  margin-bottom: 0;
  max-height: 100px;
  overflow-y: auto;
}
.company-info-con .identification-con,
[view-transaction-overview-customer-custom-fields] .identification-con {
  display: flex;
  align-items: flex-end;
  width: 100%;
}
.company-info-con .identification-con .field-IdentificationType,
[view-transaction-overview-customer-custom-fields] .identification-con .field-IdentificationType {
  align-items: flex-end;
  display: flex;
  margin-bottom: 2px;
}
.company-info-con .identification-con .field-IdentificationType button.por-icon.por-icon-edit.action-btn,
[view-transaction-overview-customer-custom-fields] .identification-con .field-IdentificationType button.por-icon.por-icon-edit.action-btn {
  width: revert;
}
.company-info-con .identification-con .field-IdentificationValue,
[view-transaction-overview-customer-custom-fields] .identification-con .field-IdentificationValue {
  flex-basis: 70%;
  margin-left: 0.6em;
}
.company-info-con .identification-con div.form-group.default,
[view-transaction-overview-customer-custom-fields] .identification-con div.form-group.default {
  margin-bottom: 0px;
  flex-basis: 50%;
  min-width: 50px;
}
.company-info-con .identification-con div.form-group.default.field-IdentificationValue,
[view-transaction-overview-customer-custom-fields] .identification-con div.form-group.default.field-IdentificationValue {
  margin-left: 0.6em;
}
.company-info-con .identification-con button.por-icon-edit,
[view-transaction-overview-customer-custom-fields] .identification-con button.por-icon-edit {
  margin: 0 0 0.2em 0.5em;
}
.company-info-con .identification-con button.por-icon-edit:before,
[view-transaction-overview-customer-custom-fields] .identification-con button.por-icon-edit:before {
  width: 12px;
}
.company-info-con .identification-con button.por-icon-good,
[view-transaction-overview-customer-custom-fields] .identification-con button.por-icon-good {
  height: 34px;
  width: 3em;
}
[view-transaction-overview-customer-custom-fields] {
  margin-top: 0px;
}
/*============== Additional custom terms / Special Requests / Picklist Comment + base title bars ==============*/
.additional-con,
.special-request-con,
.picklist-comment-con,
.notes-con,
.operators-con,
.custom-fields-con {
  padding: 0 !important;
  min-height: 100px !important;
}
.additional-con.notes-con,
.special-request-con.notes-con,
.picklist-comment-con.notes-con,
.notes-con.notes-con,
.operators-con.notes-con,
.custom-fields-con.notes-con {
  min-height: 0px !important;
}
.additional-con .title-bar,
.special-request-con .title-bar,
.picklist-comment-con .title-bar,
.notes-con .title-bar,
.operators-con .title-bar,
.custom-fields-con .title-bar {
  padding: 10px;
  color: #206899;
}
.additional-con table,
.special-request-con table,
.picklist-comment-con table,
.notes-con table,
.operators-con table,
.custom-fields-con table {
  margin-bottom: 0;
}
.additional-con table span,
.special-request-con table span,
.picklist-comment-con table span,
.notes-con table span,
.operators-con table span,
.custom-fields-con table span {
  color: #023649;
}
.additional-con table .contract-terms,
.special-request-con table .contract-terms,
.picklist-comment-con table .contract-terms,
.notes-con table .contract-terms,
.operators-con table .contract-terms,
.custom-fields-con table .contract-terms {
  padding: 10px;
}
.additional-con table .inline-edit-actions button,
.special-request-con table .inline-edit-actions button,
.picklist-comment-con table .inline-edit-actions button,
.notes-con table .inline-edit-actions button,
.operators-con table .inline-edit-actions button,
.custom-fields-con table .inline-edit-actions button {
  width: 30px;
  margin-top: 5px;
}
.custom-fields-con table td {
  position: relative;
}
.custom-fields-con .custom-fields {
  display: flex;
  flex-direction: column;
}
.custom-fields-con .custom-fields .field-CustomField {
  padding: 5px;
}
.custom-fields-con .custom-fields .field-CustomField .custom-question-text {
  font-weight: bold;
  font-size: 1.1em;
  color: #0d1e32;
}
.custom-fields-con .custom-fields .field-CustomField .custom-question-answer {
  color: #0d1e32;
}
/*======================== Operators ========================*/
.operators-con {
  min-height: 0 !important;
  flex-basis: 100%;
  margin: 0px 5px;
  box-shadow: 1px 1px 5px #efefef;
  border: 1px solid #e2e2e2;
  padding: 0;
  background: #f9f9f9;
}
.operators-con .title-bar {
  border-bottom: 1px solid #e2e2e2;
}
.operators-con .title-bar .por-icon {
  color: #0d1e32;
}
.operators-con .operator-main-con {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}
.operators-con .operator-main-con h6 {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 3px;
}
.operators-con .operator-main-con > div {
  background-color: aliceblue;
  padding: 10px;
  border: solid 1px darkgray;
  border-radius: 5px;
  min-width: 280px;
  flex: 1;
  margin: 5px;
  width: 315px;
}
.operators-con .operator-main-con .operator-detail-main {
  display: flex;
  flex-wrap: wrap;
}
.operators-con .operator-main-con .operator-detail-main > div {
  flex: 1;
}
.operators-con .operator-main-con .operator-detail-main > div > div {
  padding-bottom: 2px;
}
.operators-con .operator-main-con .operator-detail-main > div > div .display-label {
  text-align: left;
  display: initial;
}
.operators-con .operator-main-con .notes-din-con {
  margin-top: 5px;
}
.operators-con .operator-main-con .notes-din-con .display-label {
  text-align: left;
  display: initial;
}
/*=================== Received =====================*/
.received-top {
  display: flex;
  margin-bottom: 1em;
}
.received-top .received-title {
  flex-grow: 1;
}
.received-top .received-title h3 {
  margin-top: 8px;
  margin-bottom: 20px;
}
.received-top .icon:before {
  content: " ";
  background-image: url(../img/icons/edit-icon.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  height: 25px;
  width: 25px;
  display: inline-block;
  line-height: 25px;
  background-position-y: 1px;
  background-position-x: 1px;
  font-weight: 600;
  font-size: 11px;
  position: relative;
  top: 7px;
}
.received-top .edit-icon-con {
  line-height: 25px;
  flex-basis: 120px;
  text-align: right;
  font-weight: 600;
  font-size: 11px;
}
.duration-con {
  display: flex;
  text-align: center;
  border-radius: 5px;
  flex-wrap: nowrap;
}
.duration-con > div {
  flex: 0;
  min-width: 15em;
  padding: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.duration-con > div .label {
  color: #ffffff;
  font-size: 12px;
}
.duration-con > div > div {
  font-size: 12px;
  color: #ffffff;
}
.duration-con > div > div > span.help-warning {
  position: absolute;
  top: 2px;
  right: 4px;
}
.duration-con > div:first-child {
  background: #2B80B7;
  border-radius: 5px 0 0 5px;
}
.duration-con > div:first-child:before {
  content: "";
  position: absolute;
  right: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid #2B80B7;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 1;
  vertical-align: -50%;
}
.duration-con > div:nth-child(2) {
  background: #c2d6e4;
  border: 1px solid #abc5d6;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.duration-con > div:nth-child(2) .label {
  color: #333333;
}
.duration-con > div:nth-child(2) > div {
  color: #333333;
}
.duration-con > div:last-child {
  background: #0b324c;
  border-radius: 0 5px 5px 0;
}
.duration-con > div:last-child:before {
  content: "";
  position: absolute;
  left: -10px;
  width: 0;
  height: 0;
  border-right: 10px solid #0b324c;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 1;
  vertical-align: -50%;
}
.duration-con > div .event-details-con {
  display: flex;
  width: 100%;
}
.duration-con > div .event-details-con .rental-timeframe {
  width: 100%;
  display: flex;
  justify-content: space-around;
  background: aliceblue;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  flex-wrap: wrap;
}
.duration-con > div .event-details-con .rental-timeframe .rental-timeframe-section {
  padding: 5px;
}
.duration-con .returned-con {
  border-bottom: 1px dotted #045d97;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
/*==================== Reminders =====================*/
.reminders-con {
  flex-basis: 100%;
  margin: 5px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.reminders-con .title-bar {
  padding: 10px;
  color: #206899;
  border-bottom: 1px solid #e2e2e2;
  background: #f6f8f9;
}
.reminders-con .note-row {
  padding: 0px 10px;
  border-bottom: 1px solid #efefef;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.reminders-con .note-row .title-bar {
  padding: 5px 0;
  background: none;
  font-size: 12px;
  border: none;
  flex: 2;
  order: 2;
  color: #0b324c;
}
.reminders-con .note-row .created {
  font-weight: 600;
  margin-right: 5px;
  color: #0b324b;
}
.reminders-con .note-row .employee {
  color: black;
  display: inline;
}
.reminders-con .note-row .employee:before {
  content: " - ";
  margin-left: 0.5em;
}
.reminders-con .note-row .due {
  font-size: 11px;
  font-weight: 600;
  display: block;
  margin: 5px 0;
  order: 2;
}
.reminders-con .note-row .overdue {
  font-weight: bold;
  color: #d9534f;
  order: 4;
  margin: 5px 0;
}
.reminders-con .note-row.overdue .note {
  color: #d9534f !important;
}
.reminders-con .note-row.completed .note,
.reminders-con .note-row.completed .completed {
  color: #5cb85c !important;
}
.reminders-con .note-row .complete,
.reminders-con .note-row .field-LogType {
  order: 1;
  margin: 0 5px 0 0;
  line-height: 30px;
}
.reminders-con .note-row .note,
.reminders-con .note-row .log-text {
  display: inline;
}
.reminders-con .note-row:nth-child(even) {
  background: #f7f7fa;
}
.reminders-con .note-row .due-con {
  order: 3;
  text-align: center;
}
.reminders-con .por-icon-check {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d9534f;
}
.reminders-con .por-icon-check.lockers {
  background-image: url('../img/icons/locker.svg');
}
.reminders-con .por-icon-check:before,
.reminders-con .por-icon-check:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .reminders-con .por-icon-check {
  margin-left: 0px;
}
.reminders-con .por-icon-check:hover {
  color: #5cb85c;
}
.reminders-con span.completed .por-icon-check {
  color: #5cb85c;
}
/*================= Delivery ===================*/
.delivery-con,
.time-tracking-con {
  flex-basis: 100%;
  margin: 5px 5px 0px 5px;
  background: #f9f9f9;
  border: 1px solid #e2e2e2;
}
.delivery-con .title-bar,
.time-tracking-con .title-bar {
  border-bottom: 1px solid #e2e2e2;
  padding: 10px;
  color: #206899;
}
.delivery-con .title-bar .por-icon,
.time-tracking-con .title-bar .por-icon {
  font-size: 12px;
  color: #0d1e32;
}
.delivery-con .delivery-row,
.time-tracking-con .delivery-row {
  display: flex;
  border-bottom: 1px solid #efefef;
  flex-wrap: wrap;
}
.delivery-con .delivery-row > div,
.time-tracking-con .delivery-row > div {
  flex: 1;
  border-right: 1px solid #efefef;
  padding: 10px;
  min-width: 200px;
  display: flex;
}
.delivery-con .delivery-row > div h6,
.time-tracking-con .delivery-row > div h6 {
  font-weight: 600;
  margin-bottom: 2px;
  display: block;
  font-size: 12px;
}
.delivery-con .delivery-row > div .map-icon-con,
.time-tracking-con .delivery-row > div .map-icon-con {
  margin: 0 10px 0 0;
}
.delivery-con .delivery-row > div .map-icon-con img,
.time-tracking-con .delivery-row > div .map-icon-con img {
  width: 20px;
  height: auto;
  margin-top: 0px;
}
.delivery-con .delivery-row > div span,
.time-tracking-con .delivery-row > div span {
  font-weight: normal;
  margin: 0;
  display: inline;
}
.delivery-con .delivery-row > div.comments,
.time-tracking-con .delivery-row > div.comments {
  flex: 3;
  min-width: 400px;
}
.delivery-con .delivery-pickup-row,
.time-tracking-con .delivery-pickup-row {
  display: flex;
  flex-wrap: wrap;
}
.delivery-con .delivery-pickup-row > div,
.time-tracking-con .delivery-pickup-row > div {
  flex: 1;
  min-width: 200px;
  display: flex;
}
.address .comments {
  margin-top: 15px;
}
/*================== Notes ================*/
.notes-con {
  flex-basis: 100%;
  margin: 5px;
  border: 1px solid #e2e2e2;
  background: #f9f9f9;
}
.notes-con .por1_signature {
  width: 160px;
  height: 100px;
}
.notes-con .title-bar {
  color: #206899;
  border-bottom: 1px solid #e2e2e2;
  display: flex;
  padding: 3px;
}
.notes-con .title-bar h6 {
  flex-grow: 1;
  line-height: 28px;
  margin-left: 10px;
}
.notes-con .title-bar button {
  background: #333333;
  border: none;
  font-size: 11px;
  color: #ffffff;
  padding: 7px;
  border-radius: 4px;
  max-width: 100px !important;
}
.notes-con .title-bar button .por-icon {
  margin-left: 3px;
}
.notes-con .notes-main-con {
  display: flex;
}
.notes-con .notes-main-con > div {
  flex: 1;
}
.notes-con .notes-main-con > div .note-row {
  background-color: white;
  padding: 0px 5px;
  border-bottom: 1px solid #efefef;
}
.notes-con .notes-main-con > div .note-row.REMINDER .note,
.notes-con .notes-main-con > div .note-row.REMINDER .field-LogType,
.notes-con .notes-main-con > div .note-row.REMINDER .due {
  color: #f0ad4e;
}
.notes-con .notes-main-con > div .note-row.completed .note,
.notes-con .notes-main-con > div .note-row.completed .field-LogType,
.notes-con .notes-main-con > div .note-row.completed .due,
.notes-con .notes-main-con > div .note-row.completed .completed {
  color: #5cb85c;
}
.notes-con .notes-main-con > div .note-row.overdue .note,
.notes-con .notes-main-con > div .note-row.overdue .field-LogType,
.notes-con .notes-main-con > div .note-row.overdue .due {
  color: #d9534f;
}
.notes-con .notes-main-con > div .note-row .note {
  padding-top: 0;
  margin-top: 0;
}
.notes-con .notes-main-con > div .note-row .due-con {
  padding: 5px;
  float: right;
}
.notes-con .notes-main-con > div .note-row .due-con span {
  text-align: center;
  display: block;
}
.notes-con .notes-main-con > div .note-row .due-con span.overdue {
  color: #d9534f;
}
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d9534f;
}
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check.lockers {
  background-image: url('../img/icons/locker.svg');
}
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check:before,
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .notes-con .notes-main-con > div .note-row .due-con .por-icon-check {
  margin-left: 0px;
}
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check:hover {
  color: #5cb85c;
}
.notes-con .notes-main-con > div .note-row .due-con .por-icon-check:before {
  content: "\f00c";
}
.notes-con .notes-main-con > div .note-row .due-con span.completed .por-icon-check {
  color: #5cb85c;
}
@media screen and (max-width: 834px) {
  .notes-con .notes-main-con > div .note-row .due-con {
    float: none;
  }
}
.notes-con .notes-main-con > div .note-row .title-bar {
  background: none;
  padding: 5px;
  border: none;
  font-size: 12px;
  padding-bottom: 0;
}
.notes-con .notes-main-con > div .note-row .title-bar span {
  padding-left: 1em;
  padding-right: 1em;
}
.notes-con .notes-main-con > div .note-row .title-bar span:first-child {
  padding-left: 0;
}
.notes-con .notes-main-con > div .note-row .title-bar .created {
  font-weight: 600;
  margin-right: 5px;
  color: #2B6287;
}
.notes-con .notes-main-con > div .note-row .title-bar .employee {
  color: #023649;
}
.notes-con .notes-main-con > div .note-row .title-bar .log-type {
  font-weight: bold;
}
.notes-con .notes-main-con > div .note-row > span {
  font-size: 12px;
  margin: 5px;
  display: block;
}
.notes-con .notes-main-con > div .note-row > span.note {
  display: inline;
}
.notes-con .notes-main-con > div .note-row > span.note.not-note {
  margin-left: 1em;
  display: inline-block;
}
.notes-con .notes-main-con > div .note-row > span.employee {
  display: inline;
}
.notes-con .notes-main-con > div .note-row > span.employee:before {
  content: " - ";
}
.notes-con .notes-main-con > div .note-row .due {
  font-size: 11px;
  font-weight: 600;
}
.notes-con .notes-main-con .more-less {
  background: #333333;
  padding: 10px 15px;
  display: inline-block;
  color: #ffffff;
  margin: 5px;
  border-radius: 5px;
}
/*============ Last edited by ==============*/
.last-edited-by-con {
  flex-basis: 100%;
  margin: 5px;
}
/*============ View Contract ==============*/
[view-transaction-contract-print] .transaction-overview-navigation {
  display: flex;
}
@media screen and (max-width: 767px) {
  [view-transaction-contract-print] .transaction-overview-navigation {
    flex-direction: column;
    gap: 5px;
  }
}
[view-transaction-contract-print] .transaction-overview-navigation ul.nav.nav-pills {
  display: flex;
  flex-flow: row wrap;
}
[view-transaction-contract-print] .transaction-overview-navigation ul.nav.nav-pills.nav-left {
  flex: 1 1 auto;
  row-gap: 5px;
}
[view-transaction-contract-print] .transaction-overview-navigation ul.nav.nav-pills li {
  flex-basis: revert !important;
  margin: 0 !important;
}
[view-transaction-contract-print] .transaction-overview-navigation ul.nav.nav-pills li > *,
[view-transaction-contract-print] .transaction-overview-navigation ul.nav.nav-pills li .btn.btn-xs.help-btn {
  margin: 0 !important;
  font-size: 12px;
  display: flex;
  align-items: center;
  height: 32px;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con {
  border: 1px solid #e2e2e2;
  margin: 12px 0;
  background: #f9f9f9;
  max-width: 800px;
}
@media (max-width: 767px) {
  [view-transaction-contract-print] .print-contract-content .additional-downloads-con {
    width: 100%;
  }
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con h6.title-bar {
  padding: 10px;
  color: #206899;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  border-top: 1px solid #d9d9d9;
  background: #fff;
  margin-bottom: 0;
  padding: 3px;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page {
  display: flex;
  flex: 1 1 auto;
  padding: 6px 12px;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #d9d9d9;
  background: #fefefe;
  justify-content: space-between;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page:last-of-type {
  border-bottom: none;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page .additional-contract-row-left {
  display: flex;
  gap: 5px;
  overflow: hidden;
  max-width: 70% !important;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page .additional-contract-row-left span.por-icon.por-icon-download-pdf {
  font-size: 17px;
  margin: 0;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page .additional-contract-row-left p.download-download-title {
  margin: 0;
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[view-transaction-contract-print] .print-contract-content .additional-downloads-con ul.additional-contract-pages li.additional-contract-page .download-file-btn {
  padding: 3px 12px;
  border-radius: 2.5px;
  width: revert;
}
[view-transaction-contract-print] .medium-modal.modal.fade.ng-scope.popup.popup-modal.in .modal-popup.modal-dialog {
  max-width: 600px;
}
/*=================== Media queries ======================*/
@media screen and (max-width: 834px) {
  .transaction-overview-con .rightColumn {
    flex-basis: 100%;
  }
}
.short-name {
  display: none;
}
@media screen and (max-width: 768px) {
  .transaction-overview-con div[view-transaction-overview-assign-instances] .field-ItemName {
    width: 100%;
  }
  .transaction-overview-con div[view-transaction-overview-assign-instances] .field-LineItems {
    min-width: 50%;
  }
  .transaction-overview-con div[view-transaction-overview-assign-instances] .field-AvailableInstances {
    min-width: 50%;
  }
  .transaction-overview-con .item-serialized-modal .items-table.assign-instances-table {
    margin: 0;
  }
  .transaction-overview-con .item-serialized-modal .item-serialized-modal-footer {
    display: flex;
    height: 74px;
  }
  .transaction-overview-con .item-serialized-modal .item-serialized-modal-footer button {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    gap: 5px;
    flex: 1 1 auto;
  }
  .long-name {
    display: none;
  }
  .short-name {
    display: inline;
  }
  .steps .long-name {
    display: inline;
  }
  .steps .short-name {
    display: none;
  }
  .steps.checklist-done .long-name {
    display: none;
  }
  .steps.checklist-done .short-name {
    display: inline;
  }
  .transaction-overview-con {
    margin: 0;
  }
  .transaction-overview-con header .nav-con {
    padding: 0;
  }
  .transaction-overview-con header .nav-con .nav > li a {
    padding-right: 5px;
  }
  .transaction-overview-con header .nav-con .nav > li,
  .transaction-overview-con header .nav-con .nav > li:first-child {
    border-right: 1px solid gray;
  }
  .transaction-overview-con header .nav-con .nav > li {
    flex-basis: auto;
    background-image: none;
    margin: 0;
  }
  .transaction-overview-con header .nav-con .nav > li.dropdown-container .contract-link a {
    padding-right: 2px;
    margin-left: 0 !important;
    padding-left: 35px;
  }
  .transaction-overview-con header .nav-con .nav > li.drop-link {
    flex-basis: 5%;
  }
  .transaction-overview-con header .nav-con .nav > li.contract-link {
    flex-basis: 40%;
  }
  .transaction-overview-con header .nav-con .nav > li a,
  .transaction-overview-con header .nav-con .nav > li button {
    text-align: left;
  }
  .transaction-overview-con header .header-right-con {
    margin-bottom: 10px;
    display: flex;
    flex-basis: 100%;
  }
  .transaction-overview-con header .header-right-con div {
    flex: 1;
  }
  .transaction-overview-con header .header-right-con h4 {
    max-width: 200px !important;
  }
  .nav-pills > li {
    width: auto !important;
    margin-right: 5px;
  }
  .nav-pills > li:last-child {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .transaction-overview-con .status-bar-con .steps {
    min-width: 4em !important;
    width: 4em !important;
    margin-bottom: 3px !important;
    border-left: 1px solid #fff;
  }
  .transaction-overview-con .status-bar-con .steps:first-child,
  .transaction-overview-con .status-bar-con .steps:nth-child(2) {
    border-left: none;
  }
  .transaction-overview-con .status-bar-con .steps .por-icon {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps span.long-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps span.short-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.contract {
    width: 100% !important;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now {
    flex-grow: 1;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now span.long-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now .por-icon {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now span.short-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo {
    flex-grow: 1;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo span.long-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo span.short-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo.disabled {
    flex-grow: 0;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo.disabled span.long-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo.disabled span.short-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done {
    padding-top: 6px;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done.quote {
    min-width: auto;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done .por-icon {
    display: block;
    position: relative;
    left: -0.15em;
    color: gray;
    opacity: 70%;
  }
  .transaction-overview-con .status-bar-con .steps .arrow-left {
    left: 3px;
  }
  .transaction-overview-con .status-bar-con .steps .arrow-right {
    right: 3px;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done.reservation {
    min-width: auto;
  }
  .transaction-overview-con .status-bar-con .steps {
    flex: initial;
    margin: 0;
    height: 40px;
  }
  .transaction-overview-con .status-bar-con .steps:before {
    border: none !important;
  }
  .transaction-overview-con .status-bar-con .steps:after {
    border: none !important;
  }
  .transaction-overview-con .status-bar-con .steps:nth-child(2).checklist-todo-now .status-div:after {
    border: none !important;
  }
  .comments-con {
    margin-right: 10px;
  }
  .duration-con {
    flex-wrap: wrap;
  }
  .duration-con > div {
    flex-basis: 100%;
    border: none !important;
    border-radius: 0 !important;
  }
  .duration-con > div:before {
    border: none !important;
  }
}
.help-btn-con button.help-btn {
  padding: 6px 12px;
  border-radius: 4px;
  margin-top: 6px;
}
@media screen and (max-width: 500px) {
  .transaction-overview-con .status-bar-con .steps {
    min-width: 2em !important;
    width: 2em !important;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo {
    flex-grow: 0;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo span.long-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo span.short-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done .por-icon {
    left: -0.5em;
  }
  .balance-top {
    position: relative !important;
    width: 100% !important;
    right: 0 !important;
    flex-basis: 100%;
  }
  .transaction-overview-con header .nav-con {
    flex-direction: column;
  }
  .transaction-overview-con header .nav-con .nav.nav-pills {
    flex-basis: 100%;
  }
  .transaction-overview-con header .nav-con .help-btn-con {
    flex-basis: 100%;
  }
  .transaction-overview-con header .nav-con .help-btn-con button {
    margin-top: 1px;
    width: 100%;
  }
  .comments-con {
    margin-bottom: 10px;
    margin-right: 0;
  }
  .transaction-overview-con header .nav-con .nav > li.drop-link.open {
    height: auto;
  }
  .transaction-overview-con header .nav-con .nav > li.drop-link.open ul.dropdown-menu {
    position: static;
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .user-menu {
    padding-left: 0;
  }
  .transaction-overview-con header .nav-con .nav > li {
    flex-basis: 100%;
    background-image: none;
  }
  .transaction-overview-con header .nav-con .nav > li.dropdown-container {
    flex-basis: 5%;
  }
  .transaction-overview-con header .nav-con .nav > li.dropdown-container .drop-link a {
    padding-left: 0px !important;
    padding-right: 15px !important;
    margin-left: 0 !important;
  }
  .transaction-overview-con header .nav-con .nav > li.dropdown-container .contract-link a.por-contract {
    background-position-x: 0;
    padding-left: 30px !important;
  }
  .transaction-overview-con header .nav-con .nav > li.contract-link {
    flex-basis: 40%;
  }
  .transaction-overview-con header .nav-con .nav > li a,
  .transaction-overview-con header .nav-con .nav > li button {
    text-align: left;
    margin-left: 15px !important;
  }
}
@media screen and (max-width: 414px) {
  .transaction-overview-con .customer-info-con .balance-info-con .balance-due-con .balance-due {
    margin: auto;
  }
  .nav-pills > li {
    margin: 2px 0 !important;
  }
  .nav-pills > li.dropdown-container {
    flex-basis: 100% !important;
  }
  .nav-pills > li .contract-link {
    padding-left: 25px;
    flex-grow: 1;
  }
  .nav-pills > li button {
    text-align: left;
    font-size: 12px;
  }
}
@media screen and (max-width: 350px) {
  .transaction-overview-con .status-bar-con .steps.checklist-future-todo {
    flex-grow: 0;
  }
}
div[view="view-transaction-locker-selection"] .modal-dialog {
  width: 50% !important;
}
div[view="view-transaction-locker-selection"] h2 {
  font-size: 16px;
}
div[view="view-transaction-locker-selection"] a.unavailable {
  margin: 17px 0;
  display: block;
  font-weight: 600;
}
div[view="view-transaction-locker-selection"] .circle {
  width: 12px;
  height: 12px;
  -moz-border-radius: 70px;
  -webkit-border-radius: 70px;
  border-radius: 70px;
  display: inline-block;
  vertical-align: text-top;
  margin-right: 6px;
}
div[view="view-transaction-locker-selection"] .circle.na {
  background: #868b87;
}
div[view="view-transaction-locker-selection"] .circle.available {
  background: sandybrown;
}
div[view="view-transaction-locker-selection"] .circle.unavailable {
  background: #CB4E36;
}
div[view="view-transaction-locker-selection"] .circle.selected {
  background: #8ED346;
}
div[view="view-transaction-locker-selection"] .item-list {
  margin: 10px 0 15px;
  font-size: 12px;
  padding: 0;
}
div[view="view-transaction-locker-selection"] .item-list li {
  list-style: none;
  background-image: url(../img/icons/tick-icon.svg);
  background-repeat: no-repeat;
  margin: 5px 0;
  background-size: 14px;
  padding-left: 24px;
}
div[view="view-transaction-locker-selection"] .locker-selection {
  border: 1px solid #ECECF3;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header,
div[view="view-transaction-locker-selection"] .locker-selection .item-row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ECECF3;
  padding: 0 15px;
  line-height: 35px;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header:nth-child(even),
div[view="view-transaction-locker-selection"] .locker-selection .item-row:nth-child(even) {
  background: #fbfbfb;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header > div,
div[view="view-transaction-locker-selection"] .locker-selection .item-row > div {
  flex: 1;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header > div:last-child,
div[view="view-transaction-locker-selection"] .locker-selection .item-row > div:last-child {
  text-align: right;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header button,
div[view="view-transaction-locker-selection"] .locker-selection .item-row button {
  border-radius: 5px;
  border: none;
  padding: 0px 15px;
  height: 25px;
  line-height: 25px;
  transition: all 0.2s ease;
}
div[view="view-transaction-locker-selection"] .locker-selection .item-row {
  transition: all 0.2s ease;
}
div[view="view-transaction-locker-selection"] .locker-selection .item-row:hover {
  background: #f4f4f4;
}
div[view="view-transaction-locker-selection"] .locker-selection .item-row:last-child {
  border-bottom: 0;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header {
  font-weight: bold;
  background: #f4f4f4;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header .locker {
  order: 1;
  width: 150px;
  text-align: left;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header .status {
  flex-grow: 1;
  order: 1;
  text-align: left;
}
div[view="view-transaction-locker-selection"] .locker-selection .locker-header .action {
  order: 3;
  padding-right: 20px;
  width: 100px;
  text-align: right;
}
div[view="view-transaction-locker-selection"] .locker-notification {
  position: relative;
}
div[view="view-transaction-locker-selection"] .locker-notification .inner {
  height: 25px;
  margin-top: 20px;
}
div[view="view-transaction-locker-selection"] .locker-notification .inner p {
  position: absolute;
  z-index: 1;
  background: #fff;
  font-weight: bold;
  padding: 0px 11px 5px 0;
}
div[view="view-transaction-locker-selection"] .locker-notification .inner .line-spacer {
  height: 1px;
  width: 100%;
  background: #ECECF3;
  display: inline-block;
  position: absolute;
  top: 7px;
}
div[view="view-transaction-locker-selection"] .btn .por-icon {
  font-size: 13px;
  vertical-align: bottom;
  margin-left: 5px;
}
div[view="view-transaction-locker-selection"] .locker-status {
  display: inline-block;
  padding-left: 5px;
}
div[view="view-transaction-locker-success"] .modal-dialog {
  width: 600px !important;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-body {
  padding: 12px 110px 50px 110px !important;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-body img {
  margin: 20px auto;
  display: block;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-body h3 {
  text-align: center;
  margin-top: 5px;
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 15px;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-body p {
  text-align: center;
  margin-top: 4px;
  font-size: 14px;
  background: #efefef;
  padding: 14px;
  margin-bottom: 15px;
  border-radius: 5px;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-footer .action-btn {
  color: #fff;
  background: #333;
  padding-left: 20px;
  padding-right: 15px;
}
div[view="view-transaction-locker-success"] .modal-dialog .modal-footer .action-btn .por-icon {
  margin-left: 0;
}
[view-transaction-locker-details] .locker-details {
  margin: 15px;
}
[view-transaction-locker-details] .locker-data {
  font-size: 1.2em;
  margin: 2px 0;
}
[view-transaction-locker-details] .locker-data .locker-label {
  display: inline-block;
  font-weight: bold;
  padding-right: 5px;
  width: 180px;
}
[view-transaction-locker-details] .locker-data .locker-field {
  display: inline-block;
  font-weight: normal;
}
[view-transaction-locker-details] h4 {
  margin-top: 20px;
  padding: 5px;
  border: 1px solid #333;
  color: white;
  background-color: #333;
}
[view-transaction-locker-details] .locker-picture {
  border: 1px solid #CCC;
  margin: 0;
}
[view-transaction-locker-details] .modal-footer button {
  margin: 5px;
}
#dragdrop-cover {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background-color: #565656;
  position: absolute;
  z-index: 5;
}
/* sort mode new */
.sort-mode-header {
  display: flex;
  position: relative;
  justify-content: flex-start;
  margin: 0;
  align-items: center;
  background: #F6F6F6;
  border: 1px solid #dddddd;
  padding: 10px;
  flex-wrap: wrap;
  gap: 10px;
}
.sort-mode-header .btn-container {
  order: 2;
}
.sort-mode-header .btn-container .btn {
  background: #333333;
  border: none;
  font-size: 11px;
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 4px;
  width: 100%;
}
@media (max-width: 767px) {
  .sort-mode-header .btn-container .btn {
    height: 42px;
  }
}
.sort-mode-header .sort-container {
  order: 3;
}
.sort-mode-header .help-container .title {
  font-weight: 600;
  margin-bottom: 5px;
}
.sort-mode-header .sortMode-radio-select {
  display: flex;
  border-radius: 5px;
}
.sort-mode-header .sortMode-radio-select .sort-by-contract-container,
.sort-mode-header .sortMode-radio-select .sort-by-picklist-container {
  margin: 0 5px;
}
.sort-mode-header .sortMode-radio-select .switch-input {
  margin: 0;
  display: flex;
  align-items: center;
}
.sort-mode-header .undo-receive-container {
  order: 1;
}
.sort-mode-header .undo-receive-container .undo-receive-button {
  background: #333333;
  border: none;
  font-size: 11px;
  color: #ffffff;
  padding: 7px 8px;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .sort-mode-header .undo-receive-container .undo-receive-button {
    display: flex;
    height: 42px;
    width: 42px;
    align-items: center;
    justify-content: center;
  }
}
.sort-mode-header .hide-kit-components-container {
  order: 4;
}
.sort-mode-header .hide-kit-components-container .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin: 0;
}
.item-title-bar {
  background: #c2d6e4;
  border: 1px solid #abc5d6;
  width: 100%;
}
.item-title-bar .title-bar-row {
  display: flex;
  justify-content: space-between;
}
.item-title-bar .title-bar-row > div {
  padding: 5px 7px;
  min-width: 95px;
}
.item-title-bar .title-bar-row > div:first-child {
  min-width: 105px;
}
.item-title-bar .title-bar-row > div.header-ItemName {
  min-width: 180px;
}
.item-title-bar .title-bar-row > div.header-DiscountedRate {
  min-width: 120px;
}
.item-title-bar .title-bar-row > div.header-Status {
  min-width: 120px;
}
.item-title-bar .title-bar-row > div.header-Rate {
  min-width: 120px;
}
.item-title-bar .title-bar-row > div.header-Quantity {
  min-width: 75px;
}
.item-title-bar .title-bar-row > div.header-Taxable {
  border-right: 0;
  min-width: 30px;
}
.item-title-bar .title-bar-row > div.sortMode-header-DamageWaiverOverrideTotal {
  min-width: 95px;
}
.existing-lineitems .transaction-overview-lineitem {
  border-top: 1px solid #dddddd;
  display: table;
  width: 100%;
}
.existing-lineitems .transaction-overview-lineitem.kit-component {
  border-top: 0;
}
.existing-lineitems .transaction-overview-lineitem.kit-component .line-item-row > .icon-container {
  padding-left: 30px !important;
  background-image: url(../img/icons/nested-arrows.svg);
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 14px;
  background-color: transparent;
  border: none;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row {
  display: flex;
  margin: 0;
  justify-content: space-between;
  position: relative;
  min-height: 55px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row .button-container {
  position: absolute;
  right: 0;
  opacity: 1 !important;
  z-index: 1;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div {
  padding: 7px;
  min-height: 40px;
  text-align: left;
  min-width: 95px;
  max-width: 95px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div .inline-edit-link {
  display: inline-block;
  word-break: break-all;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.icon-container {
  min-width: 105px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.icon-container button.btn-xs {
  min-height: 30px;
  min-width: 30px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.icon-container button.btn-xs .por-icon {
  vertical-align: middle;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-AmountPerItem {
  min-width: 120px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Status {
  min-width: 120px;
  width: 120px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Status > span {
  display: block;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-PreDiscountedAmountPerItem {
  min-width: 120px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity,
.existing-lineitems .transaction-overview-lineitem .line-item-row > div .field-Discount {
  min-width: 75px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Taxable {
  min-width: 30px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName {
  min-width: 180px;
  width: 180px;
  display: flex;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-input-wrapper {
  position: absolute;
  top: 3px;
  background: #f0f1f5;
  padding: 9px;
  border: 1px solid #cbcbcb;
  z-index: 1;
  width: 135px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-actions {
  z-index: 1;
  top: 2px;
  left: 140px;
  width: 30px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-actions .btn-inline-save {
  font-size: 10px;
  margin: 1px 0 0px 0 !important;
  padding: 4px 5px;
  border-radius: 0;
  height: 25px;
  width: 28px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-actions .btn-inline-cancel {
  font-size: 10px;
  margin: 0 0 0 0 !important;
  border-radius: 0;
  height: 29px;
  width: 28px;
  padding: 0;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-actions button {
  width: 25px;
  height: 25px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName .inline-edit-actions button .por-icon-cancel:before {
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 4.5px;
  background-position-x: 1px;
  height: 18px;
  width: 16px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div:last-child {
  border-right: 0;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div .action-btn-dismiss-overbook {
  background-image: url(../img/icons/overbooked-calendar-icon.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
  height: 25px;
  width: 32px;
  background-color: transparent;
  border: none;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-input-wrapper {
  position: absolute;
  top: 3px;
  background: #f0f1f5;
  padding: 9.5px;
  border: 1px solid #cbcbcb;
  z-index: 1;
  height: 54px;
  max-width: initial !important;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-input-wrapper input {
  height: 35px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-input-wrapper button {
  margin: 0 !important;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-actions {
  left: 127px;
  top: 3px !important;
  width: 30px;
  z-index: 1;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-actions .btn-inline-save {
  font-size: 10px;
  padding: 4px 5px;
  border-radius: 0;
  height: 25px;
  width: 30px;
  margin: 0 !important;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-Quantity .inline-edit-actions .btn-inline-cancel {
  font-size: 10px;
  border-radius: 0;
  height: 28.5px;
  width: 30px;
  margin: 0 !important;
  padding: 0;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row .por-icon-return-refund:before {
  content: "";
  background-image: url(../img/icons/refund-payment-icon.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 2px;
  height: 18px;
  width: 18px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row .por-icon-cancel:before {
  content: "";
  background-image: url(../img/icons/cancel-icon.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 2px;
  height: 18px;
  width: 18px;
}
.existing-lineitems .transaction-overview-lineitem .line-item-row .por-icon-edit:before {
  content: "";
  background-image: url(../img/icons/item-create-icon.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position-y: 52%;
  background-position-x: 4px;
  height: 18px;
  width: 18px;
}
.existing-lineitems .transaction-overview-lineitem .c-currency.symbol-before:before {
  float: none;
}
.existing-lineitems .transaction-overview-lineitem.first-line-item {
  border: none;
}
[view-transaction-overview-line-item-due-time] .modal-footer .record-actions {
  display: flex;
  justify-content: end;
}
[view-transaction-overview-line-item-due-time] .modal-footer .record-actions button.btn.btn-cancel {
  margin: 0;
}
[view-transaction-overview-line-item-due-time] .modal-footer .record-actions .section-records {
  padding: 0;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-instances .line-item-cards .line-item-card {
  margin: 5px;
}
.por-transaction-overview-item-list .existing-lineitems .line-item-instances > div {
  padding: 0;
}
/* sort mode window */
.sortMode-high.sortMode-controls,
.sortMode-low.sortMode-controls {
  padding: 0;
  border-radius: 0;
}
.sortMode-high.sortMode-controls .sort-mode-header,
.sortMode-low.sortMode-controls .sort-mode-header {
  display: flex;
  justify-content: space-between;
  margin: 0;
  align-items: center;
  background: #F6F6F6;
  border: 1px solid #dddddd;
  border-bottom: 0;
  padding: 15px 10px;
}
.sortMode-high.sortMode-controls .sort-mode-header .btn-container,
.sortMode-low.sortMode-controls .sort-mode-header .btn-container {
  display: flex;
}
.sortMode-high.sortMode-controls .sort-mode-header .btn-container > div,
.sortMode-low.sortMode-controls .sort-mode-header .btn-container > div {
  font-weight: 600;
}
.sortMode-high.sortMode-controls .sort-mode-header .btn-container .btn,
.sortMode-low.sortMode-controls .sort-mode-header .btn-container .btn {
  background: #333333;
  border: none;
  font-size: 11px;
  color: #ffffff;
  padding: 8px 14px;
  border-radius: 4px;
  width: 100%;
  order: 2;
  margin-right: 2.5px;
  margin-left: 2.5px;
}
.sortMode-high .sortMode-header-table,
.sortMode-low .sortMode-header-table {
  width: 100%;
  background: #c2d6e4;
  border-top: 1px solid #8cacc0;
  border-bottom: 1px solid #8cacc0;
}
.sortMode-high .sortMode-header-table .sortMode-row,
.sortMode-low .sortMode-header-table .sortMode-row {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 0;
  border-top: 1px solid #dddddd;
  justify-content: space-between;
}
.sortMode-high .sortMode-header-table .sortMode-row > div.sortMode-header-cell,
.sortMode-low .sortMode-header-table .sortMode-row > div.sortMode-header-cell {
  padding: 5px 7px;
}
.sortMode-high .sortMode-header-table .sortMode-row > div:first-child,
.sortMode-low .sortMode-header-table .sortMode-row > div:first-child {
  min-width: 105px;
}
.sortMode-high .sortMode-header-table .sortMode-row > div:last-child,
.sortMode-low .sortMode-header-table .sortMode-row > div:last-child {
  min-width: 30px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-Status,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-Status {
  min-width: 120px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-Rate,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-Rate {
  min-width: 120px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-ItemName,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-ItemName {
  min-width: 180px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-ItemKey,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-ItemKey {
  min-width: 95px;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-AmtPer,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-AmtPer {
  min-width: 120px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-Discount,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-Discount {
  min-width: 95px;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-DiscountedRate,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-DiscountedRate {
  min-width: 120px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-Quantity,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-Quantity {
  min-width: 75px !important;
}
.sortMode-high .sortMode-header-table .sortMode-row .sortMode-header-TotalFee,
.sortMode-low .sortMode-header-table .sortMode-row .sortMode-header-TotalFee {
  min-width: 95px !important;
}
.sortMode-high .lineItem-title,
.sortMode-low .lineItem-title {
  background: #adbfcc;
  padding: 8px;
  color: #ffffff;
  font-weight: bold;
}
.sortMode-high .item-title-bar,
.sortMode-low .item-title-bar {
  background: #c2d6e4;
  border: 1px solid #8cacc0;
}
.sortMode-high .as-sortable-item,
.sortMode-low .as-sortable-item {
  width: 100%;
  border-top: 1px solid #dddddd;
}
.sortMode-high .as-sortable-item .sortMode-row,
.sortMode-low .as-sortable-item .sortMode-row {
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  width: 100%;
  border-radius: 0;
  background: #fff;
  justify-content: space-between;
}
.sortMode-high .as-sortable-item .sortMode-row:hover,
.sortMode-low .as-sortable-item .sortMode-row:hover {
  cursor: grabbing;
}
.sortMode-high .as-sortable-item .sortMode-row.kit-component .sortMode-icon-container,
.sortMode-low .as-sortable-item .sortMode-row.kit-component .sortMode-icon-container {
  padding-left: 30px !important;
  background-image: url(../img/icons/nested-arrows.svg);
  background-repeat: no-repeat;
  background-position-y: 15px;
  background-position-x: 14px;
  background-color: transparent;
  border: none;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container {
  min-width: 105px;
  padding: 7px;
  min-height: 40px;
  text-align: left;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-return-refund:before,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-return-refund:before {
  letter-spacing: 0;
  content: "";
  background-image: url(../img/icons/refund-payment-icon.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 2px;
  height: 18px;
  width: 18px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-cancel:before,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-cancel:before {
  letter-spacing: 0;
  content: "";
  background-image: url(../img/icons/cancel-icon.svg);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 2px;
  height: 18px;
  width: 18px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-edit:before,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container button .por-icon-edit:before {
  content: "";
  background-image: url(../img/icons/item-create-icon.svg);
  background-size: 11px;
  background-repeat: no-repeat;
  background-position-y: 52%;
  background-position-x: 4px;
  height: 18px;
  width: 18px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container .action-btn-dismiss-overbook,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container .action-btn-dismiss-overbook {
  background-image: url(../img/icons/overbooked-calendar-icon.svg);
  background-size: 17px;
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
  height: 25px;
  width: 32px;
  background-color: transparent;
  border: none;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-name,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-name {
  min-width: 180px !important;
  width: 180px;
  word-break: break-all;
  padding: 7px;
  min-height: 40px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-key,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-key {
  min-width: 95px;
  max-width: 95px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-na,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-na {
  min-width: 95px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-rate,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-rate {
  min-width: 120px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-discount-rate,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-discount-rate {
  min-width: 95px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-field-Status,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-field-Status {
  min-width: 120px;
  width: 120px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-field-Status > span,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-field-Status > span {
  display: block;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-discount,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-discount {
  min-width: 95px;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-amount-per-item,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-amount-per-item {
  min-width: 120px !important;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-quantity,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-quantity {
  min-width: 75px !important;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-amount-text,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-amount-text {
  min-width: 95px !important;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-tax-free-text,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-tax-free-text {
  min-width: 30px !important;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-damage-waiver,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-damage-waiver {
  min-width: 95px !important;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell {
  padding: 7px;
  min-height: 40px;
  text-align: left;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell .nested-arrow,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell .nested-arrow {
  background-image: url(../img/icons/nested-arrows.svg);
  background-repeat: no-repeat;
  background-position-y: 50%;
  background-position-x: 10px;
  background-color: transparent;
  border: none;
  background-size: 8px;
  height: 9px;
  width: 22px;
  display: inline-block;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.texFreeText,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.texFreeText {
  width: 3%;
}
.sortMode-high .as-sortable-item .sortMode-row .sortMode-cell:first-child,
.sortMode-low .as-sortable-item .sortMode-row .sortMode-cell:first-child {
  width: 25%;
}
.sortMode-high .line-item-instances,
.sortMode-low .line-item-instances {
  width: 100%;
}
.sortMode-high .subrental-line,
.sortMode-low .subrental-line {
  margin: 0 0 5px 15px;
}
.sortMode-high .subrental-line .subrental-card div,
.sortMode-low .subrental-line .subrental-card div {
  float: left !important;
  float: left;
  margin-right: 5px;
}
@media only screen and (max-width: 1500px) {
  .sortMode-high .sortMode-header-table .sortMode-row,
  .sortMode-low .sortMode-header-table .sortMode-row {
    flex-wrap: nowrap;
  }
  .sortMode-high .sortMode-header-table .sortMode-row > div.sortMode-header-cell,
  .sortMode-low .sortMode-header-table .sortMode-row > div.sortMode-header-cell {
    min-width: 95px;
    width: auto;
  }
  .sortMode-high .sortMode-header-table .sortMode-row > div.sortMode-header-cell:first-child,
  .sortMode-low .sortMode-header-table .sortMode-row > div.sortMode-header-cell:first-child {
    min-width: 150px;
    flex: 1;
    width: auto;
  }
  .sortMode-high .as-sortable-item .sortMode-row .sortMode-cell,
  .sortMode-low .as-sortable-item .sortMode-row .sortMode-cell {
    min-width: 95px;
    width: auto;
  }
  .sortMode-high .as-sortable-item .sortMode-row .sortMode-cell:first-child,
  .sortMode-low .as-sortable-item .sortMode-row .sortMode-cell:first-child {
    min-width: 120px;
    width: auto;
    flex: 1;
  }
}
@media only screen and (max-width: 1100px) {
  .existing-lineitems .transaction-overview-lineitem .line-item-row > div {
    flex-basis: 95px;
    max-width: 100%;
    min-width: fit-content !important;
    flex-grow: 1;
  }
  .existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName {
    min-width: 100% !important;
  }
  .existing-lineitems .transaction-overview-lineitem .line-item-row > div:after {
    float: left;
    margin-right: 0.5em;
    content: attr(data-tablet-label) " ";
  }
  .existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-ItemName:after,
  .existing-lineitems .transaction-overview-lineitem .line-item-row > div.field-icon-container:after {
    content: '';
  }
  .item-title-bar {
    display: none;
  }
  .existing-lineitems {
    border: none;
  }
  .transaction-overview-lineitem {
    margin: 10px 0;
    border: 1px solid #ddd !important;
    display: block !important;
  }
  .transaction-overview-lineitem .line-item-row {
    flex-wrap: wrap;
    box-shadow: 0px 2px 2px rgba(214, 214, 214, 0.31);
    background: #fff;
    justify-content: flex-start !important;
    position: relative;
  }
  .transaction-overview-lineitem .line-item-row .icon-container {
    position: absolute;
    z-index: 1;
    top: -3px;
  }
  .transaction-overview-lineitem .line-item-row .icon-container .action-btn-delete {
    line-height: 20px;
    width: 30px !important;
    padding: 0 !important;
  }
  .transaction-overview-lineitem .line-item-row .icon-container .action-btn-delete:before {
    background-position-y: 5px;
    background-position-x: 2px;
  }
  .transaction-overview-lineitem .line-item-row .icon-container .action-btn-edit {
    line-height: 20px;
    width: 30px !important;
    padding: 0 !important;
  }
  .transaction-overview-lineitem .line-item-row .icon-container .action-btn-edit:before {
    background-position-y: 5px;
    background-position-x: 2px;
  }
  .transaction-overview-lineitem .line-item-row .field-ItemName {
    min-width: 100% !important;
    background: #f0f8fc;
    line-height: 26px;
    border-bottom: 1px solid #c7d5dc;
    padding-left: 80px !important;
    padding-right: 10px !important;
  }
  .transaction-overview-lineitem.kit-component {
    margin-top: -1px;
    border-top: 0 !important;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(214, 214, 214, 0.31);
    padding-top: 2px;
    position: relative;
  }
  .transaction-overview-lineitem.kit-component .line-item-row {
    border: 1px solid #ddd;
    margin: 0 10px 10px 10px;
    box-shadow: none;
  }
  .transaction-overview-lineitem.kit-component .line-item-row .icon-container .action-btn-delete {
    line-height: 20px;
    width: 30px !important;
    padding: 0 !important;
  }
  .transaction-overview-lineitem.kit-component .line-item-row .icon-container .action-btn-delete .por-icon-cancel {
    height: 25px;
  }
  .transaction-overview-lineitem.kit-component .line-item-row .icon-container .action-btn-delete .por-icon-cancel:before {
    background-position-y: 5px;
    background-position-x: 2px;
  }
  .transaction-overview-lineitem.kit-component .line-item-row .icon-container .action-btn-edit {
    line-height: 20px;
    width: 30px !important;
    padding: 0 !important;
  }
  .transaction-overview-lineitem.kit-component .line-item-row .field-ItemName {
    min-width: 100% !important;
    background: #efefef;
    line-height: 26px;
    border-bottom: 1px solid #ddd;
    padding-left: 105px !important;
    padding-right: 10px !important;
  }
  .line-item-instances > div {
    padding: 5px 5px 0 5px;
  }
  .sortMode-header-table {
    display: none;
  }
  .sortMode-high .as-sortable-item,
  .sortMode-low .as-sortable-item {
    margin: 10px 0;
  }
  .sortMode-high .as-sortable-item .sortMode-row,
  .sortMode-low .as-sortable-item .sortMode-row {
    justify-content: flex-start;
    background: #fff;
    position: relative;
  }
  .sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container,
  .sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container {
    position: absolute;
    z-index: 1;
    top: -3px;
  }
  .sortMode-high .as-sortable-item .sortMode-row .sortMode-icon-container button,
  .sortMode-low .as-sortable-item .sortMode-row .sortMode-icon-container button {
    line-height: 20px;
    width: 30px !important;
    padding: 0 !important;
  }
  .sortMode-high .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-name,
  .sortMode-low .as-sortable-item .sortMode-row .sortMode-cell.sortMode-item-name {
    min-width: 100% !important;
    background: #f0f8fc;
    line-height: 26px;
    border-bottom: 1px solid #c7d5dc;
    padding-left: 80px !important;
    padding-right: 10px !important;
  }
  .sortMode-high .as-sortable-item .sortMode-row .line-item-instances,
  .sortMode-low .as-sortable-item .sortMode-row .line-item-instances {
    border: none;
    box-shadow: none;
    border-top: 1px dashed #d1d1d1;
  }
  .sortMode-high .as-sortable-item .kit-component,
  .sortMode-low .as-sortable-item .kit-component {
    border: 1px solid #ddd;
    margin: 0 10px 10px 10px;
    box-shadow: none;
  }
  .sortMode-high .as-sortable-item .kit-component .sortMode-cell.sortMode-item-name,
  .sortMode-low .as-sortable-item .kit-component .sortMode-cell.sortMode-item-name {
    min-width: 100% !important;
    background: #efefef;
    line-height: 26px;
    border-bottom: 1px solid #ddd;
    padding-left: 105px !important;
    padding-right: 10px !important;
  }
  .sortMode-selected .line-item-instances {
    background: none !important;
  }
}
@media only screen and (max-width: 600px) {
  .sortMode-high.sortMode-controls .sort-mode-header {
    flex-wrap: wrap;
  }
}
/* sort mode old */
.sortMode-controls {
  background-color: #c2d6e4;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 2px;
}
.sortMode-radio-select {
  display: block;
  margin: 2px 5px 2px 10px;
}
.sortMode-radio-select div {
  display: block;
}
.sortMode-radio-select div input {
  display: inline;
}
.sortMode-high {
  z-index: 6;
  position: relative;
}
.sortMode-low {
  z-index: 0;
  position: relative;
}
.sortMode-item-enable {
  z-index: 2;
  position: relative;
}
.sortMode-item-disable {
  z-index: 0;
  position: relative;
  opacity: 0.4;
  background-color: #a6a6a6 !important;
}
.sortMode-table .line-item-card {
  display: inline-flex;
  margin: 0px 0px 8px 15px;
  padding: 0px 10px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  border-radius: 4px;
}
.sortMode-table .line-item-card .por-icon {
  margin-top: 3px;
}
.sortMode-table .line-item-card div {
  padding: 1px 3px 1px 3px;
}
.sortMode-table .sortMode-selected {
  background-color: #dbf0fe !important;
}
.sortMode-table .sortMode-selected .kit-component {
  background-color: #dbf0fe !important;
}
.sortMode-table .sortMode-unselected {
  border: none;
}
.as-sortable-item {
  display: block;
}
.as-sortable-item-handle {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -moz-grab;
}
.as-sortable-placeholder {
  display: block;
  width: 100% !important;
  margin: 2px 0px 2px 0px;
}
.as-sortable-drag {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.as-sortable-hidden {
  display: none !important;
}
.as-sortable-dragging {
  display: block;
  position: absolute;
  opacity: 0.333;
}
.as-sortable-un-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.AddressDisplay .Address {
  display: inline;
}
.AddressDisplay .AddressFieldDisplay {
  display: inline;
}
.existing-lineitems .removing {
  position: relative;
  background-color: #f2dede;
}
.existing-lineitems .removing .action-btn-delete {
  display: none;
}
.existing-lineitems .removing .field-ItemName {
  z-index: 1;
}
.existing-lineitems .removing .line-item-row > div {
  opacity: 0.2;
}
.existing-lineitems .removal-div {
  overflow: visible;
  background-color: transparent;
  position: absolute;
  top: 3px;
  left: 2px;
  border-radius: 3px;
  z-index: 9999;
  opacity: 1;
  padding: 3px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
}
.existing-lineitems .removal-div span {
  display: block;
  color: black;
  margin-bottom: 3px;
}
.existing-lineitems .removal-div button {
  width: 7em;
  margin-right: 2px;
  padding: 4px;
}
.po-number-job-number-edit {
  display: flex;
}
.po-number-job-number-edit .control-label {
  width: 35px;
}
.po-number-job-number-edit button.por-icon {
  height: 30px;
  width: 30px;
}
.po-number-job-number-edit button.por-icon:before {
  font-size: 13px;
  width: 13px;
}
.quick-sale-po-number-job-number-edit {
  display: flex;
}
.quick-sale-po-number-job-number-edit .control-label {
  width: 50px;
}
.quick-sale-po-number-job-number-edit button.por-icon {
  height: 35px;
  width: 35px;
}
.quick-sale-po-number-job-number-edit button.por-icon:before {
  font-size: 13px;
  width: 13px;
}
@media only screen and (max-width: 1100px) {
  .existing-lineitems .removing div {
    background-color: transparent;
    opacity: 1;
  }
  .existing-lineitems .removing div div {
    background-color: transparent;
    opacity: 1;
  }
  .existing-lineitems .removing div div.field-ItemName {
    background-color: transparent !important;
    border-bottom: none;
  }
  .existing-lineitems .removal-div {
    border: 0;
    max-width: 98%;
    padding: 3px;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
  }
  .existing-lineitems .removal-div button {
    display: inline-block;
    max-width: 43%;
  }
}
.time-tracking-con > div {
  padding: 0.5em;
}
.time-tracking-con td,
.time-tracking-con th {
  padding: 2px 5px;
}
.time-tracking-con table {
  width: 100%;
  text-align: left;
  border: 1px solid #e8e8e8;
}
.time-tracking-con table th {
  border: 1px solid #e8e8e8;
}
.time-tracking-con table tr td {
  border: solid 1px #e8e8e8;
}
.time-tracking-con table tr td.time-notes {
  width: 50%;
}
.refund-damagewaiver-confirm {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  display: block;
  width: auto;
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  padding: 10px;
  margin: 5px;
}
.refund-damagewaiver-confirm .serializedScrollGroup {
  margin-bottom: 5px;
  overflow-y: auto;
  max-height: 100px;
}
.refund-damagewaiver-confirm .quantitySelection {
  width: 100%;
  max-width: 250px;
}
.refund-damagewaiver-confirm .selection {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.refund-damagewaiver-confirm .selection input {
  margin-right: 5px;
}
.refund-damagewaiver-confirm .selection.navButton {
  padding-top: 5px;
}
.refund-damagewaiver-confirm .selection.navButton > button:first-child {
  margin-right: 5px;
  margin-left: auto;
}
.comparison-component {
  width: 100%;
  font-size: 13px;
  border: 1px solid #adadad;
  margin-bottom: 20px;
}
.comparison-component h3 {
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 17px;
}
.comparison-component .comparison-item-container {
  display: flex;
  border-left: none;
}
.comparison-component .comparison-item-container .item-compare {
  display: inherit;
  flex-direction: column;
  align-items: center;
  width: 20%;
  border-left: none;
  border-bottom: none;
  border-top: none;
  padding: 10px;
  border-right: 1px solid #ADADAD;
}
.comparison-component .comparison-item-container .item-compare .item-img-bg {
  max-width: 150px;
  max-height: 100px;
  background: #efefef;
  overflow: hidden;
  margin: 10px 0;
  height: 100%;
  width: 100%;
}
.comparison-component .comparison-item-container .item-compare img {
  width: auto !important;
  height: 100%;
  margin: auto;
  display: block;
}
.comparison-component .comparison-item-container .item-compare button {
  background: #0c75b9;
  border: none;
  color: #fff;
  padding: 6px 20px;
  border-radius: 5px;
  font-size: 12px;
}
.comparison-component .comparison-item-container .item-compare add-to-cart {
  background: #2E75B9;
  border: none;
  color: #fff;
  padding: 10px;
  width: 100%;
  border-radius: 5px;
}
.comparison-component .comparison-item-container .item-compare:nth-child(5) {
  border-right: 0;
}
.comparison-component .comparison-item-container .comparison-info {
  display: inherit;
  flex-direction: column;
  width: 20%;
  border-bottom: none;
  border-top: none;
  padding: 10px;
  min-height: 210px;
  border-right: 1px solid #ADADAD;
}
.comparison-component .comparison-item-container .comparison-info .compare-items-text {
  margin-bottom: 2px;
  font-size: 14px;
}
.comparison-component .comparison-item-container .comparison-info .additional-item-text {
  font-size: 12px;
}
.comparison-component .comparison-item-container .comparison-info .continue-shopping-btn {
  margin-top: auto;
  padding: 10px;
  border: 1px solid #707070;
  font-weight: bold;
  background: none;
  color: inherit !important;
}
.comparison-component .main-info-title,
.comparison-component .spec-title-bar {
  width: 100%;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #c2d6e4;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
}
.comparison-component .comparison-info-container {
  display: flex;
  flex-wrap: wrap;
  border-bottom: none;
  border-top: none;
  transition: all 0.3s ease-in-out;
}
.comparison-component .comparison-info-container.info-collasped {
  max-height: 38px;
  overflow: hidden;
}
.comparison-component .comparison-info-container.info-expanded {
  max-height: 1000px;
  overflow: visible;
}
.comparison-component .comparison-info-container .item-main-info {
  display: inherit;
  flex-direction: column;
  width: 20%;
  border-right: 1px solid #ADADAD;
  border-left: none;
  border-bottom: none;
  border-top: none;
}
.comparison-component .comparison-info-container .item-main-info .c-currency {
  text-align: left !important;
}
.comparison-component .comparison-info-container .item-main-info .c-currency.symbol-before:before {
  float: none !important;
}
.comparison-component .comparison-info-container .item-main-info:nth-child(6) {
  border-right: 0;
}
.comparison-component .comparison-specification-container {
  display: flex;
  flex-wrap: wrap;
  border-top: none;
  transition: all 0.3s ease-in-out;
}
.comparison-component .comparison-specification-container.spec-collasped {
  max-height: 38px;
  overflow: hidden;
}
.comparison-component .comparison-specification-container.spec-expanded {
  max-height: 2000px;
  overflow: visible;
}
.comparison-component .comparison-specification-container .compare-title {
  width: 100%;
  border-right: 1px solid #ADADAD;
  border-left: none;
  border-right: none;
  padding: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comparison-component .comparison-specification-container .item-specification-info {
  border-right: 1px solid #ADADAD;
  display: inherit;
  flex-direction: column;
  width: 20%;
  border-left: none;
  border-bottom: none;
  border-top: none;
}
.comparison-component .comparison-specification-container .item-specification-info .c-currency {
  text-align: left !important;
}
.comparison-component .comparison-specification-container .item-specification-info .c-currency.symbol-before:before {
  float: none !important;
}
.comparison-component .comparison-specification-container .item-specification-info:nth-child(6) {
  border-right: 0;
}
.comparison-component .compare-row {
  border-bottom: 1px solid #ADADAD;
  border-left: none;
  border-right: none;
  border-top: none;
  padding: 0 10px;
  min-height: 33px;
  line-height: 32px;
}
.comparison-component .compare-row:last-child {
  border-bottom: none;
}
.comparison-component .compare-row:nth-child(even) {
  background: #ffffff;
}
.item-compare-container {
  background: #cee6ce;
  border: 1px solid #a4c9a4;
  border-radius: 0;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
}
.item-compare-container .compare-inner {
  display: flex;
  font-size: 13px;
  width: 100%;
  justify-content: space-between;
  padding: 5px;
}
.item-compare-container .compare-info {
  display: flex;
  align-items: center;
}
.item-compare-container .compare-info span.compare-title {
  font-weight: bold;
  margin-right: 5px;
}
.item-compare-container .compare-button {
  background-color: #fff;
  border-color: #ccc;
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 6px 10px;
}
.item-specification-container {
  margin-top: -8px !important;
  margin-bottom: 0 !important;
}
.item-card-container {
  margin: inherit;
}
.item-card-container .item-specifications {
  border: solid 1px #dddddd;
}
.item-card-container .item-card-container-header {
  border: 1px solid #dddddd;
  padding: 8px;
  margin: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}
.item-card-container .item-card-container-header .item-card-header-text {
  font-size: 12px;
  text-transform: uppercase;
  color: #aaaaaa;
}
.item-card-container .item-card-container-header .item-card-container-hide {
  width: 100%;
  text-align: right;
}
.item-card-container .item-specification-group:nth-child(even) {
  background: #EDF0EF;
}
.item-card-container .item-specification-group {
  display: flex;
}
.item-card-container .item-specification-group .specification-field {
  width: fit-content;
  font-size: 200%;
  font-weight: 700;
  white-space: nowrap;
}
.item-card-container .item-specification-group .specification-value {
  width: 100%;
  text-align: right;
  margin: auto;
  font-size: 150%;
  margin-right: 5px;
  white-space: nowrap;
}
.modal-content .notes-checkbox {
  margin: -7px 0 0 11px;
}
.modal-content .notes-checkbox .col-lg-12 {
  width: fit-content;
}
.modal-content .notes-checkbox .col-lg-12 .checkbox {
  margin-right: 0;
  padding-right: 0;
  padding-left: 10px;
}
.modal-content .notes-checkbox .col-lg-12 .form-input-container label {
  padding-left: 0 !important;
  margin-left: -1em !important;
  margin-right: 10px !important;
  margin-left: 16px !important;
}
.item-notes {
  display: flex;
}
.item-notes .notes-checkbox {
  margin: -7px 0 0 11px;
}
.item-notes .last-col {
  position: absolute;
  right: 0px;
}
.delivery-pickup-info .dateTimeLabel {
  margin-right: 3px !important;
}
.delivery-pickup-info legend {
  border: 1px solid #bfbfbf;
  font-size: 12px;
  padding: 8px;
  text-transform: uppercase;
  background-color: #f4f4f4;
  color: #001622;
  font-weight: bold;
  margin-bottom: 0;
  text-align: center;
}
.delivery-pickup-info fieldset {
  border: 1px solid #bfbfbf;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.delivery-pickup-info .delivery-window,
.delivery-pickup-info .pickup-window {
  margin-top: 9px;
}
.reportedProblemLabel {
  font-weight: bold;
}
.reportedProblemData {
  margin: 3px 0 0 0;
  border: 1px solid #e8e8e8;
  padding: 5px 11px;
  border-radius: 4px;
}
.notificationDisposition {
  font-weight: bold;
  padding: 3px;
  color: #0b75b9;
}
.field-NotificationMethod {
  margin-bottom: 5px;
}
.dataImport .data-type-container {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
}
.dataImport .data-type-container > .form-group {
  flex: 1;
  margin-bottom: 0;
  margin-right: 10px;
}
.dataImport .data-type-container > .form-group .labeled-second {
  margin-top: 0;
  margin-bottom: 0;
}
.dataImport .data-type-container .field {
  width: 100%;
  margin-top: 10px;
  flex: auto;
  margin-bottom: 10px;
}
.dataImport .data-type-container .field .form-control {
  padding: 14px;
}
.dataImport .data-type-container .banner {
  width: 100%;
  margin: 15px;
}
.dataImport .instructions {
  background: #F9D479;
  padding: 15px 15px 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  background-image: url("../img/icons/info-yellow-icon.svg");
  background-repeat: no-repeat;
  background-position-y: center;
  background-position-x: 20px;
  padding-left: 65px;
}
.dataImport .instructions p {
  margin-bottom: 5px;
}
.dataImport thead {
  border: 1px solid #dddddd;
}
.dataImport .column-headers-from-upload {
  padding-bottom: 5px;
  background: #F3F3F3;
}
.dataImport .column-headers-from-upload th {
  padding-bottom: 0 !important;
  background: #F3F3F3;
  border: none;
}
.dataImport .mapping-selections th {
  background: #F3F3F3;
  border: none;
}
.dataImport select {
  height: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.dataImport tr {
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
}
.dataImport tr:last-child {
  border-bottom: 1px solid #dddddd;
}
.dataImport .footer-btns {
  display: flex;
  justify-content: flex-end;
  padding: 0 0 10px;
  width: 100%;
  margin: 0 10px 0 0;
}
.dataImport .footer-btns .start-over-btn {
  margin-right: 10px;
  border: 1px solid #afafaf;
  border-radius: 2px;
  padding: 5px 10px;
}
.dataImport .footer-btns .validate-and-upload-btn,
.dataImport .footer-btns .initialize-btn {
  color: #fff;
  background-color: #0c75b9;
  border-color: #0a66a1;
  border-radius: 2px;
  border: 1px solid #0a66a1;
  padding: 5px 12px;
}
@media only screen and (max-width: 1000px) {
  .dataImport .data-type-container > .form-group {
    width: 100%;
    flex: initial;
    margin: 10px 0;
  }
  .payment-view-div .sms-radio {
    display: flex;
  }
  .payment-view-div .sms-radio .form-group {
    margin-left: 3px;
    margin-right: 3px;
  }
  .payment-view-div .sms-radio .form-group input {
    height: 16px !important;
  }
}
.delivery-window-container {
  display: flex;
  flex-wrap: wrap;
}
.delivery-window-container .delivery-header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  flex-wrap: wrap;
}
.delivery-window-container .delivery-header .action-btn {
  margin: 0 !important;
  background: #0c75b9;
  border: none;
  color: #ffffff !important;
}
.delivery-window-container .delivery-header .action-btn .fa-plus {
  color: #ffffff !important;
}
.delivery-window-container .delivery-main {
  width: 100%;
  border: 1px solid #dddddd;
}
.delivery-window-container .delivery-main .duration-row {
  display: flex;
  border-bottom: 1px solid #dddddd;
  align-items: center;
  padding: 10px;
  flex-wrap: wrap;
}
.delivery-window-container .delivery-main .duration-row:nth-child(odd) {
  background: #f8f8f8;
}
.delivery-window-container .delivery-main .duration-row:last-child {
  border: none;
}
.delivery-window-container .delivery-main .duration-row p {
  font-weight: bold;
  margin: 0 20px;
}
.delivery-window-container .delivery-main .duration-row h5 {
  font-size: 13px;
  font-weight: bold;
  margin-right: 10px;
  margin-left: 20px;
}
.delivery-window-container .delivery-main .duration-row .arrows {
  height: 16px;
  width: 47px;
  margin: 0 10px;
}
.delivery-window-container .delivery-main .duration-row .arrows.pickup-arrow {
  background-image: url("../img/icons/Pickup-arrow.svg");
}
.delivery-window-container .delivery-main .duration-row .arrows.delivery-arrow {
  background-image: url("../img/icons/Delivery-arrow.svg");
}
.delivery-window-container .delivery-main .duration-row .arrows.delivery-and-pickup-arrow {
  background-image: url("../img/icons/Delivery-and-pickup-arrows.svg");
}
.delivery-window-container .delivery-main .duration-row .time-input {
  max-width: 100px;
  padding: 0 0 0 35px;
}
.delivery-window-container .delivery-main .duration-row .form-group {
  width: 100%;
  max-width: 150px;
}
.delivery-window-container .delivery-main .duration-row .form-group.time-form-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 0;
}
.delivery-window-container .delivery-main .duration-row .form-group.time-form-group .form-input-container {
  height: 35px;
}
.delivery-window-container .delivery-main .duration-row .window-time {
  display: flex;
  align-items: center;
  position: relative;
  margin-right: 10px;
}
.delivery-window-container .delivery-main .duration-row .window-time .por-icon {
  position: absolute;
  right: 3px;
  margin: 0;
  font-size: 15px;
  background-color: transparent;
  border: none;
  position: initial;
}
.delivery-window-container .delivery-main .duration-row .window-time label {
  margin-bottom: 0;
}
.delivery-window-container .delivery-main .duration-row .select-input {
  max-width: 150px;
  margin-left: 5px;
  margin-right: 5px;
}
.delivery-window-container .delivery-main .duration-row .action-btn {
  margin: 0 !important;
  margin-left: auto !important;
}
.delivery-window-container .delivery-main .duration-row .action-btn .fa-trash {
  font-size: 15px;
}
@media only screen and (max-width: 780px) {
  .delivery-header h3 {
    margin-bottom: 10px;
  }
  .duration-row {
    padding: 10px !important;
  }
  .duration-row h5 {
    width: 100%;
    margin: 0 0 10px 0 !important;
  }
  .duration-row .arrows {
    display: none;
  }
  .duration-row .select-input {
    margin: 10px 0 !important;
  }
  .duration-row .window-time {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .duration-row .window-time .time-input {
    max-width: 100% !important;
  }
}
.move-substatus-button-left {
  position: absolute;
  left: -14px;
  top: 17px;
  text-decoration: none;
  display: table;
  background-image: url(../img/icons/right-substatus.svg);
  background-repeat: no-repeat;
  z-index: 3;
  transform: scaleX(-1);
  height: 27px;
  width: 28px;
  background-size: 40px 25px;
}
.move-substatus-button-left span {
  display: table-cell;
  color: red;
  font-size: 14px;
  width: 25px;
  height: 20px;
  vertical-align: middle;
}
.move-substatus-button-right {
  position: absolute;
  right: -14px;
  top: 17px;
  height: 27px;
  width: 28px;
  background-image: url(../img/icons/right-substatus.svg);
  text-decoration: none;
  display: table;
  background-repeat: no-repeat;
  z-index: 3;
  background-size: 40px 25px;
}
.move-substatus-button-right span {
  display: table-cell;
  color: red;
  font-size: 14px;
  width: 25px;
  height: 20px;
  vertical-align: middle;
}
.steps.checklist-todo-now--orange.reservation.ss-show-arrow {
  z-index: initial;
}
.steps.checklist-todo-now--orange.reservation.ss-show-arrow .status-div:after {
  border: none;
}
.steps.checklist-todo-now--orange.reservation.ss-show-arrow .status-div:before {
  border: none;
}
.steps.checklist-todo-now--orange.reservation .move-substatus-button-left {
  left: 14px;
}
.steps.checklist-todo-now--orange .ss-show .substatus-container {
  margin-top: 27px;
  opacity: 1;
}
.steps.checklist-todo-now--orange .ss-show .status-title-content {
  top: 10px !important;
  left: 70px;
}
.steps.checklist-todo-now--orange .ss-hidden .substatus-container {
  margin-top: 0;
  opacity: 0;
}
.steps.checklist-todo-now--orange .status-title-content {
  top: 22px !important;
  left: 5px;
}
.steps.checklist-todo-now--orange.ss-show-arrow {
  z-index: 2;
}
.steps.checklist-todo-now--orange.ss-show-arrow .status-div {
  height: 58px;
  width: 100%;
}
.steps.checklist-todo-now--orange.ss-show-arrow .status-div:after {
  content: "";
  position: absolute;
  left: -35px;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 30px solid #f0f1f5;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 1;
}
.steps.checklist-todo-now--orange.ss-show-arrow .status-div:before {
  content: "";
  position: absolute;
  left: -30px;
  bottom: 0;
  width: 0;
  height: 0;
  border-right: 30px solid #f0ad4e;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  z-index: 2;
}
.steps.checklist-todo-now--orange h4.status-title .status-title-content {
  width: 100%;
  display: block;
  position: absolute;
  top: 22px;
}
.steps.checklist-todo-now--orange select[disabled="disabled"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 4px;
  text-overflow: '';
  color: #333;
  font-weight: bold;
}
.steps.checklist-todo-now--orange .arrow-left:before {
  color: #404040;
}
.steps.checklist-todo-now--orange .arrow-right:before {
  color: #404040;
}
.ss-hidden .substatus-title {
  transition: all ease 0.2s;
  visibility: hidden;
  display: block;
  height: 0px;
}
.ss-hidden .long-name {
  transition: all ease 0.2s;
  font-size: 15px;
}
.ss-hidden .substatus-indent {
  transition: all ease 0.2s;
  visibility: hidden;
  height: 0;
  opacity: 0;
}
.ss-hidden select {
  margin-top: 10px;
  transition: all ease 0.2s;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
  opacity: 0;
  height: 0;
  border: 0;
  outline: 0;
  background-color: transparent;
}
.ss-show {
  position: relative;
}
.ss-show .substatus-title {
  transition: all ease 0.2s;
  visibility: visible;
  display: block;
  font-size: 13px;
}
.ss-show .long-name {
  transition: all ease 0.2s;
  font-size: 14px;
  margin-bottom: 2px;
  display: inline-block;
}
.ss-show .substatus-indent {
  transition: all ease 0.2s;
  visibility: visible;
  height: 7.5px;
  opacity: 1;
}
.ss-show select {
  transition: all ease 0.2s;
  background-color: #FDC766 !important;
  height: 25px;
  min-width: 100px;
  opacity: 1;
  border: 0;
  outline: 0;
  background-color: transparent;
}
.ss-show .status-title-content {
  position: absolute;
  width: auto !important;
  left: -6px;
  top: -20px !important;
}
.substatus-container {
  display: flex;
  height: 0;
}
.substatus-container .substatus-indent {
  margin-right: 4px;
}
h4.status-title {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
h4.status-title .status-title-content {
  width: 100%;
  display: block;
}
h4.status-title .substatus-title {
  display: block;
}
@media only screen and (max-width: 750px) {
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange {
    flex: 1;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .substatus-container .substatus-indent {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .status-title-content {
    left: auto;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .status-title-content .long-name {
    display: inline;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .status-title-content .short-name {
    display: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .move-substatus-button-right {
    right: 5px;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-todo-now--orange .move-substatus-button-left {
    left: 5px;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow:before {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow:after {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow .move-substatus-button-right {
    right: 5px;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow .move-substatus-button-left {
    left: 5px;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow .status-div:before {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps.ss-show-arrow .status-div:after {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps:before {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps:after {
    border: none;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done--substatus .substatus-container {
    display: none !important;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done--substatus .por-icon {
    left: 0;
    margin-left: 0;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done .status-title-content {
    position: relative;
    top: initial !important;
    left: auto !important;
  }
  .transaction-overview-con .status-bar-con .steps.checklist-done .substatus-container {
    display: none;
  }
}
@media (max-width: 767px) {
  .onTransactionOverviewState .select2-drop .select2-results .select2-result-label,
  .onTransactionOverviewState .select2-drop .select2-results li {
    height: 42px;
  }
  .onTransactionOverviewState .select2-drop .select2-results .select2-result-label {
    display: flex;
    align-items: center;
  }
}
.transaction-receive .receive-active .receive-header-container .receive-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.transaction-receive .receive-active .receive-header-container .receive-header label.switch-input {
  display: flex;
  margin: 0;
  align-items: center;
}
.transaction-receive .field-PerformMaint label {
  white-space: pre-wrap;
}
.transaction-receive .form-group.prompt-meter,
.transaction-receive .form-group.InstanceLocation,
.transaction-receive .form-group.ItemLocation,
.transaction-receive .form-group.InstanceBin,
.transaction-receive .form-group.ItemBin,
.transaction-receive .form-group.field-QuantityLost {
  padding-left: 1em;
}
.transaction-receive div.receive-active div div div.maint-due {
  border: solid 1px gray;
  border-radius: 1em;
  padding: 0.5em;
  display: inline-block;
  padding-right: 3em;
  margin-left: 1em;
}
.transaction-receive div.receive-active div div div.maint-due h3 {
  font-weight: bold;
}
.transaction-receive div.receive-active div div div.maint-due .due {
  font-weight: bold;
}
.transaction-receive div.receive-active div div div.maint-due .maint {
  margin-left: 2em;
}
.transaction-receive div.receive-active div div div.maint-due .due-now {
  color: #d9534f;
}
.transaction-receive .line-item .form-group {
  margin-bottom: 0px;
  margin-top: 0px;
}
.transaction-receive .line-item .checkbox-row > .form-group,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group {
  float: left;
  margin-right: 10px;
  margin: 0px !important;
}
.transaction-receive .line-item .checkbox-row > .form-group.field-Plight,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.field-Plight,
.transaction-receive .line-item .checkbox-row > .form-group.prompt-meter,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.prompt-meter,
.transaction-receive .line-item .checkbox-row > .form-group.field-Quantity,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.field-Quantity,
.transaction-receive .line-item .checkbox-row > .form-group.field-QuantityLost,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.field-QuantityLost {
  width: 18em;
}
.transaction-receive .line-item .checkbox-row > .form-group.field-enabled,
.transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.field-enabled {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  min-width: 45em;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .checkbox-row > .form-group.field-enabled,
  .transaction-receive .line-item .checkbox-row > .line-item-textfields > .form-group.field-enabled {
    float: left;
    width: 41.66666667%;
  }
}
.transaction-receive .line-item .checkbox-row {
  float: none;
  clear: both;
  overflow: auto;
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.transaction-receive .line-item .checkbox-row .checkbox-wrapper.labelSecondLabel .col-lg-12 {
  padding: 0;
}
.transaction-receive .line-item .checkbox-row .checkbox-wrapper.labelSecondLabel .col-lg-12 .labeled-second {
  margin-top: 0;
  margin-bottom: 0;
}
.transaction-receive .line-item .checkbox-row > .form-group.prompt-meter {
  padding: 0;
}
.transaction-receive .line-item .checkbox-row .select2-container.select2-container-disabled .select2-choice {
  border: none;
}
.transaction-receive .line-item .collapsed-row {
  float: none;
  clear: both;
  margin-left: 8px;
}
.transaction-receive .line-item .collapsed-row div {
  width: 15em;
  float: left;
}
.transaction-receive .line-item .collapsed-row a {
  float: left;
  margin-right: 1em;
}
.transaction-receive .line-item .collapsed-row .c-currency {
  position: static;
  padding: 0px;
}
.transaction-receive .line-item .expanded-row {
  float: none;
  clear: both;
  margin-left: 4em;
}
.transaction-receive .line-item .expanded-row .damage-photos {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .expanded-row .damage-photos {
    float: left;
    width: 50%;
  }
}
.transaction-receive .line-item .expanded-row .damage-description-fee {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .expanded-row .damage-description-fee {
    float: left;
    width: 50%;
  }
}
.transaction-receive .line-item .expanded-row .billType {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  float: none;
  max-width: 345px;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .expanded-row .billType {
    float: left;
    width: 100%;
  }
}
.transaction-receive .line-item .expanded-row .field-toMaint {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 1.5em;
  margin-top: 1em;
  float: none;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .expanded-row .field-toMaint {
    float: left;
    width: 100%;
  }
}
.transaction-receive .line-item .expanded-row .field-DamageFee {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
  float: none;
}
@media (min-width: 768px) {
  .transaction-receive .line-item .expanded-row .field-DamageFee {
    float: left;
    width: 100%;
  }
}
.transaction-receive .line-item .expanded-row .por-icon-checked,
.transaction-receive .line-item .expanded-row .por-icon-unchecked {
  width: 1.5em;
}
.transaction-receive .line-item .expanded-row .por-icon-checked:before {
  content: "\f046";
}
.transaction-receive .line-item .expanded-row .por-icon-unchecked:before {
  content: "\f096";
}
.transaction-receive .por-icon-damage-fee:before {
  content: "\f0d6";
}
.transaction-receive .por-icon-damage-description:before {
  content: "\f075";
}
.transaction-receive .por-icon-damage-photos:before {
  content: "\f030";
}
.transaction-receive .por-icon.has {
  color: green;
}
.transaction-receive .por-icon.none {
  color: red;
}
.transaction-receive h3 {
  font-size: 15px;
}
.transaction-receive .input-holder {
  background: #f4f4f4 !important;
  border: 1px solid #dddddd;
  margin: 1em 0;
  padding: 0.7em;
}
.transaction-receive .line-item .expandable-row {
  margin: 0.8em -0.7em -0.7em !important;
  overflow: auto;
  border-top: 1px solid #dddddd;
  max-width: none !important;
}
.transaction-receive .line-item .collapsed-row {
  margin-top: 1em;
  overflow: auto;
  margin-bottom: 0.7em;
}
.transaction-receive .line-item .expanded-row {
  margin-left: 0;
  float: left;
  width: 100%;
  padding-bottom: 17px;
  clear: both;
  margin-top: 0.8em;
  padding-left: 3.3em;
}
.transaction-receive .line-item .expanded-row .field-toMaint {
  padding-left: 0;
  padding-right: 0;
  font-size: 1.2em;
}
.transaction-receive .line-item .expanded-row .field-DamageFee {
  padding-left: 0;
  padding-right: 0;
  margin-top: 1.3em;
}
.transaction-receive .line-item .checkbox-row > .form-group.prompt-meter {
  width: 19em;
}
.transaction-receive .collapsed-row .por-icon:before {
  font-size: 14px;
}
.transaction-receive .calculator-and-symbol-form-group .error-feedback .calculator-input {
  padding-left: 52px;
}
.transaction-receive .photo-editor-container .custom-file-select {
  border: 1px solid #cccccc;
  padding: 8px;
  border-radius: 7px;
}
.transaction-receive .uploader-grouping-container .uploader-container {
  background-color: transparent;
  border: none;
}
.transaction-receive .por-icon-damage-photos {
  margin-right: 0.4em;
}
.transaction-receive .por-icon-phone-upload:before {
  font-size: 24px;
}
.transaction-receive .action-btn-phone-upload span {
  vertical-align: middle;
}
.section-records.record-actions-for-view-viewTransactionReceive {
  float: none;
  max-width: max-content;
  border: 1px solid #dddddd;
  padding: 12px;
  margin-left: auto;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container h3.estimate-pricing-header {
  text-align: center;
  font-weight: 600;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container hr {
  margin: 10px 0;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .btn-group {
  display: flex;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .btn-group button.btn.btn-default {
  float: none;
  flex-basis: 50%;
  margin: 0 !important;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container {
  padding: 12px 0;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container {
  text-align: right;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container p.estimated-price-difference {
  font-size: 12px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container p.estimated-price-difference .estimated-price-difference-br {
  display: none;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price span.estimated-new-price-label-container,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change span.estimated-new-price-label-container,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price span.recalculated-price-label-container,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change span.recalculated-price-label-container {
  font-weight: 600;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h3.c-currency.field-EstimateDiff,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h3.c-currency.field-EstimateDiff,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h3.c-currency.field-EstimateTotal,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h3.c-currency.field-EstimateTotal {
  font-size: 18px;
  font-weight: bold;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h3.c-currency.field-EstimateDiff:before,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h3.c-currency.field-EstimateDiff:before,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h3.c-currency.field-EstimateTotal:before,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h3.c-currency.field-EstimateTotal:before {
  margin-right: -5px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h6.estimated-new-price-label,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h6.estimated-new-price-label,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price h6.recalculated-price-label,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .recalculated-price-change h6.recalculated-price-label {
  display: inline;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .recalculated-price .estimated-new-price-hr {
  width: calc(100% - 60px);
  border-color: #333333;
  margin-left: auto;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-no-change p.c-currency-none.field-EstimateDiff {
  font-size: 14px;
  font-weight: 600;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-no-change p.c-currency-none.field-EstimateDiff,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-no-change p.estimated-price-difference {
  text-align: right;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change {
  right: revert;
  float: none;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 12px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change .alert-dialogue .note {
  font-weight: 700;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change .alert-dialogue .negative-difference .integer-value {
  margin-right: -2px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change .alert-dialogue .negative-difference .c-currency.field-EstimateDiff {
  font-weight: 600;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change .alert-dialogue .negative-difference .c-currency.field-EstimateDiff:before {
  margin-right: -3px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-total {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-total span.original-price-label-container {
  font-weight: 600;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-total h3.price-value {
  font-size: 18px;
  font-weight: bold;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-total h6.original-price-label {
  display: inline;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container {
  display: flex;
  gap: 12px;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .cancel-btn-container,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container {
  flex-basis: 50%;
}
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .cancel-btn-container button,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container button,
.section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container button {
  width: 100%;
}
.checkbox-wrapper.labelSecondLabel .labeled-second {
  border: none;
}
.transaction .damage-fee span:last-child {
  vertical-align: text-bottom;
}
/* Media Queries */
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  .transaction-receive .line-item .checkbox-row > .form-group.prompt-meter {
    padding-left: 0;
    margin-top: 0.7em !important;
  }
  .transaction-receive .uploader-grouping-container {
    width: 100%;
  }
  .transaction-receive .form-group.field-QuantityLost {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .transaction-receive div.form-group .checkbox {
    text-indent: 0;
    padding: 0;
    margin: 0;
  }
  .transaction-receive .receive-active .receive-header-container .receive-select-all button.select-all-action.btn.btn-primary {
    height: 42px;
    font-size: 13px;
    margin: 0 !important;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row > .form-group.field-enabled {
    padding-left: 0;
    padding-right: 0;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row > .form-group.InstanceBin {
    padding-left: 8px;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row div.checkbox span input[type=checkbox] + label:before {
    margin-left: 0;
    margin-top: 1px;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row label.ng-binding {
    display: flex;
    gap: 5px;
    font-size: 12px;
    padding-left: 0;
    margin-left: 0;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row span.line-item-textfields {
    display: flex;
    flex-direction: column;
    height: fit-content;
    width: fit-content;
    gap: 10px;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row span.line-item-textfields .form-group.default {
    padding: 0;
  }
  .transaction-receive .receive-active .receive-row.line-item .with-icon .form-input-container .c-currency.symbol-before {
    padding: 9px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row {
    margin: 12px 0 0 !important;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .collapsed-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 8px 0;
    margin: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .collapsed-row .damage-badges {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .collapsed-row .damage-badges span.por-icon {
    margin: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .collapsed-row a.expando {
    margin: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row {
    padding: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .field-toMaint {
    font-size: 12px;
    display: flex;
    align-items: center;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .field-toMaint [ng-if="damaged(assignment) != 'lost'"] {
    display: flex;
    align-items: center;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .field-toMaint span.por-icon {
    margin-left: 2px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .field-toMaint span.por-icon:before {
    font-size: 16px;
    height: 13px;
    width: 13px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .field-DamageFee {
    margin-top: 10px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .billtype {
    margin-top: 10px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos {
    padding: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container {
    margin: 8px 0;
    border-radius: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader {
    padding: 0;
    margin: 0;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .help-text {
    text-indent: -16px;
    text-align: left;
    margin-left: 18px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-top,
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-bottom {
    display: flex;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-top button.btn.btn-default,
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-bottom button.btn.btn-default {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 35px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-top button.btn.btn-default span,
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .cropper-btn-container-bottom button.btn.btn-default span {
    font: inherit;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader .photo-editor-container .custom-file-select {
    border-radius: 3px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls {
    left: 50%;
    transform: translateX(-50%);
    height: 45px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span {
    top: -20px;
    left: -47px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span.por-icon:before {
    font-size: 14px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span {
    top: 24px;
    right: 20px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span.por-icon:before {
    font-size: 15px;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-progress .progress {
    background: none;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-progress .progress .progress-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-progress .progress .progress-bar span.progress-status-container {
    white-space: nowrap;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-photos .uploader-grouping-container .uploader-container .uploader-progress .progress .progress-bar span.progress-status-container span.sr-only.progress-status-var {
    position: initial;
  }
  .transaction-receive .receive-active .receive-row .expandable-row .expanded-row .damage-description-fee {
    padding: 0;
  }
  .transaction-receive .receive-active .receive-row label[class*="label"],
  .transaction-receive .receive-active .receive-row [class*="label"] {
    font-size: 12px;
    font-weight: 700;
  }
  .transaction-receive .receive-active .receive-row label[class*="label"] span.por-icon.por-icon-helpful-info:before,
  .transaction-receive .receive-active .receive-row [class*="label"] span.por-icon.por-icon-helpful-info:before {
    display: block;
  }
  .transaction-receive .checkbox-wrapper.labelSecondLabel .labeled-second {
    margin-bottom: 0;
    margin-top: 0;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .btn-group {
    height: 32px;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container p.estimated-price-difference {
    font-size: 14px;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container p.estimated-price-difference .estimated-price-difference-br {
    display: block;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.recalculate-price-container .custom-receive-time {
    margin: 12px 0;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container {
    flex-wrap: wrap;
    gap: 6px;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .cancel-btn-container,
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container,
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container {
    flex-basis: 100%;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .cancel-btn-container button,
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container button,
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container .receive-save-btn-container button {
    height: 42px;
    font-size: 13px;
  }
}
/* landscape mobile */
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .transaction-receive .receive-active .receive-row.line-item .checkbox-row > .form-group.field-enabled label.ng-binding {
    padding: 5px;
    align-items: center;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .pricing-estimate-btn-container {
    flex-wrap: nowrap;
  }
  .transaction-receive .section-records.record-actions-for-view-viewTransactionReceive .estimate-pricing-container .price-container.original-price-container .original-price.original-price-with-change {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .transaction-receive .line-item .checkbox-row .form-group.field-enabled {
    width: 100%;
    min-width: 0px;
  }
  .transaction-receive .checkbox-wrapper.labelSecondLabel .labeled-second {
    border: none;
  }
  .transaction-receive .line-item .checkbox-row .form-group.field-Plight {
    width: 100%;
  }
  .transaction-receive .line-item .checkbox-row .form-group.prompt-meter {
    width: 100% !important;
    padding-left: 0;
  }
  .transaction-receive .line-item .checkbox-row > .form-group.field-Quantity {
    width: 100%;
  }
  .transaction-receive .line-item .checkbox-row > .form-group.field-QuantityLost {
    width: 100%;
    padding-left: 0;
  }
  .transaction-receive .line-item .collapsed-row {
    float: left;
    margin-top: 1em;
    padding-left: 1em;
    padding-top: 0.5em;
    margin-left: 0;
    width: 100%;
  }
  .transaction-receive .line-item .collapsed-row .damage-fee {
    width: 100%;
  }
  .transaction-receive .line-item .expanded-row .damage-description-fee {
    padding-bottom: 1.3em;
  }
  .transaction-receive .line-item .expanded-row .field-toMaint {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.2em;
  }
  .transaction-receive .line-item .expanded-row .field-DamageFee {
    padding-left: 0;
    padding-right: 0;
  }
  .transaction-receive .checkbox-row > div.form-group.prompt-meter > div > label {
    margin: 5px 0;
  }
  .transaction-receive .collapsed-row .por-icon:before {
    font-size: 14px;
  }
  .transaction-receive .input-holder {
    background: #f4f4f4 !important;
    border: 1px solid #dddddd;
    padding: 1em;
  }
  .transaction-receive .form-input-container .calculator-trigger {
    width: 28px;
    height: 30px;
  }
  .transaction-receive .line-item .collapsed-row div {
    float: none;
  }
  .transaction-receive .expandable-row .uploader-grouping-container {
    width: 100%;
    padding: 0.9em;
    margin: 0 0 1em;
  }
  .transaction-receive .calculator-and-symbol-form-group .error-feedback .calculator-input {
    padding-left: 49px;
  }
  .uploader-container .uploader {
    text-align: center;
    margin: 0.8em 0;
  }
}
[view-transaction-send-out] .lockers {
  padding: 5px;
  border: 1px solid #cccccc;
  background-color: #f8f8f8;
  margin: 5px 0px;
}
[view-transaction-send-out] .lockers .locker-header {
  font-weight: bold;
  color: #945d2c;
  background-color: #f1dbc1;
  font-size: 1.3em;
  margin: 0 0 20px 0;
  text-align: center;
  padding: 5px 0;
}
[view-transaction-send-out] .lockers .locker-data {
  font-size: 1.2em;
  margin: 2px 0;
  text-align: center;
}
[view-transaction-send-out] .lockers .locker-data .locker-label {
  display: inline-block;
  font-weight: bold;
  padding-right: 5px;
}
[view-transaction-send-out] .lockers .locker-data .locker-field {
  display: inline-block;
  font-weight: normal;
}
[view-transaction-send-out] .lockers .qr-holder {
  text-align: center;
  margin: 20px 0;
}
[view-transaction-send-out] .lockers .qr-holder .qr-image {
  margin: 0 auto;
  max-width: 260px !important;
  background-color: #ffffff;
  padding: 30px;
}
[view-transaction-send-out] .field-PerformMaint label {
  white-space: pre-wrap;
}
[view-transaction-send-out] .prepared-checkmark {
  background-image: url(../img/icons/green-arrow.svg);
  background-size: 21px;
  background-repeat: no-repeat;
  width: 21px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
}
[view-transaction-send-out] .cust-inf-detail {
  color: #333;
}
[view-transaction-send-out] .table tbody + tbody {
  border-top: none;
}
[view-transaction-send-out] strong.reset-time-details:before {
  content: "\a";
  white-space: pre;
}
[view-transaction-send-out] .sending-confirmation {
  margin-bottom: 12px;
}
[view-transaction-send-out] .sending-confirmation .item-summary {
  font-size: 12px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .form-group.calculator-form-group {
  width: 48%;
  padding: 0 16px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .uploader .uploader {
  width: 98%;
}
[view-transaction-send-out] .sending-confirmation .item-summary .uploader .uploader .or-block {
  padding-left: 4px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer {
  padding: 0 16px !important;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container {
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container {
  background: none;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image {
  margin: 0;
  border-radius: 0;
  background: #ededed;
  border: 1px solid #d9d9d9;
  display: flex;
  justify-content: center;
  height: 305.33px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image img,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image img {
  height: auto;
  max-width: 100%;
  object-fit: contain;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image .uploader-controls .btn-uploader.left-corner,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner {
  margin: 0 !important;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span.por-icon,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.left-corner span.por-icon {
  font-size: 12px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image .uploader-controls .btn-uploader.right-corner,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner {
  margin: 0 !important;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span.por-icon,
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span.por-icon {
  font-size: 14px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .photo-record-container {
  margin: 0;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .sortable-row {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container {
  padding: 3px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress .progress {
  background: none;
  box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
  margin-bottom: 5px;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress .progress .progress-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress .progress .progress-bar .progress-status-container {
  white-space: nowrap;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress .progress .progress-bar .progress-status-container .progress-status-var {
  position: revert;
  overflow: revert;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress .progress .progress-bar .progress-status-container .progress-status-static {
  white-space: nowrap;
}
[view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .photo-editor-container input {
  background: none;
}
@media screen and (max-width: 768px) {
  [view-transaction-send-out] .two-thirds.last-col,
  [view-transaction-send-out] .one-third.first-col {
    padding: 0;
    margin-bottom: 12px;
  }
  [view-transaction-send-out] tr.item-summary td:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    color: green;
    font-size: 16px;
    float: left;
    margin-right: 0.25em;
  }
  [view-transaction-send-out] tr.item-summary.photo td:before,
  [view-transaction-send-out] tr.item-summary.prompt-meter td:before {
    content: "";
  }
  [view-transaction-send-out] .trans-inf-label strong {
    display: inline;
  }
  [view-transaction-send-out] .sending-confirmation {
    margin-bottom: 12px;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary {
    font-size: 12px;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer {
    padding: 0 5px !important;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container {
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container,
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container {
    background: none;
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding-bottom: 10px;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image,
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image {
    margin: 0;
    border-radius: 0;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image img.default-image[src='/img/no-image-placeholder-lg.jpg'],
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image img.default-image[src='/img/no-image-placeholder-lg.jpg'] {
    display: block;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span.por-icon,
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-has-image .uploader-controls .btn-uploader.right-corner span.por-icon {
    right: 20px;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .horizontal-container .photo-record-container {
    margin: 0;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .uploader-container .uploader-progress {
    padding: 3px;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .photo-previewer .photo-upload-container .photo-editor-container input {
    background: none;
  }
  [view-transaction-send-out] .sending-confirmation .item-summary .form-group.calculator-form-group {
    padding: 0 5px;
    margin: 0;
    width: 100%;
  }
  [view-transaction-send-out] .action-button-holder {
    text-align: center;
  }
  [view-transaction-send-out] .action-button-holder .action-btns {
    float: none !important;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  [view-transaction-send-out] .action-button-holder .action-btns button {
    display: inline-block;
    width: 49%;
    margin: 0 !important;
    padding: 10px 10px;
  }
}
@media screen and (max-width: 400px) {
  [view-transaction-send-out] .action-button-holder .action-btns button {
    display: block;
    width: 100%;
    margin: 2px;
    padding: 10px 10px;
  }
}
.xero-setup {
  width: 80em;
  max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.xero-setup .one-half.first-col {
  padding-right: 2em;
}
.xero-setup .one-half.last-col {
  padding-left: 2em;
}
.xero-setup .one-half .select-account,
.xero-setup .one-half .create-account {
  background: white;
  border-radius: 0.5em;
  padding: 0.5em;
}
.rate {
  font-size: 75%;
  position: relative;
  top: -0.25em;
}
.help-text {
  color: #666;
  font-weight: normal;
  font-size: 14px;
  margin-left: 2.5em;
  text-indent: -0.75em;
}
.account-record {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 16.5px;
  font-weight: 200;
  line-height: 2.14285714;
  color: inherit;
  background-color: #eeeeee;
  padding: 1em !important;
  border-radius: 0.5em;
}
.account-record h1 {
  line-height: 1;
  color: inherit;
}
.account-record p {
  line-height: 1.4;
}
.container .account-record {
  border-radius: 6px;
}
@media screen and (min-width: 768px) {
  .account-record {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .account-record {
    padding-left: 60px;
    padding-right: 60px;
  }
  .account-record h1 {
    font-size: 49.5px;
  }
}
.small {
  font-size: 75%;
}
.or {
  width: 4em;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -2em;
}
.account-container {
  position: relative;
}
.account-container h2 {
  margin-bottom: 1em;
}
.page-title.xero {
  text-align: center;
}
.xero-setup .section {
  font-size: 140%;
  border: 1px solid #CCC;
  border-bottom: none;
  padding: 5px 10px;
}
.xero-setup .section:before,
.xero-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.xero-setup .section:after {
  clear: both;
}
.xero-setup .section:before,
.xero-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.xero-setup .section:after {
  clear: both;
}
.xero-setup .section:before,
.xero-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.xero-setup .section:after {
  clear: both;
}
.xero-setup .section:before,
.xero-setup .section:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.xero-setup .section:after {
  clear: both;
}
.xero-setup .section:last-child {
  border-bottom: 1px solid #CCC;
}
.xero-setup .section:first-of-type h3 {
  font-weight: bolder;
}
.xero-setup .section button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  padding: 5px 10px;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 5px;
  position: relative;
  font-size: 13px;
}
.xero-setup .section button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.xero-setup .section button:hover,
.xero-setup .section button:focus {
  color: #333;
  text-decoration: none;
}
.xero-setup .section button:active,
.xero-setup .section button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.xero-setup .section button.disabled,
.xero-setup .section button[disabled],
fieldset[disabled] .xero-setup .section button {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.xero-setup .section button .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.xero-setup .section button .por-icon {
  font-size: 16px;
}
.xero-setup .section button.create,
.xero-setup .section button.change {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  padding-left: 1em;
  padding-right: 1em;
}
.xero-setup .section button.create:hover,
.xero-setup .section button.change:hover,
.xero-setup .section button.create:focus,
.xero-setup .section button.change:focus,
.xero-setup .section button.create:active,
.xero-setup .section button.change:active,
.xero-setup .section button.create.active,
.xero-setup .section button.change.active,
.open .dropdown-toggle.xero-setup .section button.create,
.open .dropdown-toggle.xero-setup .section button.change {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.xero-setup .section button.create:active,
.xero-setup .section button.change:active,
.xero-setup .section button.create.active,
.xero-setup .section button.change.active,
.open .dropdown-toggle.xero-setup .section button.create,
.open .dropdown-toggle.xero-setup .section button.change {
  background-image: none;
}
.xero-setup .section button.create.disabled,
.xero-setup .section button.change.disabled,
.xero-setup .section button.create[disabled],
.xero-setup .section button.change[disabled],
fieldset[disabled] .xero-setup .section button.create,
fieldset[disabled] .xero-setup .section button.change,
.xero-setup .section button.create.disabled:hover,
.xero-setup .section button.change.disabled:hover,
.xero-setup .section button.create[disabled]:hover,
.xero-setup .section button.change[disabled]:hover,
fieldset[disabled] .xero-setup .section button.create:hover,
fieldset[disabled] .xero-setup .section button.change:hover,
.xero-setup .section button.create.disabled:focus,
.xero-setup .section button.change.disabled:focus,
.xero-setup .section button.create[disabled]:focus,
.xero-setup .section button.change[disabled]:focus,
fieldset[disabled] .xero-setup .section button.create:focus,
fieldset[disabled] .xero-setup .section button.change:focus,
.xero-setup .section button.create.disabled:active,
.xero-setup .section button.change.disabled:active,
.xero-setup .section button.create[disabled]:active,
.xero-setup .section button.change[disabled]:active,
fieldset[disabled] .xero-setup .section button.create:active,
fieldset[disabled] .xero-setup .section button.change:active,
.xero-setup .section button.create.disabled.active,
.xero-setup .section button.change.disabled.active,
.xero-setup .section button.create[disabled].active,
.xero-setup .section button.change[disabled].active,
fieldset[disabled] .xero-setup .section button.create.active,
fieldset[disabled] .xero-setup .section button.change.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.xero-setup .section button.create {
  box-shadow: 0 5px 15px rgba(92, 184, 92, 0.4);
}
.xero-setup .section button.create:hover {
  box-shadow: 0 5px 15px rgba(92, 184, 92, 0.6);
}
.xero-setup .section button.current {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  /*
        &:after {
          .fa;
          display:block;
          color:black;
          position:absolute;
          top:-.5em;
          right:-.5em;
          content:@fa-var-check;
        }
        */
}
.xero-setup .section button.current:hover,
.xero-setup .section button.current:focus,
.xero-setup .section button.current:active,
.xero-setup .section button.current.active,
.open .dropdown-toggle.xero-setup .section button.current {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.xero-setup .section button.current:active,
.xero-setup .section button.current.active,
.open .dropdown-toggle.xero-setup .section button.current {
  background-image: none;
}
.xero-setup .section button.current.disabled,
.xero-setup .section button.current[disabled],
fieldset[disabled] .xero-setup .section button.current,
.xero-setup .section button.current.disabled:hover,
.xero-setup .section button.current[disabled]:hover,
fieldset[disabled] .xero-setup .section button.current:hover,
.xero-setup .section button.current.disabled:focus,
.xero-setup .section button.current[disabled]:focus,
fieldset[disabled] .xero-setup .section button.current:focus,
.xero-setup .section button.current.disabled:active,
.xero-setup .section button.current[disabled]:active,
fieldset[disabled] .xero-setup .section button.current:active,
.xero-setup .section button.current.disabled.active,
.xero-setup .section button.current[disabled].active,
fieldset[disabled] .xero-setup .section button.current.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.xero-setup .section .radio-wrapper ul {
  margin: 0;
}
.xero-setup .section .radio-wrapper .form-group {
  margin-bottom: 0;
}
.xero-setup .porField,
.xero-setup .remoteField {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .xero-setup .porField,
  .xero-setup .remoteField {
    float: left;
    width: 33.33333333%;
  }
}
.xero-setup .porField.create,
.xero-setup .remoteField.create {
  padding-left: 2em;
}
.xero-setup .connected {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .xero-setup .connected {
    float: left;
    width: 8.33333333%;
  }
}
.xero-setup .action.col {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .xero-setup .action.col {
    float: left;
    width: 25%;
  }
}
.xero-setup .action.col .delete {
  font-size: 13px;
  background-color: #d9534f;
  border-color: #d9534f;
  color: white;
}
.xero-setup .action.col .delete .por-icon {
  font-size: 13px;
  margin-left: 0;
  line-height: 1.5;
}
.xero-setup .action.col a {
  font-size: 80%;
  color: #777777;
}
.xero-setup .tax-rate-detail {
  margin-left: 2em;
  font-size: 75%;
}
.xero-setup .tax-rate-detail span:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\221f";
  position: relative;
  top: -0.25em;
}
.xero-setup .tax-rate-detail span:before.fa-pull-left {
  margin-right: 0.3em;
}
.xero-setup .tax-rate-detail span:before.fa-pull-right {
  margin-left: 0.3em;
}
.xero-setup .tax-rate-detail span:before.pull-left {
  margin-right: 0.3em;
}
.xero-setup .tax-rate-detail span:before.pull-right {
  margin-left: 0.3em;
}
.xero-setup .linked {
  background-color: #dff0d8;
  position: relative;
}
.xero-setup .linked:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  position: absolute;
  top: 50%;
  left: -1.1em;
  margin-top: -0.5em;
  color: #5cb85c;
  font-size: 1.3em;
}
.xero-setup .linked:before.fa-pull-left {
  margin-right: 0.3em;
}
.xero-setup .linked:before.fa-pull-right {
  margin-left: 0.3em;
}
.xero-setup .linked:before.pull-left {
  margin-right: 0.3em;
}
.xero-setup .linked:before.pull-right {
  margin-left: 0.3em;
}
.onEmployeeEditState .checkbox-wrapper.labelSecondLabel {
  margin-top: 1.5em;
}
.view-enter,
.view-leave {
  -webkit-transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  -moz-transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  -o-transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
  transition: color cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.25s;
}
.view-enter {
  opacity: 0;
  left: 100px;
  width: 100%;
  position: absolute;
}
.view-enter.view-enter-active {
  left: 0;
  opacity: 1;
}
.view-leave {
  position: absolute;
  left: 0;
  width: 100%;
  opacity: 1;
}
.view-leave.view-leave-active {
  left: -100px;
  opacity: 0;
}
*.in {
  opacity: 1;
  filter: alpha(opacity=100);
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
*.out {
  opacity: 0;
  filter: alpha(opacity=0);
  opacity: 0 !important;
  filter: alpha(opacity=0) !important;
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.DynarchCalendar-animBody-backYear {
  position: absolute;
  top: -100%;
  left: 0;
}
.DynarchCalendar-animBody-back {
  position: absolute;
  top: 5px;
  left: -100%;
}
.DynarchCalendar-animBody-fwd {
  position: absolute;
  top: 5px;
  left: 100%;
}
.DynarchCalendar-animBody-now {
  position: absolute;
  top: 5px;
  left: 0;
}
.DynarchCalendar-animBody-fwdYear {
  position: absolute;
  top: 100%;
  left: 0;
}
a,
.btn,
button,
.the-category-item,
.the-taxrate-item {
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.collapsed-menu .main-nav,
.main-nav {
  transition: width 0.2s;
  -moz-transition: width 0.2s;
  /* Firefox 4 */
  -webkit-transition: width 0.2s;
  /* Safari and Chrome */
  -o-transition: width 0.2s;
  /* Opera */
}
#universalFooter,
.collapsed-menu #universalFooter {
  transition: linear 0.2s;
  -moz-transition: linear 0.2s;
  /* Firefox 4 */
  -webkit-transition: linear 0.2s;
  /* Safari and Chrome */
  -o-transition: linear 0.2s;
  /* Opera */
}
.login-modal {
  transition: height 0.2s;
  -moz-transition: height 0.2s;
  /* Firefox 4 */
  -webkit-transition: height 0.2s;
  /* Safari and Chrome */
  -o-transition: height 0.2s;
  /* Opera */
}
.collapsed .main_nav_sub_menu,
.main_nav_sub_menu {
  transition: opacity 0.25s ease-in-out;
  -moz-transition: opacity 0.25s ease-in-out;
  -webkit-transition: opacity 0.25s ease-in-out;
}
.main-content.ng-enter {
  transition: 0.25s linear color;
  -webkit-transition: 0.5s linear color;
}
.transaction-overview.ng-enter {
  transition: 0.2s linear color;
  -webkit-transition: 0.2s linear color;
  left: 1000px;
  position: relative;
}
.transaction-overview.ng-enter.ng-enter-active {
  left: 0px;
  opacity: 1;
}
.transaction-overview.ng-leave {
  transition: 0.2s linear color;
  -webkit-transition: 0.2s linear color;
  left: 0px;
  opacity: 1;
}
.transaction-overview.ng-leave.ng-leave-active {
  left: 1000px;
  opacity: 0;
  position: relative;
}
.shake-start {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}
.shake-right {
  -webkit-transform: translate(20px, 0px);
  -ms-transform: translate(20px, 0px);
  transform: translate(20px, 0px);
}
.shake-left {
  -webkit-transform: translate(-20px, 0px);
  -ms-transform: translate(-20px, 0px);
  transform: translate(-20px, 0px);
}
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  12.5% {
    -webkit-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
  }
  25% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  37.5% {
    -webkit-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  62.5% {
    -webkit-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  87.5% {
    -webkit-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
@keyframes shake {
  0% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  12.5% {
    -webkit-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
  }
  25% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  37.5% {
    -webkit-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
  }
  50% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  62.5% {
    -webkit-transform: translate(20px, 0px);
    -ms-transform: translate(20px, 0px);
    transform: translate(20px, 0px);
  }
  75% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
  87.5% {
    -webkit-transform: translate(-20px, 0px);
    -ms-transform: translate(-20px, 0px);
    transform: translate(-20px, 0px);
  }
  100% {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
  }
}
.shake-remove {
  -webkit-animation: shake 0.25s linear;
  -moz-animation: shake 0.25s linear;
  -ms-animation: shake 0.25s linear;
  -o-animation: shake 0.25s linear;
  animation: shake 0.25s linear;
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .one-whole,
  .one-half,
  .one-third,
  .two-thirds,
  .two-thirds,
  .one-quarter,
  .three-quarters,
  .one-fifth,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .c-row,
  .one-whole,
  .one-half,
  .one-third,
  .two-thirds,
  .one-quarter,
  .three-quarters,
  .one-fifth,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    width: 100%;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .skip-left.skip-one.one-half {
    margin-left: 50%;
  }
  .skip-left.skip-one.one-third,
  .skip-left.skip-one.two-thirds {
    margin-left: 33.33333333%;
  }
  .skip-left.skip-one.one-quarter,
  .skip-left.skip-one.three-quarters {
    margin-left: 25%;
  }
  .skip-left.skip-one.one-fifth,
  .skip-left.skip-one.two-fifths,
  .skip-left.skip-one.three-fifths,
  .skip-left.skip-one.four-fifths {
    margin-left: 20%;
  }
  .skip-right.skip-one.one-half {
    margin-right: 50%;
  }
  .skip-right.skip-one.one-third,
  .skip-right.skip-one.two-thirds {
    margin-right: 33.33333333%;
  }
  .skip-right.skip-one.one-quarter,
  .skip-right.skip-one.three-quarters {
    margin-right: 25%;
  }
  .skip-right.skip-one.one-fifth,
  .skip-right.skip-one.two-fifths,
  .skip-right.skip-one.three-fifths,
  .skip-right.skip-one.four-fifths {
    margin-right: 20%;
  }
  .modal-dialog {
    width: 95% !important;
  }
  .datetime-picker .dateTimeLabel:first-child {
    padding-left: 0;
  }
  .datetime-picker .dateTimeLabel:last-child {
    padding-right: 0;
    margin-top: 0;
  }
  .dateTimeLabel {
    position: relative;
    padding: 0;
  }
  .dateTimeLabel + .dateTimeLabel {
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px;
  }
  .dateTimeLabel .date-time-input-container {
    position: relative;
  }
  .dateTimeLabel .date-time-input-container input.datepicker-input,
  .dateTimeLabel .date-time-input-container input.time-input {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    color: #333333;
    display: block;
    padding: 8px 8px 8px 42.5px;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .dateTimeLabel .date-time-input-container .datepicker-trigger {
    position: absolute;
    right: 4px;
    top: 8px;
  }
  .input-holder {
    padding-top: 16px;
  }
  .form-grouping-container {
    padding: 8px;
  }
  .report-grouping .report-section .report-internal {
    border: none;
  }
  .report-grouping .report-section:first-child {
    padding: 0;
  }
  .report-grouping .report-section:first-child + div {
    padding: 0;
  }
  .report-grouping .report-section:first-child + div + div {
    padding: 0;
  }
  .report-grouping .report-section:last-child {
    padding: 0;
  }
  .confirmation-modal .modal-dialog {
    padding-top: 100px;
  }
  #taxRates-admin .list-group-item {
    cursor: pointer;
  }
  #taxRates-admin .list-group-item .the-taxrate-item {
    background: url('../img/bullet.png') 8px center no-repeat;
    padding-bottom: 8px;
    padding-left: 3%;
    padding-top: 8px;
  }
  .mid-col {
    padding-bottom: 8px;
  }
  .transaction-ipad-menu {
    display: block;
    margin-bottom: 30px;
  }
  .transaction-desktop-menu {
    display: none;
    margin-top: 8px;
  }
  .transaction-overview-checklist .transaction-current-status {
    background: #dedede;
    border-right: 1px solid #cccccc;
    display: inline;
    float: left;
    height: 35px;
    line-height: 1em;
    padding: 10px;
    position: relative;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps {
    position: absolute;
    top: 35px;
    left: 0;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps {
    width: 700px;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li {
    display: inline;
    float: left;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li button {
    background: #4db6c7;
    border-right: 1px solid #4db6c7;
    color: #ffffff;
    width: auto;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li button:hover {
    background: #4db6c7;
  }
  .transaction-overview-checklist .transaction-current-status.checklist-future-todo .transaction-status-wrapper {
    margin-top: 2px;
  }
  .transaction-overview-checklist .transaction-current-status.checklist-todo-now {
    background: #4db6c7;
    color: white;
  }
  .dgrid-cell-padding.dgrid-column-edit.field-edit,
  .dgrid-cell-padding.dgrid-column-one-button {
    padding: 0 !important;
  }
  .dgrid-cell-padding.dgrid-column-edit.field-edit .btn-xxs,
  .dgrid-cell-padding.dgrid-column-one-button .btn-xxs {
    padding: 5px !important;
    margin: 5px 0;
    width: 100%;
  }
  .fake-button {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    display: inline-block;
    padding: 5px;
    margin: 5px 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 4px;
    white-space: nowrap;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  .fake-button:hover,
  .fake-button:focus,
  .fake-button:active,
  .fake-button.active,
  .open .dropdown-toggle.fake-button {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
  }
  .fake-button:active,
  .fake-button.active,
  .open .dropdown-toggle.fake-button {
    background-image: none;
  }
  .fake-button.disabled,
  .fake-button[disabled],
  fieldset[disabled] .fake-button,
  .fake-button.disabled:hover,
  .fake-button[disabled]:hover,
  fieldset[disabled] .fake-button:hover,
  .fake-button.disabled:focus,
  .fake-button[disabled]:focus,
  fieldset[disabled] .fake-button:focus,
  .fake-button.disabled:active,
  .fake-button[disabled]:active,
  fieldset[disabled] .fake-button:active,
  .fake-button.disabled.active,
  .fake-button[disabled].active,
  fieldset[disabled] .fake-button.active {
    background-color: #fff;
    border-color: #ccc;
  }
  .fake-button.dgrid-selected.ui-state-active {
    color: #333333;
  }
  .required-icon + .required-text {
    display: block;
  }
  .required-icon:hover + .required-text {
    display: block;
  }
  .required-text {
    position: absolute;
    top: -11px;
    left: 14px;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
    z-index: 1010;
  }
  .required-text .popover-content {
    padding: 9px 14px 9px 0;
  }
  .required-text.right {
    margin-left: 0;
  }
  .required-text.right .arrow {
    display: none;
  }
  .required-text .arrow {
    display: none;
  }
  .required-text .arrow,
  .required-text .arrow:after {
    display: none;
  }
  .required-text.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
  }
  .required-text .arrow:after {
    border-width: 10px;
    content: "";
  }
  .required-text .arrow,
  .required-text .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .defaultLabel .form-error-container ul li.has-error,
  .fullLineLabel .form-error-container ul li.has-error {
    display: block;
    width: 600px;
    overflow: hidden;
  }
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .one-whole,
  .one-half,
  .one-third,
  .two-thirds,
  .two-thirds,
  .one-quarter,
  .three-quarters,
  .one-fifth,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    float: left;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }
  .c-row,
  .one-whole,
  .one-half,
  .one-third,
  .two-thirds,
  .one-quarter,
  .three-quarters,
  .one-fifth,
  .two-fifths,
  .three-fifths,
  .four-fifths {
    width: 100%;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .c-row:before,
  .one-whole:before,
  .one-half:before,
  .one-third:before,
  .two-thirds:before,
  .one-quarter:before,
  .three-quarters:before,
  .one-fifth:before,
  .two-fifths:before,
  .three-fifths:before,
  .four-fifths:before,
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
  }
  .c-row:after,
  .one-whole:after,
  .one-half:after,
  .one-third:after,
  .two-thirds:after,
  .one-quarter:after,
  .three-quarters:after,
  .one-fifth:after,
  .two-fifths:after,
  .three-fifths:after,
  .four-fifths:after {
    clear: both;
  }
  .skip-left.skip-one.one-half {
    margin-left: 50%;
  }
  .skip-left.skip-one.one-third,
  .skip-left.skip-one.two-thirds {
    margin-left: 33.33333333%;
  }
  .skip-left.skip-one.one-quarter,
  .skip-left.skip-one.three-quarters {
    margin-left: 25%;
  }
  .skip-left.skip-one.one-fifth,
  .skip-left.skip-one.two-fifths,
  .skip-left.skip-one.three-fifths,
  .skip-left.skip-one.four-fifths {
    margin-left: 20%;
  }
  .skip-right.skip-one.one-half {
    margin-right: 50%;
  }
  .skip-right.skip-one.one-third,
  .skip-right.skip-one.two-thirds {
    margin-right: 33.33333333%;
  }
  .skip-right.skip-one.one-quarter,
  .skip-right.skip-one.three-quarters {
    margin-right: 25%;
  }
  .skip-right.skip-one.one-fifth,
  .skip-right.skip-one.two-fifths,
  .skip-right.skip-one.three-fifths,
  .skip-right.skip-one.four-fifths {
    margin-right: 20%;
  }
  .modal-dialog {
    width: 95% !important;
  }
  .datetime-picker .dateTimeLabel:first-child {
    padding-left: 0;
  }
  .datetime-picker .dateTimeLabel:last-child {
    padding-right: 0;
  }
  .dateTimeLabel {
    position: relative;
    padding: 0;
  }
  .dateTimeLabel + .dateTimeLabel {
    padding-left: 0;
    padding-right: 0;
    margin-top: 8px;
  }
  .dateTimeLabel .date-time-input-container {
    position: relative;
  }
  .dateTimeLabel .date-time-input-container input.datepicker-input,
  .dateTimeLabel .date-time-input-container input.time-input {
    background-color: #ffffff;
    border: 1px solid #bfbfbf;
    color: #333333;
    display: block;
    padding: 8px;
    vertical-align: middle;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
  }
  .dateTimeLabel .date-time-input-container .datepicker-trigger {
    position: absolute;
    right: 4px;
    top: 8px;
  }
  .input-holder {
    padding-top: 16px;
  }
  .form-grouping-container {
    padding: 8px;
  }
  .report-grouping .report-section .report-internal {
    border: none;
  }
  .report-grouping .report-section:first-child {
    padding: 0;
  }
  .report-grouping .report-section:first-child + div {
    padding: 0;
  }
  .report-grouping .report-section:first-child + div + div {
    padding: 0;
  }
  .report-grouping .report-section:last-child {
    padding: 0;
  }
  .confirmation-modal .modal-dialog {
    padding-top: 100px;
  }
  #taxRates-admin .list-group-item {
    cursor: pointer;
  }
  #taxRates-admin .list-group-item .the-taxrate-item {
    background: url('../img/bullet.png') 8px center no-repeat;
    padding-bottom: 8px;
    padding-left: 3%;
    padding-top: 8px;
  }
  .mid-col {
    padding-bottom: 8px;
  }
  .transaction-ipad-menu {
    display: block;
    margin-bottom: 30px;
  }
  .transaction-desktop-menu {
    display: none;
    margin-top: 8px;
  }
  .transaction-overview-checklist .transaction-current-status {
    background: #dedede;
    border-right: 1px solid #cccccc;
    display: inline;
    float: left;
    height: 35px;
    line-height: 1em;
    padding: 10px;
    position: relative;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps {
    position: absolute;
    top: 35px;
    left: 0;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps {
    width: 700px;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li {
    display: inline;
    float: left;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li button {
    background: #4db6c7;
    border-right: 1px solid #4db6c7;
    color: #ffffff;
    width: auto;
  }
  .transaction-overview-checklist .transaction-current-status .transaction-next-steps ul.steps li button:hover {
    background: #4db6c7;
  }
  .transaction-overview-checklist .transaction-current-status.checklist-future-todo .transaction-status-wrapper {
    margin-top: 2px;
  }
  .transaction-overview-checklist .transaction-current-status.checklist-todo-now {
    background: #4db6c7;
    color: white;
  }
  .dgrid-cell-padding.dgrid-column-edit.field-edit,
  .dgrid-cell-padding.dgrid-column-one-button {
    padding: 0 !important;
  }
  .dgrid-cell-padding.dgrid-column-edit.field-edit .btn-xxs,
  .dgrid-cell-padding.dgrid-column-one-button .btn-xxs {
    padding: 5px !important;
    margin: 5px 0;
    width: 100%;
  }
  .fake-button {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    display: inline-block;
    padding: 5px;
    margin: 5px 0;
    font-size: 11px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #dddddd;
    border-radius: 4px;
    white-space: nowrap;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  .fake-button:hover,
  .fake-button:focus,
  .fake-button:active,
  .fake-button.active,
  .open .dropdown-toggle.fake-button {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
  }
  .fake-button:active,
  .fake-button.active,
  .open .dropdown-toggle.fake-button {
    background-image: none;
  }
  .fake-button.disabled,
  .fake-button[disabled],
  fieldset[disabled] .fake-button,
  .fake-button.disabled:hover,
  .fake-button[disabled]:hover,
  fieldset[disabled] .fake-button:hover,
  .fake-button.disabled:focus,
  .fake-button[disabled]:focus,
  fieldset[disabled] .fake-button:focus,
  .fake-button.disabled:active,
  .fake-button[disabled]:active,
  fieldset[disabled] .fake-button:active,
  .fake-button.disabled.active,
  .fake-button[disabled].active,
  fieldset[disabled] .fake-button.active {
    background-color: #fff;
    border-color: #ccc;
  }
  .fake-button.dgrid-selected.ui-state-active {
    color: #333333;
  }
  .required-icon + .required-text {
    display: block;
  }
  .required-icon:hover + .required-text {
    display: block;
  }
  .required-text {
    position: absolute;
    top: -11px;
    left: 14px;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    white-space: normal;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: padding-box;
    z-index: 1010;
  }
  .required-text .popover-content {
    padding: 9px 14px 9px 0;
  }
  .required-text.right {
    margin-left: 0;
  }
  .required-text.right .arrow {
    display: none;
  }
  .required-text .arrow {
    display: none;
  }
  .required-text .arrow,
  .required-text .arrow:after {
    display: none;
  }
  .required-text.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #ffffff;
    border-left-width: 0;
    content: " ";
  }
  .required-text .arrow:after {
    border-width: 10px;
    content: "";
  }
  .required-text .arrow,
  .required-text .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
}
#filter-container ul.nav.nav-pills li.expand-container {
  display: none;
}
@media screen and (max-width: 768px) {
  #filter-container ul.nav.nav-pills.mobile-show li {
    display: block;
  }
  #filter-container ul.nav.nav-pills.mobile-show.expand-container {
    display: none;
  }
  #filter-container ul.nav.nav-pills li {
    display: none;
  }
  #filter-container ul.nav.nav-pills li.searchFilters {
    display: block;
    font-size: large;
  }
  #filter-container ul.nav.nav-pills li.searchFilters .input-group-addon.form-control,
  #filter-container ul.nav.nav-pills li.searchFilters .form-control.form-control {
    line-height: 20px;
    height: 37px !important;
  }
  #filter-container ul.nav.nav-pills li.expand-container {
    display: block;
    width: 100%;
  }
  .or-block,
  .upload-block {
    display: none;
  }
  .uploader-has-image img.default-image[src='/img/no-image-placeholder-lg.jpg'] {
    display: none;
  }
}
.hide-from-printers {
  display: block;
}
.btn.hide-from-printers {
  display: inline;
}
.show-only-for-printers {
  display: none;
}
@media print {
  * {
    margin: 0 !important;
    padding: 0 !important;
  }
  body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
  }
  table {
    width: 100% !important;
  }
  table {
    page-break-inside: auto;
  }
  tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  .main-nav,
  .hide-from-printers,
  .hidden-print {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }
  .hide-from-printers {
    display: none;
  }
  .show-only-for-printers {
    display: block;
  }
  .odd,
  .even {
    page-break-inside: avoid !important;
  }
  .print-photo img {
    width: 200px;
    height: auto;
  }
  .main-content {
    width: 100% !important;
    left: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
  }
  .h-print {
    display: none !important;
  }
  .print-only {
    display: block;
  }
  .print-none {
    display: none;
  }
  body.onReportDetail {
    overflow: visible !important;
  }
  @page {
    size: landscape;
  }
  body.onReportDetail h2 {
    font-size: 12pt !important;
  }
  body.onReportDetail * {
    font-size: 9pt !important;
    font-family: "Trebuchet MS", Arial, sans-serif !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body.onReportDetail .form-control,
  body.onReportDetail .form-grouping-container {
    background: transparent;
    border: none;
  }
  body.onReportDetail a:link:after,
  body.onReportDetail a:visited:after {
    content: "";
  }
  body.onReportDetail table tr * {
    font-size: 6pt !important;
  }
  body.onReportDetail table tr th,
  body.onReportDetail table tr td {
    padding: 4px !important;
  }
  body.onReportDetail table tr th {
    font-weight: bold;
  }
}
/*rules for the plot target div.  These will be cascaded down to all plot elements according to css rules*/
.jqplot-target {
  position: relative;
  color: #333333;
  font-family: Helvetica, Verdana, sans-serif;
  font-size: 1em;
  background-color: white;
  /*    height: 300px;
    width: 400px;*/
}
/*rules applied to all axes*/
.jqplot-axis {
  font-size: 0.75em;
}
.jqplot-xaxis {
  margin-top: 10px;
}
.jqplot-x2axis {
  margin-bottom: 10px;
}
.jqplot-yaxis {
  margin-right: 10px;
}
.jqplot-y2axis,
.jqplot-y3axis,
.jqplot-y4axis,
.jqplot-y5axis,
.jqplot-y6axis,
.jqplot-y7axis,
.jqplot-y8axis,
.jqplot-y9axis,
.jqplot-yMidAxis {
  margin-left: 10px;
  margin-right: 10px;
}
/*rules applied to all axis tick divs*/
.jqplot-axis-tick,
.jqplot-xaxis-tick,
.jqplot-yaxis-tick,
.jqplot-x2axis-tick,
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick,
.jqplot-yMidAxis-tick {
  position: absolute;
  white-space: pre;
}
.jqplot-xaxis-tick {
  top: 0px;
  /* initial position untill tick is drawn in proper place */
  left: 15px;
  /*    padding-top: 10px;*/
  vertical-align: top;
}
.jqplot-x2axis-tick {
  bottom: 0px;
  /* initial position untill tick is drawn in proper place */
  left: 15px;
  /*    padding-bottom: 10px;*/
  vertical-align: bottom;
}
.jqplot-yaxis-tick {
  right: 0px;
  /* initial position untill tick is drawn in proper place */
  top: 15px;
  /*    padding-right: 10px;*/
  text-align: right;
}
.jqplot-yaxis-tick.jqplot-breakTick {
  right: -20px;
  margin-right: 0px;
  padding: 1px 5px 1px 5px;
  /*background-color: white;*/
  z-index: 2;
  font-size: 1.5em;
}
.jqplot-y2axis-tick,
.jqplot-y3axis-tick,
.jqplot-y4axis-tick,
.jqplot-y5axis-tick,
.jqplot-y6axis-tick,
.jqplot-y7axis-tick,
.jqplot-y8axis-tick,
.jqplot-y9axis-tick {
  left: 0px;
  /* initial position untill tick is drawn in proper place */
  top: 15px;
  /*    padding-left: 10px;*/
  /*    padding-right: 15px;*/
  text-align: left;
}
.jqplot-yMidAxis-tick {
  text-align: center;
  white-space: nowrap;
}
.jqplot-xaxis-label {
  margin-top: 10px;
  font-size: 11pt;
  position: absolute;
}
.jqplot-x2axis-label {
  margin-bottom: 10px;
  font-size: 11pt;
  position: absolute;
}
.jqplot-yaxis-label {
  margin-right: 10px;
  /*    text-align: center;*/
  font-size: 11pt;
  position: absolute;
}
.jqplot-yMidAxis-label {
  font-size: 11pt;
  position: absolute;
}
.jqplot-y2axis-label,
.jqplot-y3axis-label,
.jqplot-y4axis-label,
.jqplot-y5axis-label,
.jqplot-y6axis-label,
.jqplot-y7axis-label,
.jqplot-y8axis-label,
.jqplot-y9axis-label {
  /*    text-align: center;*/
  font-size: 11pt;
  margin-left: 10px;
  position: absolute;
}
.jqplot-meterGauge-tick {
  font-size: 0.75em;
  color: #999999;
}
.jqplot-meterGauge-label {
  font-size: 1em;
  color: #999999;
}
table.jqplot-table-legend {
  margin-top: 12px;
  margin-bottom: 12px;
  margin-left: 12px;
  margin-right: 12px;
}
table.jqplot-table-legend,
table.jqplot-cursor-legend {
  background-color: rgba(204, 204, 204, 0.85);
  border: 1px solid #cccccc;
  position: absolute;
  font-size: 0.75em;
}
td.jqplot-table-legend {
  vertical-align: middle;
}
/*
These rules could be used instead of assigning
element styles and relying on js object properties.
*/
/*
td.jqplot-table-legend-swatch {
    padding-top: 0.5em;
    text-align: center;
}

tr.jqplot-table-legend:first td.jqplot-table-legend-swatch {
    padding-top: 0px;
}
*/
td.jqplot-seriesToggle:hover,
td.jqplot-seriesToggle:active {
  cursor: pointer;
}
.jqplot-table-legend .jqplot-series-hidden {
  text-decoration: line-through;
}
div.jqplot-table-legend-swatch-outline {
  border: 1px solid #cccccc;
  padding: 1px;
}
div.jqplot-table-legend-swatch {
  width: 0px;
  height: 0px;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 6px;
  border-right-width: 6px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
}
.jqplot-title {
  top: 0px;
  left: 0px;
  padding-bottom: 0.5em;
  font-size: 2.2em;
}
table.jqplot-cursor-tooltip {
  border: 1px solid #cccccc;
  font-size: 0.75em;
}
.jqplot-cursor-tooltip {
  border: 1px solid #cccccc;
  font-size: 0.75em;
  white-space: nowrap;
  background: rgba(179, 190, 201, 0.6);
  padding: 1px;
}
.jqplot-highlighter-tooltip,
.jqplot-canvasOverlay-tooltip {
  border: 1px solid #cccccc;
  font-size: 0.75em;
  white-space: nowrap;
  background: rgba(179, 190, 201, 0.6);
  padding: 1px;
}
.jqplot-point-label {
  font-size: 1em;
  font-weight: bold;
  z-index: 2;
}
td.jqplot-cursor-legend-swatch {
  vertical-align: middle;
  text-align: center;
}
div.jqplot-cursor-legend-swatch {
  width: 1.2em;
  height: 0.7em;
}
.jqplot-error {
  /*   Styles added to the plot target container when there is an error go here.*/
  text-align: center;
}
.jqplot-error-message {
  /*    Styling of the custom error message div goes here.*/
  position: relative;
  top: 46%;
  display: inline-block;
}
div.jqplot-bubble-label {
  font-size: 0.8em;
  padding-left: 2px;
  padding-right: 2px;
  color: #333333;
}
div.jqplot-bubble-label.jqplot-bubble-label-highlight {
  background: rgba(204, 204, 204, 0.85);
}
div.jqplot-noData-container {
  text-align: center;
  background-color: #f4f4f4;
}
.chart-wrapper {
  overflow: hidden;
}
.jqplot-target {
  background-color: #eeeeee;
}
.chart-body {
  padding: 25px;
  background-color: #eeeeee;
}
.chart-header {
  background-color: #999999;
  padding: 10px;
  color: #ffffff;
}
.pie-chart-wrapper .jqplot-table-legend {
  border: 0 none;
}
.pie-chart-wrapper .jqplot-table-legend .jqplot-table-legend-swatch-outline {
  border: 0 none;
}
.pie-chart-wrapper .jqplot-data-label {
  font-weight: bold;
  color: #ffffff;
  text-shadow: 1px 1px 2px #000000;
}
.chart-footer {
  background-color: #999999;
  color: #ffffff;
  padding: 4px;
  text-align: center;
}
.jqplot-highlighter-tooltip .tooltip-header {
  font-weight: bold;
}
.jqplot-highlighter-tooltip hr {
  margin: 0;
  border-color: #666666;
}
.colorpicker-visible,
.colorpicker-visible .dropdown-menu {
  display: block !important;
}
colorpicker-saturation {
  display: block;
  width: 100px;
  height: 100px;
  background-image: url('../img/saturation.png');
  cursor: crosshair;
  float: left;
}
colorpicker-saturation i {
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #000000;
  border-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  margin: -4px 0 0 -4px;
}
colorpicker-saturation i::after {
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
colorpicker-hue,
colorpicker-alpha {
  width: 15px;
  height: 100px;
  float: left;
  cursor: row-resize;
  margin-left: 4px;
  margin-bottom: 4px;
}
colorpicker-hue i,
colorpicker-alpha i {
  display: block;
  height: 2px;
  background: #000000;
  border-top: 1px solid #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-top: -1px;
}
colorpicker-hue {
  background-image: url('../img/hue.png');
}
colorpicker-alpha {
  display: none;
}
colorpicker-alpha,
.colorpicker-color {
  background-image: url('../img/alpha.png');
}
.colorpicker {
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
}
.colorpicker colorpicker-hue,
.colorpicker colorpicker-alpha,
.colorpicker colorpicker-saturation {
  position: relative;
}
.colorpicker input {
  width: 100px;
  font-size: 11px;
  color: #000000;
  background-color: #ffffff;
}
.colorpicker.alpha {
  min-width: 140px;
}
.colorpicker.alpha colorpicker-alpha {
  display: block;
}
.colorpicker.dropdown {
  position: absolute;
}
.colorpicker.colorpicker-fixed-position {
  position: fixed;
}
.colorpicker .dropdown-menu::after,
.colorpicker .dropdown-menu::before {
  content: '';
  display: inline-block;
  position: absolute;
}
.colorpicker .dropdown-menu::after {
  clear: both;
  border: 6px solid transparent;
  top: -5px;
  left: 7px;
}
.colorpicker .dropdown-menu::before {
  border: 7px solid transparent;
  top: -6px;
  left: 6px;
}
.colorpicker .dropdown-menu {
  position: static;
  top: 0;
  left: 0;
  min-width: 129px;
  padding: 4px;
  margin-top: 0;
}
.colorpicker-position-top .dropdown-menu::after {
  border-top: 6px solid #ffffff;
  border-bottom: 0;
  top: auto;
  bottom: -5px;
}
.colorpicker-position-top .dropdown-menu::before {
  border-top: 7px solid rgba(0, 0, 0, 0.25);
  border-bottom: 0;
  top: auto;
  bottom: -6px;
}
.colorpicker-position-right .dropdown-menu::after {
  border-right: 6px solid #ffffff;
  border-left: 0;
  top: 11px;
  left: -5px;
}
.colorpicker-position-right .dropdown-menu::before {
  border-right: 7px solid rgba(0, 0, 0, 0.25);
  border-left: 0;
  top: 10px;
  left: -6px;
}
.colorpicker-position-bottom .dropdown-menu::after {
  border-bottom: 6px solid #ffffff;
  border-top: 0;
}
.colorpicker-position-bottom .dropdown-menu::before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.25);
  border-top: 0;
}
.colorpicker-position-left .dropdown-menu::after {
  border-left: 6px solid #ffffff;
  border-right: 0;
  top: 11px;
  left: auto;
  right: -5px;
}
.colorpicker-position-left .dropdown-menu::before {
  border-left: 7px solid rgba(0, 0, 0, 0.25);
  border-right: 0;
  top: 10px;
  left: auto;
  right: -6px;
}
colorpicker-preview {
  display: block;
  height: 10px;
  margin: 5px 0 3px 0;
  clear: both;
  background-position: 0 100%;
}
.colorpicker-directive input {
  display: inline-block;
  width: auto !important;
  float: left;
  cursor: pointer;
}
.colorpicker-directive input + .color-preview {
  margin-left: -34px;
  pointer-events: none;
}
.color-preview {
  width: 34px;
  height: 34px;
  border: 1px solid black;
  display: inline-block;
}
.uv-icon.uv-top-right {
  top: 0px !important;
  right: 10em !important;
}
.menu-mode-admin .uv-icon.uv-top-right {
  top: 25px !important;
}
.angular-wizard .steps-indicator {
  /* ---- steps quantity ---- */
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  padding: 3vmin 0 0 0;
  list-style: none;
  /* --- http://www.paulirish.com/2012/box-sizing-border-box-ftw/ ---- */
}
.angular-wizard .steps-indicator:before {
  background-color: #E6E6E6;
  content: '';
  position: absolute;
  height: 1px;
}
.angular-wizard .steps-indicator.steps-2:before {
  left: calc(100% / 2 / 2);
  right: calc(100% / 2 / 2);
}
.angular-wizard .steps-indicator.steps-3:before {
  left: calc(100% / 3 / 2);
  right: calc(100% / 3 / 2);
}
.angular-wizard .steps-indicator.steps-4:before {
  left: calc(100% / 4 / 2);
  right: calc(100% / 4 / 2);
}
.angular-wizard .steps-indicator.steps-5:before {
  left: calc(100% / 5 / 2);
  right: calc(100% / 5 / 2);
}
.angular-wizard .steps-indicator.steps-6:before {
  left: calc(100% / 6 / 2);
  right: calc(100% / 6 / 2);
}
.angular-wizard .steps-indicator.steps-7:before {
  left: calc(100% / 7 / 2);
  right: calc(100% / 7 / 2);
}
.angular-wizard .steps-indicator.steps-8:before {
  left: calc(100% / 8 / 2);
  right: calc(100% / 8 / 2);
}
.angular-wizard .steps-indicator.steps-9:before {
  left: calc(100% / 9 / 2);
  right: calc(100% / 9 / 2);
}
.angular-wizard .steps-indicator.steps-10:before {
  left: calc(100% / 10 / 2);
  right: calc(100% / 10 / 2);
}
.angular-wizard .steps-indicator * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.angular-wizard .steps-indicator li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  text-align: center;
  line-height: 15px;
}
.angular-wizard .steps-indicator li a {
  color: #808080;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  transition: 0.25s;
  cursor: pointer;
}
.angular-wizard .steps-indicator li a:before {
  position: absolute;
  top: -7px;
  left: calc(50% - 7px);
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #E6E6E6;
  content: '';
  transition: 0.25s;
}
.angular-wizard .steps-indicator li a:hover {
  color: #4d4d4d;
}
.angular-wizard .steps-indicator.steps-2 li {
  width: calc(100% / 2);
}
.angular-wizard .steps-indicator.steps-3 li {
  width: calc(100% / 3);
}
.angular-wizard .steps-indicator.steps-4 li {
  width: calc(100% / 4);
}
.angular-wizard .steps-indicator.steps-5 li {
  width: calc(100% / 5);
}
.angular-wizard .steps-indicator.steps-6 li {
  width: calc(100% / 6);
}
.angular-wizard .steps-indicator.steps-7 li {
  width: calc(100% / 7);
}
.angular-wizard .steps-indicator.steps-8 li {
  width: calc(100% / 8);
}
.angular-wizard .steps-indicator.steps-9 li {
  width: calc(100% / 9);
}
.angular-wizard .steps-indicator.steps-10 li {
  width: calc(100% / 10);
}
.angular-wizard .steps-indicator.steps-11 li {
  width: calc(100% / 11);
}
.angular-wizard .steps-indicator li.default {
  pointer-events: none;
}
.angular-wizard .steps-indicator li.default a:hover {
  color: #808080;
}
.angular-wizard .steps-indicator li.current,
.angular-wizard .steps-indicator li.editing {
  pointer-events: none;
}
.angular-wizard .steps-indicator li.current a:before {
  background-color: #808080;
}
.angular-wizard .steps-indicator li.done a:before {
  background-color: #339933;
}
.angular-wizard .steps-indicator li.editing a:before {
  background-color: #FF0000;
}
.angular-wizard section div.padding-all-2 {
  padding-top: 1vmin;
}
.angular-wizard .step-header {
  background-color: #f4f4f4;
  padding: 10px;
}
.angular-wizard .step-header .step-description {
  padding-top: 8px;
}
.angular-wizard .step-header:before,
.angular-wizard .step-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-header:after {
  clear: both;
}
.angular-wizard .step-header:before,
.angular-wizard .step-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-header:after {
  clear: both;
}
.angular-wizard .step-header:before,
.angular-wizard .step-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-header:after {
  clear: both;
}
.angular-wizard .step-header:before,
.angular-wizard .step-header:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-header:after {
  clear: both;
}
.angular-wizard .step-body {
  padding: 25px;
  width: 850px;
  margin: 0 auto;
  max-width: 100%;
}
.angular-wizard .step-body:before,
.angular-wizard .step-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-body:after {
  clear: both;
}
.angular-wizard .step-body:before,
.angular-wizard .step-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-body:after {
  clear: both;
}
.angular-wizard .step-body:before,
.angular-wizard .step-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-body:after {
  clear: both;
}
.angular-wizard .step-body:before,
.angular-wizard .step-body:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-body:after {
  clear: both;
}
.angular-wizard .step-footer {
  background-color: #f4f4f4;
  padding: 10px;
  text-align: right;
}
.angular-wizard .step-footer:before,
.angular-wizard .step-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-footer:after {
  clear: both;
}
.angular-wizard .step-footer:before,
.angular-wizard .step-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-footer:after {
  clear: both;
}
.angular-wizard .step-footer:before,
.angular-wizard .step-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-footer:after {
  clear: both;
}
.angular-wizard .step-footer:before,
.angular-wizard .step-footer:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.angular-wizard .step-footer:after {
  clear: both;
}
.angular-wizard .step-footer .step-btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: background 0.1s linear;
  -moz-transition: background 0.1s linear;
  -ms-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  transition: background 0.1s linear;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.angular-wizard .step-footer .step-btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.angular-wizard .step-footer .step-btn:hover,
.angular-wizard .step-footer .step-btn:focus {
  color: #333;
  text-decoration: none;
}
.angular-wizard .step-footer .step-btn:active,
.angular-wizard .step-footer .step-btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) 0 1px #000;
}
.angular-wizard .step-footer .step-btn.disabled,
.angular-wizard .step-footer .step-btn[disabled],
fieldset[disabled] .angular-wizard .step-footer .step-btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  opacity: 0.65 !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none 0 1px #000;
  -moz-box-shadow: none 0 1px #000;
  -webkit-box-shadow: none 0 1px #000;
}
.angular-wizard .step-footer .step-btn .badge {
  background-color: #b94a48;
  border: 1px solid #f56767;
  border-top-color: #e48162;
  padding: 2px 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.angular-wizard .step-footer .step-btn .por-icon {
  font-size: 16px;
}
.angular-wizard .step-footer .step-btn:hover,
.angular-wizard .step-footer .step-btn:focus,
.angular-wizard .step-footer .step-btn:active,
.angular-wizard .step-footer .step-btn.active,
.open .dropdown-toggle.angular-wizard .step-footer .step-btn {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.angular-wizard .step-footer .step-btn:active,
.angular-wizard .step-footer .step-btn.active,
.open .dropdown-toggle.angular-wizard .step-footer .step-btn {
  background-image: none;
}
.angular-wizard .step-footer .step-btn.disabled,
.angular-wizard .step-footer .step-btn[disabled],
fieldset[disabled] .angular-wizard .step-footer .step-btn,
.angular-wizard .step-footer .step-btn.disabled:hover,
.angular-wizard .step-footer .step-btn[disabled]:hover,
fieldset[disabled] .angular-wizard .step-footer .step-btn:hover,
.angular-wizard .step-footer .step-btn.disabled:focus,
.angular-wizard .step-footer .step-btn[disabled]:focus,
fieldset[disabled] .angular-wizard .step-footer .step-btn:focus,
.angular-wizard .step-footer .step-btn.disabled:active,
.angular-wizard .step-footer .step-btn[disabled]:active,
fieldset[disabled] .angular-wizard .step-footer .step-btn:active,
.angular-wizard .step-footer .step-btn.disabled.active,
.angular-wizard .step-footer .step-btn[disabled].active,
fieldset[disabled] .angular-wizard .step-footer .step-btn.active {
  background-color: #fff;
  border-color: #ccc;
}
.angular-wizard .steps {
  padding-top: 5em;
}
.angular-wizard .steps-indicator {
  top: 0;
  position: absolute;
}
.angular-wizard .steps-indicator li.current a:before {
  background-color: #3276b1;
}
@media (max-width: 767px) {
  .angular-wizard .steps-indicator li a {
    visibility: hidden;
  }
  .angular-wizard .steps-indicator li a:before {
    visibility: visible;
  }
  .angular-wizard .steps-indicator li:first-child a,
  .angular-wizard .steps-indicator li:last-child a {
    visibility: visible;
  }
}
[view-setup] .angular-wizard .steps-indicator {
  height: 30px;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/fonts/glyphicons-halflings-regular.eot');
  src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
/*! jQuery UI - v1.11.0 - 2014-08-04
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, autocomplete.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ui-front {
  z-index: 1040;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px 0.4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
/* Component containers
----------------------------------*/
.ui-autocomplete.ui-widget {
  font-family: 'Helvetica', Verdana, sans-serif;
  font-size: 1.1em;
}
.ui-autocomplete.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-autocomplete.ui-widget input,
.ui-autocomplete.ui-widget select,
.ui-autocomplete.ui-widget textarea,
.ui-autocomplete.ui-widget button {
  font-family: 'Helvetica', Verdana, sans-serif;
  font-size: 1em;
}
.ui-autocomplete.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url("../img/jquery-ui/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333333;
}
.ui-autocomplete.ui-widget-content a {
  color: #333333;
}
.ui-autocomplete.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("../img/jquery-ui/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}
.ui-autocomplete.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-autocomplete .ui-state-default,
.ui-autocomplete.ui-widget-content .ui-state-default,
.ui-autocomplete.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("../img/jquery-ui/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}
.ui-autocomplete .ui-state-default a,
.ui-autocomplete .ui-state-default a:link,
.ui-autocomplete .ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-autocomplete .ui-state-hover,
.ui-autocomplete.ui-widget-content .ui-state-hover,
.ui-autocomplete.ui-widget-header .ui-state-hover,
.ui-autocomplete .ui-state-focus,
.ui-autocomplete.ui-widget-content .ui-state-focus,
.ui-autocomplete.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("../img/jquery-ui/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}
.ui-autocomplete .ui-state-hover a,
.ui-autocomplete .ui-state-hover a:hover,
.ui-autocomplete .ui-state-hover a:link,
.ui-autocomplete .ui-state-hover a:visited,
.ui-autocomplete .ui-state-focus a,
.ui-autocomplete .ui-state-focus a:hover,
.ui-autocomplete .ui-state-focus a:link,
.ui-autocomplete .ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-autocomplete .ui-state-active,
.ui-autocomplete.ui-widget-content .ui-state-active,
.ui-autocomplete.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url("../img/jquery-ui/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}
.ui-autocomplete .ui-state-active a,
.ui-autocomplete .ui-state-active a:link,
.ui-autocomplete .ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-autocomplete .ui-state-highlight,
.ui-autocomplete.ui-widget-content .ui-state-highlight,
.ui-autocomplete.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("../img/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}
.ui-autocomplete .ui-state-highlight a,
.ui-autocomplete.ui-widget-content .ui-state-highlight a,
.ui-autocomplete.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-autocomplete .ui-state-error,
.ui-autocomplete.ui-widget-content .ui-state-error,
.ui-autocomplete.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("../img/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff;
}
.ui-autocomplete .ui-state-error a,
.ui-autocomplete.ui-widget-content .ui-state-error a,
.ui-autocomplete.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-autocomplete .ui-state-error-text,
.ui-autocomplete.ui-widget-content .ui-state-error-text,
.ui-autocomplete.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-autocomplete .ui-priority-primary,
.ui-autocomplete.ui-widget-content .ui-priority-primary,
.ui-autocomplete.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-autocomplete .ui-priority-secondary,
.ui-autocomplete.ui-widget-content .ui-priority-secondary,
.ui-autocomplete.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  font-weight: normal;
}
.ui-autocomplete .ui-state-disabled,
.ui-autocomplete.ui-widget-content .ui-state-disabled,
.ui-autocomplete.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  background-image: none;
}
.ui-autocomplete .ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-autocomplete .ui-icon {
  width: 16px;
  height: 16px;
}
.ui-autocomplete .ui-icon,
.ui-autocomplete.ui-widget-content .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_222222_256x240.png");
}
.ui-autocomplete.ui-widget-header .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ffffff_256x240.png");
}
.ui-autocomplete .ui-state-default .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-autocomplete .ui-state-hover .ui-icon,
.ui-autocomplete .ui-state-focus .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-autocomplete .ui-state-active .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ef8c08_256x240.png");
}
.ui-autocomplete .ui-state-highlight .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_228ef1_256x240.png");
}
.ui-autocomplete .ui-state-error .ui-icon,
.ui-autocomplete .ui-state-error-text .ui-icon {
  background-image: url("../img/jquery-ui/ui-icons_ffd27a_256x240.png");
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #666666 url("../img/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("../img/jquery-ui/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.2;
  filter: alpha(opacity=20);
  border-radius: 5px;
}
/* Scrollable Results */
.ui-autocomplete {
  max-height: 100px;
  overflow-y: auto;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 100px;
}
hr.sign-up-divider,
hr.sign-up-dashboard-divider {
  color: darkgrey;
  position: relative;
}
hr.sign-up-divider:after {
  content: "OR";
  position: absolute;
  background: white;
  top: -1em;
  left: 50%;
  margin-left: -1em;
  padding: 5px;
}
div.sign-up-dashboard-divider {
  font-size: 18pt;
  color: green;
  background: white;
  text-align: center;
  margin-left: -1em;
  padding: 5px;
}
.panel-heading .sign-up {
  max-width: 550px;
  margin: 0 auto;
}
.panel-heading .sign-up h2 {
  text-align: center;
  font-size: 18pt;
  color: green;
}
.form-grouping-container {
  background: #f4f4f4 !important;
  border: 1px solid #bfbfbf;
  position: relative;
  padding: 12px;
  margin: 12px 0;
}
.form-grouping-container:first-of-type {
  margin-top: 0;
}
.form-grouping-container:last-of-type {
  margin: 0;
}
.form-grouping-container .form-grouping-header {
  border: 1px solid #bfbfbf;
  clear: both;
  color: #333333;
  /* float: left; */
  font-size: 12px;
  padding: 8px;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  width: 100%;
  background: #f4f4f4;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -o-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: -ms-linear-gradient(top, #f4f4f4 0%, #efefef 100%);
  background: linear-gradient(to bottom, #f4f4f4 0%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#efefef', GradientType=0);
}
.form-grouping-container .form-grouping-header a {
  text-transform: capitalize;
}
.form-grouping-container .input-holder {
  clear: both;
}
.form-grouping-container .input-holder:before,
.form-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-grouping-container .input-holder:after {
  clear: both;
}
.form-grouping-container .input-holder:before,
.form-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-grouping-container .input-holder:after {
  clear: both;
}
.form-grouping-container .input-holder:before,
.form-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-grouping-container .input-holder:after {
  clear: both;
}
.form-grouping-container .input-holder:before,
.form-grouping-container .input-holder:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.form-grouping-container .input-holder:after {
  clear: both;
}
.symbol-after .form-input-container:after {
  position: absolute;
  top: 9px;
  right: 9px;
  color: #333333;
}
.symbol-after.with-icon .form-input-container:after {
  position: absolute;
  top: 9px;
  right: 30px;
  color: #333333;
}
.symbol-after.percent-symbol .form-input-container:after {
  content: "\0025";
}
.symbol-before .form-input-container:before {
  position: absolute;
  top: 10px;
  left: 9px;
  color: #333333;
}
.form-error-container .has-error {
  margin: 2px;
  padding: 0;
  position: relative;
}
.defaultLabel {
  margin-bottom: 8px;
}
.defaultLabel .control-label {
  clear: both;
  display: block;
  float: left;
}
.defaultLabel .form-error-container {
  float: left;
}
.defaultLabel .form-error-container ul {
  margin: 0;
  padding: 0;
}
.defaultLabel .form-error-container ul li.has-error {
  display: inline;
  list-style: inside none;
}
.defaultLabel .form-input-container {
  clear: both;
  position: relative;
}
.defaultLabel .form-input-container input,
.defaultLabel .form-input-container textarea,
.defaultLabel .form-input-container select {
  border-color: #bfbfbf;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.defaultLabel .form-input-container input:focus,
.defaultLabel .form-input-container textarea:focus,
.defaultLabel .form-input-container select:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
}
.defaultLabel .form-input-container .datepicker-trigger {
  position: absolute;
  right: 6px;
  top: 8px;
}
.inputGroup {
  margin-bottom: 8px;
}
.inputGroup:before,
.inputGroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.inputGroup:after {
  clear: both;
}
.inputGroup:before,
.inputGroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.inputGroup:after {
  clear: both;
}
.inputGroup:before,
.inputGroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.inputGroup:after {
  clear: both;
}
.inputGroup:before,
.inputGroup:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.inputGroup:after {
  clear: both;
}
.inputGroup .control-label {
  clear: both;
  display: block;
  float: left;
}
.inputGroup .form-error-container {
  clear: both;
  float: left;
}
.inputGroup .form-error-container ul {
  margin: 0;
  padding: 0;
  margin-top: 2px;
}
.inputGroup .form-error-container ul li.has-error {
  display: inline;
  list-style: inside none;
}
.inputGroup .form-input-container {
  clear: both;
  position: relative;
}
.inputGroup .form-input-container input,
.inputGroup .form-input-container .datepicker-input {
  border: 1px solid #bfbfbf;
  height: 34px;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 8px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.inputGroup .form-input-container .datepicker-trigger {
  position: absolute;
}
.checkbox-wrapper.labelSecondLabel {
  margin-bottom: 5px;
}
.checkbox-wrapper.labelSecondLabel .labeled-second {
  border: 1px solid #bfbfbf;
  margin-top: 5px;
  margin-bottom: 5px;
  position: relative;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.readOnly input.datepicker-input,
.readOnly input.time-input {
  cursor: not-allowed;
  background: url('../img/bg-hover.png') #e6e6e6 !important;
}
.custom-file-select {
  height: auto;
}
.image-preview {
  display: block;
}
.required-icon + .required-text {
  display: none;
}
.required-icon:hover + .required-text {
  display: block;
}
.required-text {
  position: absolute;
  top: -5px;
  left: 0;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  min-width: 150px;
  z-index: 1010;
}
.required-text.right {
  margin-left: 10px;
}
.required-text.right .arrow {
  bottom: -10px;
  left: 10px;
  margin-top: 0;
  border-top-color: rgba(0, 0, 0, 0.2);
  border-bottom-width: 0;
  content: " ";
}
.required-text .arrow {
  border-width: 11px;
}
.required-text .arrow,
.required-text .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.required-text.right .arrow:after {
  top: -11px;
  left: -10px;
  border-top-color: #ffffff;
  border-bottom-width: 0;
  content: " ";
}
.required-text .arrow:after {
  border-width: 10px;
  content: "";
}
.required-text .arrow,
.required-text .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.list-of-errors {
  display: block;
}
.list-of-errors ul {
  margin: 0;
  padding: 0;
}
.list-of-errors ul li {
  color: #333333;
  list-style: inside none;
}
.may-contain-error-box.has-error + .error-box .arrow {
  border-left-color: transparent;
}
.may-contain-error-box.has-error + .error-box .arrow:after {
  border-right-color: #b94a48;
}
.may-contain-error-box.has-error + .muted {
  background: #b94a48;
  color: #ffffff;
}
.calling-code {
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  width: 80px;
}
.phone-number-field {
  float: left;
  min-height: 1px;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: calc(100% - 80px);
}
.labelNoLabel .labeled-none label {
  display: none;
}
.scrOnlyLabel {
  position: relative;
}
.scrOnlyLabel .form-error-container {
  z-index: 1;
  position: absolute;
  top: 6px;
  right: -1px;
}
.scrOnlyLabel .form-error-container ul {
  margin: 0;
  padding: 0;
}
.scrOnlyLabel .form-error-container li {
  list-style: none;
}
.scrOnlyLabel.with-icon .form-error-container {
  right: 16px;
}
.scrOnlyLabel .form-input-container {
  clear: both;
  position: relative;
}
.internal-notes {
  padding-top: 5px;
}
.spec-details {
  padding: 8px;
  white-space: pre-wrap;
}
.new-taxrate-fields .form-error-container {
  top: 1px;
}
.new-taxrate-fields .symbol-after.with-icon .form-input-container:after {
  top: 5px;
  right: 8px;
}
.select2-container-active.form-control {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 0 1px #000;
}
.has-error .select2-container-active.form-control {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 0 1px #000;
}
.sandbox-information li {
  width: 100%;
}
ul.user-status-message {
  margin: 0;
}
ul.user-status-message li {
  display: inline;
}
.user-status {
  border-radius: 0;
  z-index: 1;
  width: 100%;
}
.user-status ul {
  padding: 0;
  margin: 0;
}
.user-status ul li {
  background: #cb3131;
  color: #ffffff;
  padding: 4px 10px;
  list-style: inside none;
}
.user-status ul li .cancel-edit {
  background: transparent;
  border-radius: 0;
  border: none;
  border-left: 1px solid #b6700e;
  color: #7e4e0a;
  margin-left: 10px;
  padding: 5px;
  outline: none;
}
.user-status ul li .cancel-edit:hover .glyphicon {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.5 !important;
  filter: alpha(opacity=50) !important;
}
.menu-mode-counter .user-status ul li {
  background: #f0ad4e;
}
.ta-editor img {
  max-width: 100%;
  height: auto;
}
.multi-picker a span.por-icon-clear {
  font-size: 18pt;
  margin: 5px;
}
.multi-picker .fullLineLabel {
  display: inline-flex;
  margin-bottom: 0;
}
.multi-picker .fullLineLabel .control-label {
  margin: auto 5px auto 5px;
}
.multi-picker .fullLineLabel .form-input-container {
  width: 20em;
}
.user-status {
  display: none;
}
.show-user-status .user-status {
  display: block;
}
.main-content {
  margin-top: 65px;
  margin-bottom: 32px;
}
.show-user-status .main-content {
  margin-top: 88px;
}
.show-user-status.multi-pick .main-content {
  margin-top: 109px;
}
.show-user-status.multi-pick .main-content .dgrid {
  overflow: initial;
}
.show-user-status.multi-pick .main-content .dgrid .dgrid-header-row {
  position: sticky;
  top: 102px;
  z-index: 1;
}
@media (max-width: 1400px) {
  .main-content {
    margin-top: 105px !important;
  }
  .main-content .dgrid {
    overflow: initial;
  }
  .main-content .dgrid .dgrid-header-row {
    position: sticky;
    top: 100px;
    z-index: 1;
  }
  .show-user-status.multi-pick .main-content {
    margin-top: 109px;
  }
  .show-user-status.multi-pick .main-content .dgrid {
    overflow: initial;
  }
  .show-user-status.multi-pick .main-content .dgrid .dgrid-header-row {
    position: sticky;
    top: 143px;
    z-index: 1;
  }
  .show-user-status .main-content {
    margin-top: 129px !important;
  }
}
@media only screen and (min-width: 560px) and (max-width: 1199px) {
  .show-user-status .main-content {
    margin-top: 88px !important;
  }
}
@media (max-width: 569px) {
  .show-user-status .main-content {
    margin-top: 129px !important;
  }
}
@media (max-width: 397px) {
  .show-user-status .user-status-message .impersonate-toggle {
    float: none !important;
  }
  .show-user-status .main-content {
    margin-top: 148px !important;
  }
}
@media (max-width: 1400px) {
  .show-user-status.multi-pick .main-content {
    margin-top: 150px !important;
  }
}
@media (max-width: 550px) {
  .menu-mode-counter .user-status ul li {
    padding: 5px;
  }
  .multi-picker {
    display: flex !important;
  }
  .fullLineLabel {
    display: flex;
    margin-bottom: 0;
    flex-wrap: wrap;
    width: 100%;
  }
  .fullLineLabel label {
    display: block;
    width: 100%;
  }
  .multi-picker-hide {
    order: 2;
    display: flex;
    align-items: center;
  }
  .show-user-status.multi-pick .main-content {
    margin-top: 175px !important;
  }
}
@media (max-width: 435px) {
  .show-user-status.multi-pick .main-content {
    margin-top: 185px !important;
  }
}
@media (min-width: 570px) and (max-width: 1199px) {
  .show-user-status .main-content .dgrid .dgrid-header-row {
    top: 83px;
  }
  .show-user-status.multi-pick .main-content {
    margin-top: 109px !important;
  }
  .show-user-status.multi-pick .main-content .dgrid .dgrid-header-row {
    top: 103px;
  }
  .main-content {
    margin-top: 65px !important;
  }
  .main-content .dgrid .dgrid-header-row {
    top: 61px;
  }
}
.multistore #menu-User {
  padding-top: 0px;
}
.multistore #menu-User .company-name {
  padding-left: 1.5em;
}
.rate-periods-table tbody tr > td,
.rate-periods-table thead tr > td,
.rate-periods-table tfoot tr > td,
.rate-periods-table tbody tr > th,
.rate-periods-table thead tr > th,
.rate-periods-table tfoot tr > th {
  vertical-align: middle;
}
.editable-list-button {
  display: none;
}
.inline-edit-readonly {
  padding-right: 30px !important;
}
.inline-edit-readonly > [ng-click] {
  cursor: default;
}
.td-editable {
  position: relative;
  color: #007FB3 !important;
  padding-right: 30px !important;
  background-clip: padding-box !important;
}
.td-editable:hover {
  cursor: pointer;
  color: #285e8e !important;
}
.td-editable:hover .editable-list-button {
  margin-left: 8px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  color: #ffffff;
  font-size: 8px;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid #007FB3;
  border-left: 15px solid transparent;
  border-right: 15px solid #007FB3;
  border-bottom: 15px solid transparent;
  background: none;
  padding: 0;
  text-shadow: none;
  box-shadow: none;
}
.td-editable:hover .editable-list-button.lockers {
  background-image: url('../img/icons/locker.svg');
}
.td-editable:hover .editable-list-button:before,
.td-editable:hover .editable-list-button:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1em;
  display: inline-block;
  letter-spacing: 5px;
  vertical-align: baseline;
}
.btn .td-editable:hover .editable-list-button {
  margin-left: 0px;
}
.td-editable:hover .editable-list-button:before {
  content: "\f044";
}
.td-editable:hover .editable-list-button:before {
  content: "\f040";
}
.td-editable:hover .editable-list-button:before {
  position: absolute;
  top: -10px;
  right: -15px;
}
.inline-edit-mode {
  position: relative;
}
.inline-edit-mode .inline-edit-input-wrapper {
  margin-right: 25px;
  position: relative;
}
.inline-edit-mode .inline-edit-input-wrapper .calculator-input {
  padding-left: 35px;
}
.inline-edit-mode .inline-edit-actions {
  position: absolute;
  top: 4px;
  right: 4px;
}
div[view-transaction] .legend-overbooked ul li {
  display: inline-block;
  list-style: inside none;
  margin-left: 20px;
}
div[view-transaction] .legend-overbooked ul li:first-child {
  margin-left: 0;
}
div[view-transaction] .legend-overbooked ul li .legend-color-square {
  display: inline-block;
  height: 12px;
  width: 12px;
  vertical-align: middle;
  margin-left: 5px;
}
div[view-transaction] .legend-overbooked ul li .past-transactions-color {
  background: url('../img/bg-trans.png') #007FB3;
}
div[view-transaction] .legend-overbooked ul li .overdue-transactions-color {
  background: url('../img/bg-trans.png') #cb3131;
}
div[view-transaction] .legend-overbooked ul li .quote-transactions-color {
  background: url('../img/bg-trans.png') #007FB3;
}
div[view-transaction] .legend-overbooked ul li .current-transactions-color {
  background: url('../img/bg-trans.png') #007FB3;
}
div[view-transaction] .legend-overbooked ul li .future-transactions-color {
  background: url('../img/bg-trans.png') #007FB3;
}
.show-user-status .dgrid {
  overflow: initial;
}
.show-user-status .dgrid .dgrid-header-row {
  top: 84px;
}
@media only screen and (min-width: 1184px) and (max-width: 1400px) {
  .show-user-status .dgrid .dgrid-header-row {
    top: 124px;
  }
}
.dgrid {
  overflow: initial;
}
.dgrid .dgrid-header-row {
  position: sticky;
  top: 61px;
  z-index: 1;
}
.rate-scale-grid-container .dgrid-column-CurrentInUse,
.rate-scale-grid-container .dgrid-column-Associated {
  width: 100px;
  font-weight: bold;
}
.rate-scale-grid-container a {
  color: inherit;
  text-decoration: underline;
}
.rate-scale-grid-container a:hover {
  text-decoration: none;
}
.rate-period-highlight.item-rate-scale th {
  color: #333333;
  background-color: #cfe9ff;
}
.switch-input,
.checkbox .switch-input {
  display: inline-block;
  padding: 5px 10px;
}
.switch-input .the-labels,
.checkbox .switch-input .the-labels {
  display: inline-block;
}
.switch-input .the-labels ul,
.checkbox .switch-input .the-labels ul {
  margin: 0;
  padding: 0;
}
.switch-input .the-labels ul li,
.checkbox .switch-input .the-labels ul li {
  display: block !important;
}
.switch-input .the-switches,
.checkbox .switch-input .the-switches {
  display: inline-block;
  width: 25px;
}
.switch-input .the-switches .btn-toggle,
.checkbox .switch-input .the-switches .btn-toggle {
  background: #eeeeee url('../img/bg-trans.png');
  border: 1px solid #cccccc;
  height: 25px;
  clear: both;
  width: 14px;
  border-radius: 45px;
  padding: 0;
}
.switch-input .the-switches .btn-toggle .select-switch,
.checkbox .switch-input .the-switches .btn-toggle .select-switch {
  display: block;
  border-radius: 45px;
  height: 12px;
  padding: 0;
}
div.checkbox span input[type=checkbox] + label.switch-input {
  padding-left: 10px;
}
.checkbox-switch {
  display: none;
}
.checkbox-switch + .switch-input:before {
  display: none !important;
}
.checkbox-switch + .switch-input .select-label-off {
  opacity: 1;
}
.checkbox-switch + .switch-input .select-switch-off {
  visibility: visible;
  background-color: #143c58;
}
.checkbox-switch + .switch-input .select-label-on {
  opacity: 0.5;
}
.checkbox-switch + .switch-input .select-switch-on {
  visibility: hidden;
}
.checkbox-switch:checked + .switch-input .select-label-on {
  opacity: 1;
}
.checkbox-switch:checked + .switch-input .select-switch-on {
  visibility: visible;
  background-color: #143c58;
}
.checkbox-switch:checked + .switch-input .select-label-off {
  opacity: 0.5;
}
.checkbox-switch:checked + .switch-input .select-switch-off {
  visibility: hidden;
}
.switch-wrapper .form-input-container + label {
  position: relative;
  top: 60%;
  transform: translateY(-60%);
  position: absolute;
}
.switch-row-wrapper > * {
  transform: translateY(15%);
}
.all-caps {
  text-transform: uppercase;
}
.vertical-text-right {
  transform: rotate(270deg);
  transform-origin: right bottom 0;
}
.tab-nav-link {
  background: #efefef;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.tab-nav-link:hover {
  background: #4db6c7;
  color: #ffffff;
}
.rate-scale-applicable-table {
  min-width: 750px;
}
.labeled-none .form-input-container {
  position: relative;
}
.labeled-none .form-input-container .datepicker-trigger {
  position: absolute;
  right: 3px;
  top: 10px;
}
.radio-wrapper {
  margin-bottom: 0;
}
.inline-block-nowrap {
  display: inline-block;
  white-space: nowrap;
}
.table-align-top td,
.table-align-top th {
  vertical-align: top;
}
.por-icon:only-child:before {
  letter-spacing: 0;
}
.text-center .control-label {
  float: none;
}
ul.porone-customer-photos-list {
  flex-wrap: wrap;
  overflow: auto;
  justify-content: flex-start;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
ul.porone-customer-photos-list li.porone-customer-photos {
  background: #ededed;
  place-self: stretch;
  display: flex;
  width: 150px;
}
ul.porone-customer-photos-list img.customer-edit-photos {
  object-fit: contain;
  max-height: 84px;
  width: 100%;
}
.customer-info-containers {
  margin-bottom: 8px !important;
}
.lightly-shaded {
  background-color: #e6e6e6 !important;
}
.link-no-style,
.link-no-style:hover,
.link-no-style:focus {
  color: inherit;
  text-decoration: none;
}
.dgrid-short-column {
  width: 10%;
}
.dgrid-medium-column {
  width: 15%;
}
.dgrid-long-column {
  width: 40%;
}
.grid-top .nav-pills > li + li {
  margin-left: 5px;
}
.grid-top .new-button-lg {
  margin-top: 1px;
}
.payment-notes {
  padding: 10px 0;
}
.payment-notes textarea {
  height: 50px;
}
.dgrid table .single-icon {
  width: 25px;
}
.por-icon-note:before {
  content: "\f022";
}
[view-transaction-payment-flyout] .field-Type {
  width: 70px;
}
[view-transaction-payment-flyout] .field-Amount {
  width: 125px;
}
input#submit-login[disabled] {
  background: #285e8e !important;
  color: #ffffff;
}
.por-icon-error:before {
  content: "\f06a";
}
.por-icon-red {
  color: #b94a48;
}
.form-group .por-icon.por-icon-required {
  display: none;
}
.form-group .por-icon.por-icon-error {
  display: none;
}
.form-group .por-icon-time {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  margin: 0;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.form-group .por-icon-time:hover {
  background-color: #ffffff;
}
.form-group .por-icon-time:hover:before {
  color: #999999;
}
.form-group .por-icon-time:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  content: "\f017";
  font-size: 1.5em;
  position: absolute;
  top: 6px;
  left: 6px;
}
.popup-popover ul {
  margin: 0;
  padding: 0;
}
.popup-popover ul li {
  list-style: inside none;
}
.popup-popover ul li .por-icon-info {
  color: #285e8e;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.popup-popover ul li .por-icon-info:before {
  content: "\f05a";
}
.input-holder,
.form-input-container {
  clear: both;
  position: relative;
}
.input-holder:before,
.form-input-container:before,
.input-holder:after,
.form-input-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-holder:after,
.form-input-container:after {
  clear: both;
}
.input-holder:before,
.form-input-container:before,
.input-holder:after,
.form-input-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-holder:after,
.form-input-container:after {
  clear: both;
}
.input-holder:before,
.form-input-container:before,
.input-holder:after,
.form-input-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-holder:after,
.form-input-container:after {
  clear: both;
}
.input-holder:before,
.form-input-container:before,
.input-holder:after,
.form-input-container:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}
.input-holder:after,
.form-input-container:after {
  clear: both;
}
.input-holder .c-currency,
.form-input-container .c-currency {
  position: absolute;
  padding: 10px;
}
.input-holder .c-currency.symbol-before,
.form-input-container .c-currency.symbol-before {
  left: 0;
  top: 0;
}
.input-holder .c-currency.symbol-before + .form-control,
.form-input-container .c-currency.symbol-before + .form-control {
  padding-left: 35px;
}
.input-holder .c-currency.symbol-after,
.form-input-container .c-currency.symbol-after {
  right: 0;
  top: 0;
}
.input-holder .c-currency.symbol-after + .form-control,
.form-input-container .c-currency.symbol-after + .form-control {
  padding-left: 42.5px;
  padding-right: 35px;
}
.has-error.symbol-after .error-feedback:after {
  right: 35px !important;
}
.has-error.symbol-after .error-feedback .form-control.ng-touched {
  padding-right: 60px !important;
}
.has-error .form-control {
  border-color: #cccccc;
}
.has-error .form-control:focus {
  outline: 0;
  border-color: #3276b1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.has-error .form-control ~ .error-flag-wrapper {
  display: none;
  pointer-events: none;
}
.has-error .form-control.ng-touched {
  border-color: #b94a48;
  display: block;
}
.has-error .form-control.ng-touched:focus {
  border-color: #b94a48;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6);
}
.has-error .form-control.ng-touched ~ .error-flag-wrapper {
  display: block;
}
.has-error .form-control.ng-touched ~ .error-flag-wrapper .por-icon-error {
  border-bottom: 35px solid transparent;
  border-right: 34px solid #b94a48;
  content: "";
  display: inline-block !important;
  height: 0;
  margin: 0;
  position: relative;
  width: 0;
}
.has-error .form-control.ng-touched ~ .error-flag-wrapper .por-icon-error:before {
  position: absolute;
  top: 7px;
  left: 19px;
  color: #ffffff;
}
.has-error .form-control.ng-touched ~ .required-text ul li {
  color: #b94a48;
}
.has-error .form-control.ng-touched ~ .required-text ul li .por-icon-info {
  color: #b94a48;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.has-error .form-control.ng-touched ~ .required-text ul li .por-icon-info:before {
  content: "\f06a";
}
.has-error .form-control ~ .error-flag-wrapper {
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
}
.has-error .form-control ~ .error-flag-wrapper .por-icon-error {
  color: #b94a48;
  display: none !important;
  margin: 0;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-error .form-control ~ .error-flag-wrapper:hover ~ .required-text {
  display: inline-block;
}
.has-error .form-control ~ .error-flag-wrapper:hover ~ .required-text ul li {
  color: #b94a48;
}
.has-error .form-control ~ .error-flag-wrapper:hover ~ .required-text ul li .por-icon-info {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.has-error .form-control ~ .error-flag-wrapper:hover ~ .required-text ul li .por-icon-info:before {
  content: "\f06a";
}
.has-error label {
  color: #333333 !important;
}
.has-error .por-icon {
  display: inline-block !important;
  color: #b94a48;
}
.has-error .por-icon:hover + .form-input-container .required-text {
  display: inline-block;
}
.has-error .error-feedback {
  position: relative;
}
.has-error .error-feedback .symbol-after.c-currency {
  right: 35px !important;
}
.has-error .error-feedback .form-control {
  padding-right: 42.5px;
}
.has-error .error-feedback .select2-container {
  padding-right: 0;
}
.has-error .error-feedback .select2-container ~ .error-flag-wrapper {
  display: none;
}
.has-error .error-feedback textarea {
  padding-right: 8px !important;
}
.has-error .required-text {
  top: -65px;
}
.form-group-disabled input[type=checkbox] + label {
  color: #cccccc;
  cursor: not-allowed;
}
.form-group-disabled input[type=checkbox] + label:before {
  color: #cccccc;
}
.has-feedback {
  position: relative;
}
.import-review-table,
.scrOnlyLabel,
.time-form-group {
  position: relative;
}
.import-review-table .error-feedback,
.scrOnlyLabel .error-feedback,
.time-form-group .error-feedback {
  position: relative;
}
.import-review-table .error-feedback .time-input,
.scrOnlyLabel .error-feedback .time-input,
.time-form-group .error-feedback .time-input {
  left: 30px;
}
.import-review-table .error-feedback .symbol-before,
.scrOnlyLabel .error-feedback .symbol-before,
.time-form-group .error-feedback .symbol-before {
  left: 30px;
}
.import-review-table .error-feedback .symbol-before + .calculator-input,
.scrOnlyLabel .error-feedback .symbol-before + .calculator-input,
.time-form-group .error-feedback .symbol-before + .calculator-input {
  padding-left: 65px !important;
}
.import-review-table .error-feedback .symbol-after + .calculator-input,
.scrOnlyLabel .error-feedback .symbol-after + .calculator-input,
.time-form-group .error-feedback .symbol-after + .calculator-input {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.import-review-table,
.calendar-form-group,
.calculator-form-group,
.duration-form-group,
.scrOnlyLabel,
.time-form-group {
  position: relative;
}
.import-review-table .error-feedback,
.calendar-form-group .error-feedback,
.calculator-form-group .error-feedback,
.duration-form-group .error-feedback,
.scrOnlyLabel .error-feedback,
.time-form-group .error-feedback {
  position: relative;
}
.import-review-table .error-feedback .calculator-input,
.calendar-form-group .error-feedback .calculator-input,
.calculator-form-group .error-feedback .calculator-input,
.duration-form-group .error-feedback .calculator-input,
.scrOnlyLabel .error-feedback .calculator-input,
.time-form-group .error-feedback .calculator-input,
.import-review-table .error-feedback .datepicker-input,
.calendar-form-group .error-feedback .datepicker-input,
.calculator-form-group .error-feedback .datepicker-input,
.duration-form-group .error-feedback .datepicker-input,
.scrOnlyLabel .error-feedback .datepicker-input,
.time-form-group .error-feedback .datepicker-input,
.import-review-table .error-feedback .duration-input,
.calendar-form-group .error-feedback .duration-input,
.calculator-form-group .error-feedback .duration-input,
.duration-form-group .error-feedback .duration-input,
.scrOnlyLabel .error-feedback .duration-input,
.time-form-group .error-feedback .duration-input,
.import-review-table .error-feedback .time-input,
.calendar-form-group .error-feedback .time-input,
.calculator-form-group .error-feedback .time-input,
.duration-form-group .error-feedback .time-input,
.scrOnlyLabel .error-feedback .time-input,
.time-form-group .error-feedback .time-input {
  padding-left: 42.5px;
  padding-right: 35px;
}
.import-review-table .error-feedback .calculator-input[disabled],
.calendar-form-group .error-feedback .calculator-input[disabled],
.calculator-form-group .error-feedback .calculator-input[disabled],
.duration-form-group .error-feedback .calculator-input[disabled],
.scrOnlyLabel .error-feedback .calculator-input[disabled],
.time-form-group .error-feedback .calculator-input[disabled],
.import-review-table .error-feedback .datepicker-input[disabled],
.calendar-form-group .error-feedback .datepicker-input[disabled],
.calculator-form-group .error-feedback .datepicker-input[disabled],
.duration-form-group .error-feedback .datepicker-input[disabled],
.scrOnlyLabel .error-feedback .datepicker-input[disabled],
.time-form-group .error-feedback .datepicker-input[disabled],
.import-review-table .error-feedback .duration-input[disabled],
.calendar-form-group .error-feedback .duration-input[disabled],
.calculator-form-group .error-feedback .duration-input[disabled],
.duration-form-group .error-feedback .duration-input[disabled],
.scrOnlyLabel .error-feedback .duration-input[disabled],
.time-form-group .error-feedback .duration-input[disabled],
.import-review-table .error-feedback .time-input[disabled],
.calendar-form-group .error-feedback .time-input[disabled],
.calculator-form-group .error-feedback .time-input[disabled],
.duration-form-group .error-feedback .time-input[disabled],
.scrOnlyLabel .error-feedback .time-input[disabled],
.time-form-group .error-feedback .time-input[disabled],
.import-review-table .error-feedback .calculator-input[readonly],
.calendar-form-group .error-feedback .calculator-input[readonly],
.calculator-form-group .error-feedback .calculator-input[readonly],
.duration-form-group .error-feedback .calculator-input[readonly],
.scrOnlyLabel .error-feedback .calculator-input[readonly],
.time-form-group .error-feedback .calculator-input[readonly],
.import-review-table .error-feedback .datepicker-input[readonly],
.calendar-form-group .error-feedback .datepicker-input[readonly],
.calculator-form-group .error-feedback .datepicker-input[readonly],
.duration-form-group .error-feedback .datepicker-input[readonly],
.scrOnlyLabel .error-feedback .datepicker-input[readonly],
.time-form-group .error-feedback .datepicker-input[readonly],
.import-review-table .error-feedback .duration-input[readonly],
.calendar-form-group .error-feedback .duration-input[readonly],
.calculator-form-group .error-feedback .duration-input[readonly],
.duration-form-group .error-feedback .duration-input[readonly],
.scrOnlyLabel .error-feedback .duration-input[readonly],
.time-form-group .error-feedback .duration-input[readonly],
.import-review-table .error-feedback .time-input[readonly],
.calendar-form-group .error-feedback .time-input[readonly],
.calculator-form-group .error-feedback .time-input[readonly],
.duration-form-group .error-feedback .time-input[readonly],
.scrOnlyLabel .error-feedback .time-input[readonly],
.time-form-group .error-feedback .time-input[readonly] {
  padding-left: 12px;
}
.import-review-table .error-feedback .calculator-input[disabled] + .symbol-before,
.calendar-form-group .error-feedback .calculator-input[disabled] + .symbol-before,
.calculator-form-group .error-feedback .calculator-input[disabled] + .symbol-before,
.duration-form-group .error-feedback .calculator-input[disabled] + .symbol-before,
.scrOnlyLabel .error-feedback .calculator-input[disabled] + .symbol-before,
.time-form-group .error-feedback .calculator-input[disabled] + .symbol-before,
.import-review-table .error-feedback .datepicker-input[disabled] + .symbol-before,
.calendar-form-group .error-feedback .datepicker-input[disabled] + .symbol-before,
.calculator-form-group .error-feedback .datepicker-input[disabled] + .symbol-before,
.duration-form-group .error-feedback .datepicker-input[disabled] + .symbol-before,
.scrOnlyLabel .error-feedback .datepicker-input[disabled] + .symbol-before,
.time-form-group .error-feedback .datepicker-input[disabled] + .symbol-before,
.import-review-table .error-feedback .duration-input[disabled] + .symbol-before,
.calendar-form-group .error-feedback .duration-input[disabled] + .symbol-before,
.calculator-form-group .error-feedback .duration-input[disabled] + .symbol-before,
.duration-form-group .error-feedback .duration-input[disabled] + .symbol-before,
.scrOnlyLabel .error-feedback .duration-input[disabled] + .symbol-before,
.time-form-group .error-feedback .duration-input[disabled] + .symbol-before,
.import-review-table .error-feedback .time-input[disabled] + .symbol-before,
.calendar-form-group .error-feedback .time-input[disabled] + .symbol-before,
.calculator-form-group .error-feedback .time-input[disabled] + .symbol-before,
.duration-form-group .error-feedback .time-input[disabled] + .symbol-before,
.scrOnlyLabel .error-feedback .time-input[disabled] + .symbol-before,
.time-form-group .error-feedback .time-input[disabled] + .symbol-before,
.import-review-table .error-feedback .calculator-input[readonly] + .symbol-before,
.calendar-form-group .error-feedback .calculator-input[readonly] + .symbol-before,
.calculator-form-group .error-feedback .calculator-input[readonly] + .symbol-before,
.duration-form-group .error-feedback .calculator-input[readonly] + .symbol-before,
.scrOnlyLabel .error-feedback .calculator-input[readonly] + .symbol-before,
.time-form-group .error-feedback .calculator-input[readonly] + .symbol-before,
.import-review-table .error-feedback .datepicker-input[readonly] + .symbol-before,
.calendar-form-group .error-feedback .datepicker-input[readonly] + .symbol-before,
.calculator-form-group .error-feedback .datepicker-input[readonly] + .symbol-before,
.duration-form-group .error-feedback .datepicker-input[readonly] + .symbol-before,
.scrOnlyLabel .error-feedback .datepicker-input[readonly] + .symbol-before,
.time-form-group .error-feedback .datepicker-input[readonly] + .symbol-before,
.import-review-table .error-feedback .duration-input[readonly] + .symbol-before,
.calendar-form-group .error-feedback .duration-input[readonly] + .symbol-before,
.calculator-form-group .error-feedback .duration-input[readonly] + .symbol-before,
.duration-form-group .error-feedback .duration-input[readonly] + .symbol-before,
.scrOnlyLabel .error-feedback .duration-input[readonly] + .symbol-before,
.time-form-group .error-feedback .duration-input[readonly] + .symbol-before,
.import-review-table .error-feedback .time-input[readonly] + .symbol-before,
.calendar-form-group .error-feedback .time-input[readonly] + .symbol-before,
.calculator-form-group .error-feedback .time-input[readonly] + .symbol-before,
.duration-form-group .error-feedback .time-input[readonly] + .symbol-before,
.scrOnlyLabel .error-feedback .time-input[readonly] + .symbol-before,
.time-form-group .error-feedback .time-input[readonly] + .symbol-before {
  left: 0;
}
.import-review-table .error-feedback .calculator-input.percent-symbol:after,
.calendar-form-group .error-feedback .calculator-input.percent-symbol:after,
.calculator-form-group .error-feedback .calculator-input.percent-symbol:after,
.duration-form-group .error-feedback .calculator-input.percent-symbol:after,
.scrOnlyLabel .error-feedback .calculator-input.percent-symbol:after,
.time-form-group .error-feedback .calculator-input.percent-symbol:after,
.import-review-table .error-feedback .datepicker-input.percent-symbol:after,
.calendar-form-group .error-feedback .datepicker-input.percent-symbol:after,
.calculator-form-group .error-feedback .datepicker-input.percent-symbol:after,
.duration-form-group .error-feedback .datepicker-input.percent-symbol:after,
.scrOnlyLabel .error-feedback .datepicker-input.percent-symbol:after,
.time-form-group .error-feedback .datepicker-input.percent-symbol:after,
.import-review-table .error-feedback .duration-input.percent-symbol:after,
.calendar-form-group .error-feedback .duration-input.percent-symbol:after,
.calculator-form-group .error-feedback .duration-input.percent-symbol:after,
.duration-form-group .error-feedback .duration-input.percent-symbol:after,
.scrOnlyLabel .error-feedback .duration-input.percent-symbol:after,
.time-form-group .error-feedback .duration-input.percent-symbol:after,
.import-review-table .error-feedback .time-input.percent-symbol:after,
.calendar-form-group .error-feedback .time-input.percent-symbol:after,
.calculator-form-group .error-feedback .time-input.percent-symbol:after,
.duration-form-group .error-feedback .time-input.percent-symbol:after,
.scrOnlyLabel .error-feedback .time-input.percent-symbol:after,
.time-form-group .error-feedback .time-input.percent-symbol:after {
  background-color: #dddddd;
  padding: 10px;
  position: absolute;
}
.import-review-table.symbol-after.percent-symbol .form-input-container:after,
.calendar-form-group.symbol-after.percent-symbol .form-input-container:after,
.calculator-form-group.symbol-after.percent-symbol .form-input-container:after,
.duration-form-group.symbol-after.percent-symbol .form-input-container:after,
.scrOnlyLabel.symbol-after.percent-symbol .form-input-container:after,
.time-form-group.symbol-after.percent-symbol .form-input-container:after {
  content: "\0025";
  position: absolute;
  right: 15px;
  top: 10px;
}
.calculator-and-symbol-form-group .error-feedback .calculator-input,
.calculator-and-symbol-form-group .error-feedback .duration-input,
.calculator-and-symbol-form-group .error-feedback .time-input {
  padding-left: 65px;
}
.form-group-disabled .calculator-trigger,
.form-group-disabled .datepicker-trigger {
  display: none !important;
}
.form-group-disabled input [readonly],
.form-group-disabled input [disabled] {
  outline: 0;
}
.form-group-disabled .form-control :focus {
  border-color: transparent !important;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
.calculator-trigger,
.duration-calculator-trigger {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.calculator-trigger:hover,
.duration-calculator-trigger:hover {
  background-color: #ffffff;
}
.calculator-trigger:hover:before,
.duration-calculator-trigger:hover:before {
  color: #999999;
}
.calculator-trigger:before,
.duration-calculator-trigger:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  content: "\f1ec";
  position: absolute;
  top: 4px;
  left: 5px;
}
.datepicker-trigger {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.datepicker-trigger:hover {
  background-color: #ffffff;
}
.datepicker-trigger:hover:before {
  color: #999999;
}
.datepicker-trigger:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  content: "\f073";
  position: absolute;
  top: 6px;
  left: 6px;
}
[view-company-configuration-edit] div.checkbox span.por-icon-helpful-info {
  margin-left: 20px;
}
div.checkbox {
  margin: 7px 10px 7px 0;
  text-indent: -10px;
  padding-left: 10px;
  padding-right: 20px;
}
div.checkbox span input[type=checkbox] {
  display: none;
}
div.checkbox span input[type=checkbox] + label {
  padding-left: 4em;
  margin-left: -1em;
}
div.checkbox span input[type=checkbox] + label:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline-block;
  content: "\f096";
  vertical-align: bottom;
  position: static;
  margin-left: -1.5em;
}
div.checkbox span input[type=checkbox]:checked + label:before {
  content: "\f046";
}
.suggested-items-table .checkbox {
  margin: 0 !important;
}
.suggested-items-table input[type=checkbox] {
  display: none;
}
.suggested-items-table input[type=checkbox] + label {
  padding-left: 32px;
}
.suggested-items-table input[type=checkbox] + label:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline-block;
  content: "\f096";
  vertical-align: bottom;
  position: static;
  margin-left: -1.5em;
}
.suggested-items-table input[type=checkbox] + label span {
  clip: rect(0 0 0 0);
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.suggested-items-table input[type=checkbox]:checked + label:before {
  content: "\f046";
}
.scrOnlyLabel .por-icon-required {
  display: none !important;
}
.fullLineLabel .por-icon-required {
  margin-left: 5px;
}
.datetime-picker .inside-date-and-time {
  width: -webkit-calc(50% - 8px);
  width: -moz-calc(50% - 8px);
  width: calc(50% - 8px);
  float: left;
  position: relative;
}
.datetime-picker .inside-date-and-time .time-picker,
.datetime-picker .inside-date-and-time .datepicker-input {
  padding-left: 42.5px;
}
.datetime-picker .inside-date-and-time .datepicker-trigger {
  top: 2px;
}
.datetime-picker .inside-date-and-time:first-child {
  margin-right: 8px;
}
.datetime-picker .inside-date-and-time:last-child {
  margin-left: 8px;
}
.por-close-this {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-close-this:before {
  content: "\f00d";
}
.popover-duration-calc .datetime-picker .time-picker,
.popover-duration-calc .datetime-picker .datepicker-input {
  padding-left: 42.5px;
}
.popover-duration-calc .datetime-picker .datepicker-trigger {
  top: 2px;
}
.popover-duration-calc .por-icon-time {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  margin: 0;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.popover-duration-calc .por-icon-time:hover {
  background-color: #ffffff;
}
.popover-duration-calc .por-icon-time:hover:before {
  color: #999999;
}
.popover-duration-calc .por-icon-time:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  content: "\f017";
  font-size: 1.5em;
  position: absolute;
  top: 6px;
  left: 6px;
}
.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  z-index: 1100;
}
.import-review-table .datepicker-trigger,
.import-review-table .datepicker-trigger {
  top: 2px !important;
}
.import-review-table .calculator-input,
.import-review-table .calculator-input,
.import-review-table .datepicker-input,
.import-review-table .datepicker-input {
  padding-left: 42.5px;
}
.import-review-table .datetime-picker .inside-date-and-time,
.import-review-table .datetime-picker .inside-date-and-time {
  width: 50% !important;
  margin-right: 0;
}
.import-review-table .datetime-picker .inside-date-and-time .time-picker,
.import-review-table .datetime-picker .inside-date-and-time .time-picker,
.import-review-table .datetime-picker .inside-date-and-time .datepicker-input,
.import-review-table .datetime-picker .inside-date-and-time .datepicker-input {
  padding-left: 35px;
  padding-right: 5px;
}
.import-review-table .datetime-picker .por-icon-time,
.import-review-table .datetime-picker .por-icon-time {
  background-image: none;
  background-color: #dddddd;
  border: 1px solid #cccccc;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  height: 14px;
  left: 2px;
  position: absolute;
  padding: 14px;
  top: 2px;
  width: 14px;
}
.import-review-table .datetime-picker .por-icon-time:hover,
.import-review-table .datetime-picker .por-icon-time:hover {
  background-color: #ffffff;
}
.import-review-table .datetime-picker .por-icon-time:hover:before,
.import-review-table .datetime-picker .por-icon-time:hover:before {
  color: #999999;
}
.import-review-table .datetime-picker .por-icon-time:before,
.import-review-table .datetime-picker .por-icon-time:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  content: "\f017";
  font-size: 1.5em;
  position: absolute;
  top: 6px;
  left: 6px;
}
.import-review-table .calculator-input,
.import-review-table .calculator-input,
.import-review-table .datepicker-input,
.import-review-table .datepicker-input {
  padding-left: 42.5px;
}
.import-review-table .c-currency,
.import-review-table .c-currency {
  position: absolute;
  padding: 10px;
}
.import-review-table .c-currency.symbol-before,
.import-review-table .c-currency.symbol-before {
  left: 0;
  top: 0;
}
.import-review-table .c-currency.symbol-before + .form-control,
.import-review-table .c-currency.symbol-before + .form-control {
  padding-left: 35px;
}
.import-review-table .c-currency.symbol-after,
.import-review-table .c-currency.symbol-after {
  right: 0;
  top: 0;
}
.import-review-table .c-currency.symbol-after + .form-control,
.import-review-table .c-currency.symbol-after + .form-control {
  padding-left: 42.5px;
  padding-right: 35px;
}
.items-table .btn-group-vertical button {
  display: block;
  text-align: left;
}
.por-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-create:before,
.por-icon-add:before,
.por-icon-new-serialized-item:before,
.por-icon-quickadd:before {
  content: "\f0fe";
}
.por-icon-loading {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.por-icon-loading:before {
  content: "\f021";
}
.por-icon-save {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por-icon-save:before {
  content: "\f0c7";
}
.por-icon-cancel:before,
.por-icon-clear-out:before {
  content: "\f00d";
}
.por-icon-delete:before {
  content: "\f014";
}
.por-icon-clear:before {
  content: "\f057";
}
.por-icon-picker:before {
  content: "\f03a";
}
a.go-to-your-site {
  color: #00324d;
  background: #ee9210;
}
span.cloud-word {
  color: white;
  font-weight: bolder;
}
.package-holder {
  border: 1px solid #dddddd;
  padding: 25px 0;
}
.package-holder + .package-holder {
  border-left: none;
}
.package-holder:last-child {
  border-right: none;
}
.package-holder label:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.5em;
  display: inline-block;
  content: "\f096";
  height: 20px;
  vertical-align: sub;
  width: 20px;
}
.package-holder label input[type=radio] {
  display: none;
}
.package-holder.selected-package label:before {
  content: "\f046";
}
.package-holder label {
  line-height: 2em;
}
.package-name,
.section-title {
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding-bottom: 5px;
  padding-left: 0;
}
.section-title-small {
  text-transform: uppercase;
  margin: 0 0 10px 0;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 5px;
  padding-left: 0;
  font-size: 14px;
}
.PackageDescription {
  font-size: 11px;
  line-height: 2em;
  margin-bottom: 5px;
  white-space: pre-wrap;
}
.package-holder,
.package-extras-holder {
  position: relative
;
  min-height: 1px
;
  padding-left: 16px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .package-holder,
  .package-extras-holder {
    float: left;
    width: 100%;
  }
}
@media (min-width: 992px) {
  .package-holder,
  .package-extras-holder {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .package-holder,
  .package-extras-holder {
    float: left;
    width: 25%;
  }
}
.my-package {
  background: #3276b1;
  color: #ffffff;
}
.package-extras-holder {
  border: 1px solid #cccccc;
  padding: 25px 16px;
}
.accountDetails .cancel-plan-holder {
  background: #dddddd;
  padding: 16px;
}
[view-admin-account-mgmt] .accountDetails .cancel-plan-holder {
  background: inherit;
  padding: inherit;
}
.package-details .btn-text-link {
  float: right;
}
.package-cycle {
  background: #dddddd;
  padding: 0 0 0 5px;
}
.btn-text-link {
  background: transparent;
  color: #4db6c7;
  text-decoration: underline;
  outline: none;
}
.btn-text-link:hover {
  color: #00324d;
}
.btn-text-link:focus {
  outline: none;
}
.vertical-btn-group .btn {
  border-radius: 0;
  padding: 0 0 0 5px;
  text-align: left;
  width: 20px;
}
.vertical-btn-group .btn:first-child {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.vertical-btn-group .btn:last-child {
  -webkit-border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-topright: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.inline-edit-mode .form-group {
  padding: 0;
}
.inline-edit-mode .form-group .symbol-before + .calculator-input {
  padding-left: 50px !important;
  padding-right: 10px !important;
}
.inline-edit-mode .form-group .symbol-after + .calculator-input {
  padding-left: 40px !important;
  padding-right: 30px !important;
}
.create-new-invoice .checkbox-wrapper.labelSecondLabel .labeled-second {
  border: none;
  margin-bottom: 0px;
}
.create-new-invoice .checkbox-input-group {
  border: 1px solid #dddddd;
  background-color: #eeeeee;
  margin-top: 20px;
  padding-left: 5px;
  border-radius: 5px;
}
.create-new-invoice .checkbox-input-group .checkbox-wrapper.labelSecondLabel .labeled-second {
  margin-top: 0px;
  margin-bottom: 0px;
}
.create-new-invoice .checkbox-input-group [ng-show] {
  margin-left: 8px;
  margin-right: 10px;
}
.section-records {
  float: right;
}
.clone-transaction .modal-body {
  overflow: hidden;
  padding-bottom: 0px;
}
.clone-transaction .field-Dates {
  width: 820px;
}
.clone-transaction .first-col {
  width: 35%;
  float: left;
}
.clone-transaction .mid-col {
  width: 23%;
  padding-left: 10px;
  padding-right: 20px;
  float: left;
}
.clone-transaction .last-col {
  width: 35%;
  float: left;
}
.clone-transaction .field-SkipLineItems label {
  font-size: 1.4em;
  position: relative;
  top: -7px;
}
div[view-rate-scale-edit] div.calculator-input input.calculator-input {
  padding-left: 48.5px !important;
  padding-top: 7px !important;
}
.strike {
  text-decoration: line-through;
}
[view="view-transaction-choose-single-instance"] table {
  margin-top: 0px;
}
.qbo-configuration .red {
  color: red;
}
.qbo-configuration .green {
  color: darkgreen;
}
.qbo-configuration .qbo-status {
  padding-top: 10px;
}
.align-checkbox-to-input {
  margin-top: 7px;
}
img.small-loading-spinner {
  max-width: 20px;
  margin-top: 5px;
  margin-left: 5px;
}
.float-left {
  float: left;
}
.hr-gray {
  border-top: 1px solid #e0e0e0;
}
.separated-checkbox .labeled-second {
  margin-top: -7px !important;
}
.btn-smartequip {
  font-weight: bold;
  background-color: #fdb721;
  color: #443109;
  border: 1px solid #ce961c;
}
.btn-smartequip:hover {
  color: black;
  background-color: #fdb721;
  border: 1px solid #9c7115;
}
.mapDiv {
  width: 90%;
  height: 550px;
  margin: 0 auto;
  border: solid 1pt slategray;
}
.mapDiv .por-icon-loading {
  width: 100%;
  height: 100%;
  object-position: center;
}
.trackDiv {
  margin-bottom: 10px;
}
.iti__flag {
  background-image: url('../img/flags.png');
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url('../img/flags@2x.png');
  }
}
.guest-checkout-label {
  padding: 2px 14px;
}
.porone-contract-photos-list {
  display: flex;
  flex-wrap: wrap;
  overflow: auto;
  justify-content: flex-start;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 10px;
}
.porone-contract-photos-list li.porone-contract-photos {
  background: #ededed;
  place-self: stretch;
  display: flex;
  width: 150px;
}
.porone-contract-photos-list img.contract-images {
  object-fit: contain;
  max-height: 84px;
  width: 100%;
}
.contract-photo-container {
  margin: 5px !important;
}
#customerDataPoints {
  position: relative;
}
#customerDataPoints .cover {
  text-align: center;
  position: absolute;
  padding-top: 2px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #666666;
  opacity: 0.3;
  z-index: 100000;
}
#customerDataPoints .labelSpace {
  text-align: center !important;
  padding: 5px;
}
#customerDataPoints .labelSpace table {
  width: 100%;
}
#customerDataPoints .labelSpace table th .oneHalf {
  text-align: center !important;
  width: 50%;
}
#customerDataPoints .labelSpace table th .filters {
  text-align: center !important;
  width: 8%;
}
#customerDataPoints .labelSpace table th .states {
  text-align: right;
  width: 25%;
}
#customerDataPoints .labelSpace table th .customer {
  text-align: center;
  width: 52%;
}
#customerDataPoints .labelSpace table th .customer .filterLabel {
  margin: 5px 30px 5px 30px;
}
#customerDataPoints .labelSpace table th .refresh {
  text-align: right;
  width: 20%;
}
#customerDataPoints .mainPane {
  text-align: center;
  padding: 5px;
  background-color: #EDF0EF;
}
#customerDataPoints .mainPane table {
  width: 100%;
  font-size: 11pt;
}
#customerDataPoints .mainPane table th {
  text-align: right;
}
#customerDataPoints .mainPane table td {
  text-align: right;
}
.dashboard-header {
  display: flex;
  width: 100%;
}
.dashboard-header .report-links {
  margin-left: auto;
  margin-right: 15px;
}
div[view-name="view-analyse-availability"] .aa_five_twelves {
  max-width: 42.42424242% !important;
  min-width: 305px;
  margin-block-end: 0;
}
div[view-name="view-analyse-availability"] .aa_five_twelves .datetime-picker .inside-date-and-time .time-picker,
div[view-name="view-analyse-availability"] .aa_five_twelves .datetime-picker .inside-date-and-time .datepicker-input {
  max-width: calc(42.5px + 12px + 10ch) !important;
}
div[view-name="view-analyse-availability"] .aa_one_sixth {
  max-width: 15.15151515% !important;
  margin-block-end: 0;
}
div[view-name="view-analyse-availability"] .aa_one_sixth .select2-container.form-control {
  min-width: 7ch;
}
div[view-name="view-analyse-availability"] .aa_cover {
  text-align: center;
  padding: 215px 0px 0px 0px;
}
div[view-name="view-analyse-availability"] .aa_list {
  height: 500px;
  overflow-y: auto;
}
div[view-name="view-analyse-availability"] .aa_table {
  border-bottom: solid;
  border-width: thin;
  width: 100%;
}
div[view-name="view-analyse-availability"] .aa_tr_headers {
  border-bottom: solid;
  border-width: thin;
}
div[view-name="view-analyse-availability"] .aa_tr_details {
  border-bottom: dotted;
  border-width: thin;
}
div[view-name="view-analyse-availability"] .aa_summary {
  font-weight: bold;
}
div[view-name="view-analyse-availability"] .aa_click_chart {
  position: absolute;
  display: block;
  border: 1px solid rgba(128, 128, 128, 0.75);
  border-radius: 6px 6px 6px 0px;
  top: 150px;
  left: 778px;
  background: white;
  /*width: 165px;*/
  padding: 8px;
}
div[view-name="view-analyse-availability"] .aa_click_chart_table {
  width: 100%;
  border: 1px solid rgba(128, 128, 128, 0.5);
}
div[view-name="view-analyse-availability"] .aa_click_chart_top {
  text-align: center;
}
div[view-name="view-analyse-availability"] .aa_click_chart_left {
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  text-align: left;
  padding-left: 5px;
}
div[view-name="view-analyse-availability"] .aa_click_chart_right {
  border-left: 1px solid rgba(128, 128, 128, 0.5);
  border-top: 1px solid rgba(128, 128, 128, 0.5);
  text-align: right;
  padding-right: 5px;
}
div[view-name="view-analyse-availability"] .aa_click_chart_total_left {
  border-top: 3px solid #808080;
  text-align: left;
  font-weight: bold;
  padding-left: 5px;
}
div[view-name="view-analyse-availability"] .aa_click_chart_total_right {
  border-left: 1px solid rgba(128, 128, 128, 0.5);
  border-top: 3px solid #808080;
  text-align: right;
  font-weight: bold;
  padding-right: 5px;
}
div[view-name="view-analyse-availability"] .chart-wrapper {
  overflow: visible;
}
div[view-name="view-analyse-availability"] .chart-wrapper .jqplot-highlighter-tooltip {
  max-width: 150px;
  background: #b3bec9;
}
div[view-name="view-analyse-availability"] .chart-wrapper .jqplot-highlighter-tooltip .clearfix.jqplot_tooltip p {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
}
@media (max-width: 1024px) {
  div[view-name="view-analyse-availability"] .aa_five_twelves {
    padding-inline-start: 0;
  }
}
@media (min-width: 546px) and (max-width: 1100px) {
  div[view-name="view-analyse-availability"] .aa_click_chart {
    border-radius: 6px 0px 6px 6px;
    top: 625px;
    left: 60px;
    width: 165px;
  }
}
@media only screen and (max-width: 545px) {
  div[view-name="view-analyse-availability"] .aa_click_chart {
    border-radius: 6px 0px 6px 6px;
    top: 690px;
    left: 60px;
    width: 165px;
  }
}
@media (min-width: 441px) and (max-width: 500px) {
  div[view-name="view-analyse-availability"] .aa_click_chart {
    border-radius: 6px 0px 6px 6px;
    top: 740px;
    left: 16px;
  }
}
@media only screen and (max-width: 440px) {
  div[view-name="view-analyse-availability"] .aa_click_chart {
    border-radius: 6px 6px 6px 0px;
    top: 213px;
    left: 125px;
  }
}
/*# sourceMappingURL=dist/css/internal.25.8.3.css.map */