/* clearfix - https://getbootstrap.com/docs/4.0/utilities/clearfix/ */
/* curved clipping */
/* 16*0.625=10 */
/* gradients */
/* http://gradientcss.com/linear-gradient */
/* forms */
/* color */
/* positioning */
/* animations */
/* widgets */
/* basic and primary colors */
/* grays */
/* PureCSS colors http://purecss.io/ */
/* custom colors */
/* this is a green */
/* this is a maroon */
/* this is a light blue */
/* brand colors */
/* http://flatuicolors.com/ */
/* dimensions and borders */
.rounded,
.rounded-10,
.rounded-medium {
  -webkit-border-radius: 0.625em;
  /* Safari prototype */
  -moz-border-radius: 0.625em;
  /* Gecko browsers */
  border-radius: 0.625em;
  /* Everything else - limited support at the moment */
}
.rounded-2_5,
.rounded-tiny {
  -webkit-border-radius: 0.15625em;
  /* Safari prototype */
  -moz-border-radius: 0.15625em;
  /* Gecko browsers */
  border-radius: 0.15625em;
  /* Everything else - limited support at the moment */
}
.rounded-5,
.rounded-small {
  -webkit-border-radius: 0.3125em;
  /* Safari prototype */
  -moz-border-radius: 0.3125em;
  /* Gecko browsers */
  border-radius: 0.3125em;
  /* Everything else - limited support at the moment */
}
.rounded-20,
.rounded-large {
  -webkit-border-radius: 1.25em;
  /* Safari prototype */
  -moz-border-radius: 1.25em;
  /* Gecko browsers */
  border-radius: 1.25em;
  /* Everything else - limited support at the moment */
}
.rounded-40,
.rounded-banner {
  -webkit-border-radius: 2.5em;
  /* Safari prototype */
  -moz-border-radius: 2.5em;
  /* Gecko browsers */
  border-radius: 2.5em;
  /* Everything else - limited support at the moment */
}
.rounded-left,
.rounded-left-10,
.rounded-left-medium {
  /* Safari prototype */
  -webkit-border-top-left-radius: 0.625em;
  -webkit-border-bottom-left-radius: 0.625em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 0.625em;
  -moz-border-bottom-left-radius: 0.625em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 0.625em;
  border-bottom-left-radius: 0.625em;
}
.rounded-left-2_5,
.rounded-left-small {
  /* Safari prototype */
  -webkit-border-top-left-radius: 0.15625em;
  -webkit-border-bottom-left-radius: 0.15625em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 0.15625em;
  -moz-border-bottom-left-radius: 0.15625em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 0.15625em;
  border-bottom-left-radius: 0.15625em;
}
.rounded-left-5,
.rounded-left-regular {
  /* Safari prototype */
  -webkit-border-top-left-radius: 0.3125em;
  -webkit-border-bottom-left-radius: 0.3125em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 0.3125em;
  -moz-border-bottom-left-radius: 0.3125em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 0.3125em;
  border-bottom-left-radius: 0.3125em;
}
.rounded-left-20,
.rounded-left-large {
  /* Safari prototype */
  -webkit-border-top-left-radius: 1.25em;
  -webkit-border-bottom-left-radius: 1.25em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 1.25em;
  -moz-border-bottom-left-radius: 1.25em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 1.25em;
  border-bottom-left-radius: 1.25em;
}
.rounded-left-40,
.rounded-left-banner {
  /* Safari prototype */
  -webkit-border-top-left-radius: 2.5em;
  -webkit-border-bottom-left-radius: 2.5em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 2.5em;
  -moz-border-bottom-left-radius: 2.5em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 2.5em;
  border-bottom-left-radius: 2.5em;
}
.rounded-right,
.rounded-right-10,
.rounded-right-medium {
  /* Safari prototype */
  -webkit-border-top-right-radius: 0.625em;
  -webkit-border-bottom-right-radius: 0.625em;
  /* Gecko browsers */
  -moz-border-top-right-radius: 0.625em;
  -moz-border-bottom-right-radius: 0.625em;
  /* Everything else - limited support at the moment */
  border-top-right-radius: 0.625em;
  border-bottom-right-radius: 0.625em;
}
.rounded-right-2_5,
.rounded-right-small {
  /* Safari prototype */
  -webkit-border-top-right-radius: 0.15625em;
  -webkit-border-bottom-right-radius: 0.15625em;
  /* Gecko browsers */
  -moz-border-top-right-radius: 0.15625em;
  -moz-border-bottom-right-radius: 0.15625em;
  /* Everything else - limited support at the moment */
  border-top-right-radius: 0.15625em;
  border-bottom-right-radius: 0.15625em;
}
.rounded-right-5,
.rounded-right-regular {
  /* Safari prototype */
  -webkit-border-top-right-radius: 0.3125em;
  -webkit-border-bottom-right-radius: 0.3125em;
  /* Gecko browsers */
  -moz-border-top-right-radius: 0.3125em;
  -moz-border-bottom-right-radius: 0.3125em;
  /* Everything else - limited support at the moment */
  border-top-right-radius: 0.3125em;
  border-bottom-right-radius: 0.3125em;
}
.rounded-right-20,
.rounded-right-large {
  /* Safari prototype */
  -webkit-border-top-right-radius: 1.25em;
  -webkit-border-bottom-right-radius: 1.25em;
  /* Gecko browsers */
  -moz-border-top-right-radius: 1.25em;
  -moz-border-bottom-right-radius: 1.25em;
  /* Everything else - limited support at the moment */
  border-top-right-radius: 1.25em;
  border-bottom-right-radius: 1.25em;
}
.rounded-right-40,
.rounded-right-banner {
  /* Safari prototype */
  -webkit-border-top-right-radius: 2.5em;
  -webkit-border-bottom-right-radius: 2.5em;
  /* Gecko browsers */
  -moz-border-top-right-radius: 2.5em;
  -moz-border-bottom-right-radius: 2.5em;
  /* Everything else - limited support at the moment */
  border-top-right-radius: 2.5em;
  border-bottom-right-radius: 2.5em;
}
.rounded-bottom,
.rounded-bottom-10 {
  /* Safari prototype */
  -webkit-border-bottom-left-radius: 0.625em;
  -webkit-border-bottom-right-radius: 0.625em;
  /* Gecko browsers */
  -moz-border-bottom-left-radius: 0.625em;
  -moz-border-bottom-right-radius: 0.625em;
  /* Everything else - limited support at the moment */
  border-bottom-left-radius: 0.625em;
  border-bottom-right-radius: 0.625em;
}
/* positioning */
.centered {
  margin-left: auto;
  margin-right: auto;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center,
.centered-text {
  text-align: center;
}
.valign-top {
  vertical-align: top;
}
.valign-middle {
  vertical-align: middle;
}
.valign-bottom {
  vertical-align: bottom;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  clear: both;
}
.inline-block {
  display: inline-block;
}
/* text */
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.underline {
  text-decoration: underline;
}
.no-decoration {
  text-decoration: none;
}
.nowrap {
  white-space: nowrap;
}
.strikethrough {
  text-decoration: line-through;
}
.uppercase {
  text-transform: uppercase;
}
ul.unstyled {
  margin: 0px;
  padding: 0px;
}
ul.unstyled li {
  list-style-type: none;
}
/* behavior */
.no-highlight {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.hidden {
  display: none;
}
.initially-hidden {
  display: none;
}
.initially-hidden.visible {
  display: block;
}
.show-hover {
  visibility: hidden;
}
/* positioning */
.voffset-2 {
  margin-top: 2px;
}
.voffset-5 {
  margin-top: 5px;
}
.voffset-10 {
  margin-top: 10px;
}
.voffset-15 {
  margin-top: 15px;
}
.voffset-20 {
  margin-top: 20px;
}
.voffset-30 {
  margin-top: 30px;
}
.voffset-40 {
  margin-top: 40px;
}
.voffset-50 {
  margin-top: 50px;
}
.voffset-60 {
  margin-top: 60px;
}
.voffset-80 {
  margin-top: 80px;
}
.voffset-100 {
  margin-top: 100px;
}
.voffset-120 {
  margin-top: 120px;
}
.voffset-140 {
  margin-top: 140px;
}
.voffset-150 {
  margin-top: 150px;
}
.voffset-160 {
  margin-top: 160px;
}
.voffset-180 {
  margin-top: 180px;
}
.voffset-200 {
  margin-top: 200px;
}
/* background and foreground color shortcut classes */
.bg-white {
  background-color: #ffffff;
}
.bg-black {
  background-color: #000000;
}
.bg-orange {
  background-color: #ffa500;
}
.bg-red {
  background-color: #ff0000;
}
.bg-green {
  background-color: #00ff00;
}
.bg-blue {
  background-color: #0000ff;
}
.fg-white {
  color: #ffffff;
}
.fg-black {
  color: #000000;
}
.fg-orange {
  color: #ffa500;
}
.fg-red {
  color: #ff0000;
}
.fg-green {
  color: #00ff00;
}
.fg-blue {
  color: #0000ff;
}
.bg-gray-0 {
  background-color: #000000;
}
.bg-gray-5 {
  background-color: #0d0d0d;
}
.bg-gray-10 {
  background-color: #1a1a1a;
}
.bg-gray-15 {
  background-color: #262626;
}
.bg-gray-20 {
  background-color: #333333;
}
.bg-gray-25 {
  background-color: #404040;
}
.bg-gray-30 {
  background-color: #4d4d4d;
}
.bg-gray-35 {
  background-color: #595959;
}
.bg-gray-40 {
  background-color: #666666;
}
.bg-gray-45 {
  background-color: #737373;
}
.bg-gray-50 {
  background-color: #808080;
}
.bg-gray-55 {
  background-color: #8c8c8c;
}
.bg-gray-60 {
  background-color: #999999;
}
.bg-gray-65 {
  background-color: #a6a6a6;
}
.bg-gray-70 {
  background-color: #b3b3b3;
}
.bg-gray-75 {
  background-color: #bfbfbf;
}
.bg-gray-80 {
  background-color: #cccccc;
}
.bg-gray-85 {
  background-color: #d9d9d9;
}
.bg-gray-90 {
  background-color: #e6e6e6;
}
.bg-gray-95 {
  background-color: #f2f2f2;
}
.bg-gray-100 {
  background-color: #ffffff;
}
.fg-gray-0 {
  color: #000000;
}
.fg-gray-5 {
  color: #0d0d0d;
}
.fg-gray-10 {
  color: #1a1a1a;
}
.fg-gray-15 {
  color: #262626;
}
.fg-gray-20 {
  color: #333333;
}
.fg-gray-25 {
  color: #404040;
}
.fg-gray-30 {
  color: #4d4d4d;
}
.fg-gray-35 {
  color: #595959;
}
.fg-gray-40 {
  color: #666666;
}
.fg-gray-45 {
  color: #737373;
}
.fg-gray-50 {
  color: #808080;
}
.fg-gray-55 {
  color: #8c8c8c;
}
.fg-gray-60 {
  color: #999999;
}
.fg-gray-65 {
  color: #a6a6a6;
}
.fg-gray-70 {
  color: #b3b3b3;
}
.fg-gray-75 {
  color: #bfbfbf;
}
.fg-gray-80 {
  color: #cccccc;
}
.fg-gray-85 {
  color: #d9d9d9;
}
.fg-gray-90 {
  color: #e6e6e6;
}
.fg-gray-95 {
  color: #f2f2f2;
}
.fg-gray-100 {
  color: #ffffff;
}
.bg-flatui-turquoise {
  background-color: #1abc9c;
}
.bg-flatui-green-sea {
  background-color: #16a085;
}
.bg-flatui-sun-flower {
  background-color: #f1c40f;
}
.bg-flatui-orange {
  background-color: #f39c12;
}
.bg-flatui-emerald {
  background-color: #2ecc71;
}
.bg-flatui-nephritis {
  background-color: #27ae60;
}
.bg-flatui-carrot {
  background-color: #e67e22;
}
.bg-flatui-pumpkin {
  background-color: #d35400;
}
.bg-flatui-peter-river {
  background-color: #3498db;
}
.bg-flatui-belize-hole {
  background-color: #2980b9;
}
.bg-flatui-alizarin {
  background-color: #e74c3c;
}
.bg-flatui-pomegranate {
  background-color: #c0392b;
}
.bg-flatui-amethyst {
  background-color: #9b59b6;
}
.bg-flatui-wisteria {
  background-color: #8e44ad;
}
.bg-flatui-clouds {
  background-color: #ecf0f1;
}
.bg-flatui-silver {
  background-color: #bdc3c7;
}
.bg-flatui-wet-asphalt {
  background-color: #34495e;
}
.bg-flatui-midnight-blue {
  background-color: #2c3e50;
}
.bg-flatui-concrete {
  background-color: #95a5a6;
}
.bg-flatui-asbestos {
  background-color: #7f8c8d;
}
.fg-flatui-turquoise {
  color: #1abc9c;
}
.fg-flatui-green-sea {
  color: #16a085;
}
.fg-flatui-sun-flower {
  color: #f1c40f;
}
.fg-flatui-orange {
  color: #f39c12;
}
.fg-flatui-emerald {
  color: #2ecc71;
}
.fg-flatui-nephritis {
  color: #27ae60;
}
.fg-flatui-carrot {
  color: #e67e22;
}
.fg-flatui-pumpkin {
  color: #d35400;
}
.fg-flatui-peter-river {
  color: #3498db;
}
.fg-flatui-belize-hole {
  color: #2980b9;
}
.fg-flatui-alizarin {
  color: #e74c3c;
}
.fg-flatui-pomegranate {
  color: #c0392b;
}
.fg-flatui-amethyst {
  color: #9b59b6;
}
.fg-flatui-wisteria {
  color: #8e44ad;
}
.fg-flatui-clouds {
  color: #ecf0f1;
}
.fg-flatui-silver {
  color: #bdc3c7;
}
.fg-flatui-wet-asphalt {
  color: #34495e;
}
.fg-flatui-midnight-blue {
  color: #2c3e50;
}
.fg-flatui-concrete {
  color: #95a5a6;
}
.fg-flatui-asbestos {
  color: #7f8c8d;
}
/* printing */
@media print {
  .no-print {
    display: none;
  }
  .no-break {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-region-break-inside: avoid;
  }
  .page-break-after {
    display: block;
    position: relative;
    page-break-after: always;
    break-after: always;
    -webkit-region-break-after: always;
  }
  .page-break-before {
    display: block;
    position: relative;
    page-break-before: always;
    break-before: always;
    -webkit-region-break-before: always;
  }
  .align-left-print {
    text-align: left;
  }
  .align-right-print {
    text-align: right;
  }
  .float-left-print {
    float: left;
  }
  .float-right-print {
    float: right;
  }
}
@media screen {
  .print-only {
    display: none;
  }
}
/* media queries */
@media screen and (min-width: 768px) {
  .align-left-sm {
    text-align: left;
  }
  .align-right-sm {
    text-align: right;
  }
  .float-left-sm {
    float: left;
  }
  .float-right-sm {
    float: right;
  }
}
@media screen and (min-width: 992px) {
  .align-left-md {
    text-align: left;
  }
  .align-right-md {
    text-align: right;
  }
  .float-left-md {
    float: left;
  }
  .float-right-md {
    float: right;
  }
}
/* common widgets */
.star-rating,
.fa-star-rating {
  cursor: pointer;
}
.star-rating:hover label::before,
.fa-star-rating:hover label::before {
  content: "\f005" !important;
}
.star-rating label,
.fa-star-rating label {
  color: #ffffff;
  font-family: 'FontAwesome';
  font-size: 1em;
}
.star-rating label:first-of-type,
.fa-star-rating label:first-of-type {
  display: none;
}
.star-rating label::before,
.fa-star-rating label::before {
  content: "\f005";
}
.star-rating label:hover,
.fa-star-rating label:hover {
  cursor: pointer;
}
.star-rating label:hover ~ label::before,
.fa-star-rating label:hover ~ label::before {
  content: "\f006" !important;
}
.star-rating input,
.fa-star-rating input {
  display: none;
}
.star-rating input:checked ~ label::before,
.fa-star-rating input:checked ~ label::before {
  content: "\f006";
}
/* Google Web Fonts - http://www.google.com/fonts */
.htk-toolbar {
  bottom: 0;
  line-height: 1.5em;
  overflow-y: auto;
  position: fixed;
  right: 0;
  top: 0;
  width: 350px;
  z-index: 100000000;
  opacity: 0.9;
  background-color: #202020;
}
.htk-toolbar .emulate-user-title {
  color: inherit;
  font-family: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
  margin: 8px 0;
}
.htk-toolbar .htk-toolbar-hide {
  border-bottom: 1px solid #202020;
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
}
.htk-toolbar .htk-toolbar-panel {
  margin: 0;
  padding: 0;
  list-style: none;
}
.htk-toolbar .htk-toolbar-panel .input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.htk-toolbar .htk-toolbar-panel .input-group > .form-control,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  margin-bottom: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .form-control:focus,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select:focus,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file:focus {
  z-index: 3;
}
.htk-toolbar .htk-toolbar-panel .input-group > .form-control + .form-control,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select + .form-control,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file + .form-control,
.htk-toolbar .htk-toolbar-panel .input-group > .form-control + .custom-select,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select + .custom-select,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file + .custom-select,
.htk-toolbar .htk-toolbar-panel .input-group > .form-control + .custom-file,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select + .custom-file,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.htk-toolbar .htk-toolbar-panel .input-group > .form-control:not(:last-child),
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .form-control:not(:first-child),
.htk-toolbar .htk-toolbar-panel .input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file {
  display: flex;
  align-items: center;
}
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file:not(:last-child) .custom-file-label,
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group-prepend,
.htk-toolbar .htk-toolbar-panel .input-group-append {
  display: flex;
}
.htk-toolbar .htk-toolbar-panel .input-group-prepend .btn,
.htk-toolbar .htk-toolbar-panel .input-group-append .btn {
  position: relative;
  z-index: 2;
}
.htk-toolbar .htk-toolbar-panel .input-group-prepend .btn + .btn,
.htk-toolbar .htk-toolbar-panel .input-group-append .btn + .btn,
.htk-toolbar .htk-toolbar-panel .input-group-prepend .btn + .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group-append .btn + .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group-prepend .input-group-text + .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group-append .input-group-text + .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group-prepend .input-group-text + .btn,
.htk-toolbar .htk-toolbar-panel .input-group-append .input-group-text + .btn {
  margin-left: -1px;
}
.htk-toolbar .htk-toolbar-panel .input-group-prepend {
  margin-right: -1px;
}
.htk-toolbar .htk-toolbar-panel .input-group-append {
  margin-left: -1px;
}
.htk-toolbar .htk-toolbar-panel .input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.htk-toolbar .htk-toolbar-panel .input-group-text input[type="radio"],
.htk-toolbar .htk-toolbar-panel .input-group-text input[type="checkbox"] {
  margin-top: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend > .btn,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend > .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append:not(:last-child) > .btn,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append:not(:last-child) > .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append > .btn,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-append > .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend:not(:first-child) > .btn,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.htk-toolbar .htk-toolbar-panel .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn {
  position: relative;
  flex: 0 1 auto;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:hover,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn:hover {
  z-index: 1;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:focus,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn:focus,
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:active,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn:active,
.htk-toolbar .htk-toolbar-panel .btn-group > .btn.active,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn.active {
  z-index: 1;
}
.htk-toolbar .htk-toolbar-panel .btn-group .btn + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group .btn + .btn-group,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn + .btn-group,
.htk-toolbar .htk-toolbar-panel .btn-group .btn-group + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn-group + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group .btn-group + .btn-group,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn-group + .btn-group {
  margin-left: -1px;
}
.htk-toolbar .htk-toolbar-panel .btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.htk-toolbar .htk-toolbar-panel .btn-toolbar .input-group {
  width: auto;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:first-child {
  margin-left: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.htk-toolbar .htk-toolbar-panel .btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group > .btn:not(:first-child),
.htk-toolbar .htk-toolbar-panel .btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.htk-toolbar .htk-toolbar-panel .dropdown-toggle-split::after,
.dropup .htk-toolbar .htk-toolbar-panel .dropdown-toggle-split::after,
.dropright .htk-toolbar .htk-toolbar-panel .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .htk-toolbar .htk-toolbar-panel .dropdown-toggle-split::before {
  margin-right: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-sm + .dropdown-toggle-split,
.htk-toolbar .htk-toolbar-panel .htk-toolbar .htk-toolbar-panel .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.htk-toolbar .htk-toolbar-panel .btn-lg + .dropdown-toggle-split,
.htk-toolbar .htk-toolbar-panel .htk-toolbar .htk-toolbar-panel .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.htk-toolbar .htk-toolbar-panel .btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical .btn-group {
  width: 100%;
}
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn + .btn-group,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn-group + .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn:not(:first-child),
.htk-toolbar .htk-toolbar-panel .btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn,
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn input[type="radio"],
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn-group > .btn input[type="radio"],
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn input[type="checkbox"],
.htk-toolbar .htk-toolbar-panel .btn-group-toggle > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.htk-toolbar .htk-toolbar-panel .btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .htk-toolbar .htk-toolbar-panel .btn {
    transition: none;
  }
}
.htk-toolbar .htk-toolbar-panel .btn:hover,
.htk-toolbar .htk-toolbar-panel .btn:focus {
  text-decoration: none;
}
.htk-toolbar .htk-toolbar-panel .btn:focus,
.htk-toolbar .htk-toolbar-panel .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.htk-toolbar .htk-toolbar-panel .btn.disabled,
.htk-toolbar .htk-toolbar-panel .btn:disabled {
  opacity: 0.65;
}
.htk-toolbar .htk-toolbar-panel .btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
.htk-toolbar .htk-toolbar-panel .btn:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn:not(:disabled):not(.disabled).active {
  background-image: none;
}
.htk-toolbar .htk-toolbar-panel a.btn.disabled,
.htk-toolbar .htk-toolbar-panel fieldset:disabled a.btn {
  pointer-events: none;
}
.htk-toolbar .htk-toolbar-panel .btn-primary {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.htk-toolbar .htk-toolbar-panel .btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}
.htk-toolbar .htk-toolbar-panel .btn-primary:focus,
.htk-toolbar .htk-toolbar-panel .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-primary.disabled,
.htk-toolbar .htk-toolbar-panel .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.htk-toolbar .htk-toolbar-panel .btn-primary:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-primary:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}
.htk-toolbar .htk-toolbar-panel .btn-primary:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.htk-toolbar .htk-toolbar-panel .btn-secondary:focus,
.htk-toolbar .htk-toolbar-panel .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-secondary.disabled,
.htk-toolbar .htk-toolbar-panel .btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .btn-secondary:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-secondary:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}
.htk-toolbar .htk-toolbar-panel .btn-secondary:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-secondary:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.htk-toolbar .htk-toolbar-panel .btn-success:focus,
.htk-toolbar .htk-toolbar-panel .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-success.disabled,
.htk-toolbar .htk-toolbar-panel .btn-success:disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .btn-success:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-success:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.htk-toolbar .htk-toolbar-panel .btn-success:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.htk-toolbar .htk-toolbar-panel .btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.htk-toolbar .htk-toolbar-panel .btn-info:focus,
.htk-toolbar .htk-toolbar-panel .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-info.disabled,
.htk-toolbar .htk-toolbar-panel .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.htk-toolbar .htk-toolbar-panel .btn-info:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-info:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.htk-toolbar .htk-toolbar-panel .btn-info:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-info:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.htk-toolbar .htk-toolbar-panel .btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.htk-toolbar .htk-toolbar-panel .btn-warning:focus,
.htk-toolbar .htk-toolbar-panel .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-warning.disabled,
.htk-toolbar .htk-toolbar-panel .btn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.htk-toolbar .htk-toolbar-panel .btn-warning:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-warning:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #d39e00;
  border-color: #c69500;
}
.htk-toolbar .htk-toolbar-panel .btn-warning:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}
.htk-toolbar .htk-toolbar-panel .btn-danger:focus,
.htk-toolbar .htk-toolbar-panel .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-danger.disabled,
.htk-toolbar .htk-toolbar-panel .btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .btn-danger:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-danger:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #bd2130;
  border-color: #b21f2d;
}
.htk-toolbar .htk-toolbar-panel .btn-danger:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-danger:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.htk-toolbar .htk-toolbar-panel .btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.htk-toolbar .htk-toolbar-panel .btn-light:focus,
.htk-toolbar .htk-toolbar-panel .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-light.disabled,
.htk-toolbar .htk-toolbar-panel .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.htk-toolbar .htk-toolbar-panel .btn-light:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-light:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.htk-toolbar .htk-toolbar-panel .btn-light:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-light:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.htk-toolbar .htk-toolbar-panel .btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.htk-toolbar .htk-toolbar-panel .btn-dark:focus,
.htk-toolbar .htk-toolbar-panel .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-dark.disabled,
.htk-toolbar .htk-toolbar-panel .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.htk-toolbar .htk-toolbar-panel .btn-dark:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-dark:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.htk-toolbar .htk-toolbar-panel .btn-dark:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-dark:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  background-image: none;
  border-color: #007bff;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:disabled {
  color: #007bff;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  background-image: none;
  border-color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-secondary.dropdown-toggle {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success {
  color: #28a745;
  background-color: transparent;
  background-image: none;
  border-color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-success:disabled {
  color: #28a745;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-success:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-success:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-success:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  background-image: none;
  border-color: #17a2b8;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-info:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-info:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-info:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  background-image: none;
  border-color: #ffc107;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  background-image: none;
  border-color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  background-image: none;
  border-color: #f8f9fa;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-light:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-light:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  background-image: none;
  border-color: #343a40;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark.disabled,
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:not(:disabled):not(.disabled):active,
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:not(:disabled):not(.disabled).active,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:not(:disabled):not(.disabled):active:focus,
.htk-toolbar .htk-toolbar-panel .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
.show > .htk-toolbar .htk-toolbar-panel .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}
.htk-toolbar .htk-toolbar-panel .btn-link {
  font-weight: 400;
  color: #007bff;
  background-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}
.htk-toolbar .htk-toolbar-panel .btn-link:focus,
.htk-toolbar .htk-toolbar-panel .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}
.htk-toolbar .htk-toolbar-panel .btn-link:disabled,
.htk-toolbar .htk-toolbar-panel .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}
.htk-toolbar .htk-toolbar-panel .btn-lg,
.htk-toolbar .htk-toolbar-panel .htk-toolbar .htk-toolbar-panel .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.htk-toolbar .htk-toolbar-panel .btn-sm,
.htk-toolbar .htk-toolbar-panel .htk-toolbar .htk-toolbar-panel .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.htk-toolbar .htk-toolbar-panel .btn-block {
  display: block;
  width: 100%;
}
.htk-toolbar .htk-toolbar-panel .btn-block + .btn-block {
  margin-top: 0.5rem;
}
.htk-toolbar .htk-toolbar-panel input[type="submit"].btn-block,
.htk-toolbar .htk-toolbar-panel input[type="reset"].btn-block,
.htk-toolbar .htk-toolbar-panel input[type="button"].btn-block {
  width: 100%;
}
.htk-toolbar .htk-toolbar-panel .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media screen and (prefers-reduced-motion: reduce) {
  .htk-toolbar .htk-toolbar-panel .form-control {
    transition: none;
  }
}
.htk-toolbar .htk-toolbar-panel .form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.htk-toolbar .htk-toolbar-panel .form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.htk-toolbar .htk-toolbar-panel .form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.htk-toolbar .htk-toolbar-panel .form-control:disabled,
.htk-toolbar .htk-toolbar-panel .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.htk-toolbar .htk-toolbar-panel select.form-control:not([size]):not([multiple]) {
  height: calc(2.25rem + 2px);
}
.htk-toolbar .htk-toolbar-panel select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.htk-toolbar .htk-toolbar-panel .form-control-file,
.htk-toolbar .htk-toolbar-panel .form-control-range {
  display: block;
  width: 100%;
}
.htk-toolbar .htk-toolbar-panel .col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.htk-toolbar .htk-toolbar-panel .col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}
.htk-toolbar .htk-toolbar-panel .col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}
.htk-toolbar .htk-toolbar-panel .form-control-plaintext {
  display: block;
  width: 100%;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.htk-toolbar .htk-toolbar-panel .form-control-plaintext.form-control-sm,
.htk-toolbar .htk-toolbar-panel .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.htk-toolbar .htk-toolbar-panel .form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}
.htk-toolbar .htk-toolbar-panel select.form-control-sm:not([size]):not([multiple]) {
  height: calc(1.8125rem + 2px);
}
.htk-toolbar .htk-toolbar-panel .form-control-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}
.htk-toolbar .htk-toolbar-panel select.form-control-lg:not([size]):not([multiple]) {
  height: calc(2.875rem + 2px);
}
.htk-toolbar .htk-toolbar-panel .form-group {
  margin-bottom: 1rem;
}
.htk-toolbar .htk-toolbar-panel .form-text {
  display: block;
  margin-top: 0.25rem;
}
.htk-toolbar .htk-toolbar-panel .form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.htk-toolbar .htk-toolbar-panel .form-row > .col,
.htk-toolbar .htk-toolbar-panel .form-row > [class*="col-"] {
  padding-right: 5px;
  padding-left: 5px;
}
.htk-toolbar .htk-toolbar-panel .form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}
.htk-toolbar .htk-toolbar-panel .form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.htk-toolbar .htk-toolbar-panel .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}
.htk-toolbar .htk-toolbar-panel .form-check-label {
  margin-bottom: 0;
}
.htk-toolbar .htk-toolbar-panel .form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.htk-toolbar .htk-toolbar-panel .form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}
.htk-toolbar .htk-toolbar-panel .valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #28a745;
}
.htk-toolbar .htk-toolbar-panel .valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(40, 167, 69, 0.8);
  border-radius: 0.2rem;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:valid,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:valid,
.htk-toolbar .htk-toolbar-panel .form-control.is-valid,
.htk-toolbar .htk-toolbar-panel .custom-select.is-valid {
  border-color: #28a745;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:valid:focus,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:valid:focus,
.htk-toolbar .htk-toolbar-panel .form-control.is-valid:focus,
.htk-toolbar .htk-toolbar-panel .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .form-control.is-valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-select.is-valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:valid ~ .valid-tooltip,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-control.is-valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-select.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control-file:valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .form-control-file.is-valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-control-file:valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-control-file.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:valid ~ .form-check-label,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid ~ .custom-control-label,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid ~ .custom-control-label::before {
  background-color: #71dd8a;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid:checked ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  background-color: #34ce57;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:valid:focus ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:valid ~ .custom-file-label,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:valid ~ .custom-file-label::before,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-valid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:valid ~ .valid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-valid ~ .valid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:valid ~ .valid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:valid:focus ~ .custom-file-label,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-valid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}
.htk-toolbar .htk-toolbar-panel .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
}
.htk-toolbar .htk-toolbar-panel .invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.8);
  border-radius: 0.2rem;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:invalid,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:invalid,
.htk-toolbar .htk-toolbar-panel .form-control.is-invalid,
.htk-toolbar .htk-toolbar-panel .custom-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:invalid:focus,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:invalid:focus,
.htk-toolbar .htk-toolbar-panel .form-control.is-invalid:focus,
.htk-toolbar .htk-toolbar-panel .custom-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .form-control.is-invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-select.is-invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-control:invalid ~ .invalid-tooltip,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-select:invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-control.is-invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-select.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-control-file:invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .form-control-file.is-invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-control-file:invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-control-file.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:invalid ~ .form-check-label,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .form-check-input:invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid ~ .custom-control-label,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid ~ .custom-control-label::before {
  background-color: #efa2a9;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid:checked ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  background-color: #e4606d;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-control-input:invalid:focus ~ .custom-control-label::before,
.htk-toolbar .htk-toolbar-panel .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:invalid ~ .custom-file-label,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:invalid ~ .custom-file-label::before,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-invalid ~ .custom-file-label::before {
  border-color: inherit;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:invalid ~ .invalid-feedback,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-invalid ~ .invalid-feedback,
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:invalid ~ .invalid-tooltip,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .htk-toolbar .htk-toolbar-panel .custom-file-input:invalid:focus ~ .custom-file-label,
.htk-toolbar .htk-toolbar-panel .custom-file-input.is-invalid:focus ~ .custom-file-label {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.htk-toolbar .htk-toolbar-panel .form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.htk-toolbar .htk-toolbar-panel .form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .htk-toolbar .htk-toolbar-panel .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .input-group,
  .htk-toolbar .htk-toolbar-panel .form-inline .custom-select {
    width: auto;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .form-check-input {
    position: relative;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .htk-toolbar .htk-toolbar-panel .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}
.htk-toolbar .htk-toolbar-panel .htk-toolbar-list-item {
  padding: 10px 10px 5px 25px;
  border-bottom: 1px solid #202020;
  font-size: 12px;
  color: #fff;
}
.htk-toolbar .htk-toolbar-panel .htk-toolbar-list-item:hover {
  color: #202020;
  background-color: #ffc;
}
.htk-toolbar-tab {
  bottom: 0;
  padding: 5px 5px 0px 5px;
  position: fixed;
  z-index: 100000000;
  background-color: #000000;
  border: 1px solid #202020;
  color: #ffffff !important;
  cursor: pointer;
  font-family: Courier New, monospace, serif;
  font-weight: 500;
  opacity: 0.75;
  /* Safari prototype */
  -webkit-border-top-left-radius: 0.5em;
  -webkit-border-top-right-radius: 0.5em;
  /* Gecko browsers */
  -moz-border-top-left-radius: 0.5em;
  -moz-border-top-right-radius: 0.5em;
  /* Everything else - limited support at the moment */
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}
.htk-toolbar-tab:hover {
  color: #bdc3c7 !important;
}
.htk-toolbar-tab.pulsating-htk-toolbar-tab {
  animation: pulse 3s infinite alternate;
}
@keyframes pulse {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #0000ff;
  }
}
.cpq {
  display: block;
  position: relative;
}
.cpq h1 {
  font-size: 3em;
}
.cpq h3 {
  font-size: 1.5em;
}
.cpq .cpq-company {
  font-size: 1.5em;
  font-weight: bold;
}
.cpq .cpq-heading {
  font-weight: bold;
  text-transform: uppercase;
}
.cpq .cpq-heading.recipient {
  font-size: 1.1em;
}
.cpq .cpq-contact .fa {
  margin-right: 5px;
}
.cpq .cpq-summary {
  width: 100%;
}
.cpq .cpq-items {
  width: 100%;
}
.cpq .cpq-items .cpq-items-approve {
  width: 50px;
}
.cpq .cpq-items .cpq-item-description {
  width: 60%;
}
.cpq .cpq-items .cpq-items-unit-cost,
.cpq .cpq-items .cpq-items-quantity,
.cpq .cpq-items .cpq-items-amount {
  width: 13.33333333%;
}
.cpq .cpq-items .cpq-item-unit-cost,
.cpq .cpq-items .cpq-item-quantity,
.cpq .cpq-items .cpq-item-amount {
  text-align: right;
}
.cpq .cpq-items .cpq-total {
  text-align: right;
}
.cpq .cpq-items tfoot {
  border-top: 1px solid;
}
.cpq .qrcode-container {
  width: 100%;
}
.cpq .qrcode-container img.qrcode {
  width: 100px;
  height: 100px;
}
/* generated at http://purecss.io/start/?sm=print&md=print&lg=print&xl=print */
@media print {
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-1-2,
  .pure-u-sm-1-3,
  .pure-u-sm-2-3,
  .pure-u-sm-1-4,
  .pure-u-sm-3-4,
  .pure-u-sm-1-5,
  .pure-u-sm-2-5,
  .pure-u-sm-3-5,
  .pure-u-sm-4-5,
  .pure-u-sm-5-5,
  .pure-u-sm-1-6,
  .pure-u-sm-5-6,
  .pure-u-sm-1-8,
  .pure-u-sm-3-8,
  .pure-u-sm-5-8,
  .pure-u-sm-7-8,
  .pure-u-sm-1-12,
  .pure-u-sm-5-12,
  .pure-u-sm-7-12,
  .pure-u-sm-11-12,
  .pure-u-sm-1-24,
  .pure-u-sm-2-24,
  .pure-u-sm-3-24,
  .pure-u-sm-4-24,
  .pure-u-sm-5-24,
  .pure-u-sm-6-24,
  .pure-u-sm-7-24,
  .pure-u-sm-8-24,
  .pure-u-sm-9-24,
  .pure-u-sm-10-24,
  .pure-u-sm-11-24,
  .pure-u-sm-12-24,
  .pure-u-sm-13-24,
  .pure-u-sm-14-24,
  .pure-u-sm-15-24,
  .pure-u-sm-16-24,
  .pure-u-sm-17-24,
  .pure-u-sm-18-24,
  .pure-u-sm-19-24,
  .pure-u-sm-20-24,
  .pure-u-sm-21-24,
  .pure-u-sm-22-24,
  .pure-u-sm-23-24,
  .pure-u-sm-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-sm-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-sm-1-12,
  .pure-u-sm-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-sm-1-8,
  .pure-u-sm-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-sm-1-6,
  .pure-u-sm-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-sm-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-sm-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-sm-1-4,
  .pure-u-sm-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-sm-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-sm-1-3,
  .pure-u-sm-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-sm-3-8,
  .pure-u-sm-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-sm-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-sm-5-12,
  .pure-u-sm-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-sm-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-sm-1-2,
  .pure-u-sm-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-sm-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-sm-7-12,
  .pure-u-sm-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-sm-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-sm-5-8,
  .pure-u-sm-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-sm-2-3,
  .pure-u-sm-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-sm-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-sm-3-4,
  .pure-u-sm-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-sm-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-sm-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-sm-5-6,
  .pure-u-sm-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-sm-7-8,
  .pure-u-sm-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-sm-11-12,
  .pure-u-sm-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-sm-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-sm-1,
  .pure-u-sm-1-1,
  .pure-u-sm-5-5,
  .pure-u-sm-24-24 {
    width: 100%;
  }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-1-2,
  .pure-u-md-1-3,
  .pure-u-md-2-3,
  .pure-u-md-1-4,
  .pure-u-md-3-4,
  .pure-u-md-1-5,
  .pure-u-md-2-5,
  .pure-u-md-3-5,
  .pure-u-md-4-5,
  .pure-u-md-5-5,
  .pure-u-md-1-6,
  .pure-u-md-5-6,
  .pure-u-md-1-8,
  .pure-u-md-3-8,
  .pure-u-md-5-8,
  .pure-u-md-7-8,
  .pure-u-md-1-12,
  .pure-u-md-5-12,
  .pure-u-md-7-12,
  .pure-u-md-11-12,
  .pure-u-md-1-24,
  .pure-u-md-2-24,
  .pure-u-md-3-24,
  .pure-u-md-4-24,
  .pure-u-md-5-24,
  .pure-u-md-6-24,
  .pure-u-md-7-24,
  .pure-u-md-8-24,
  .pure-u-md-9-24,
  .pure-u-md-10-24,
  .pure-u-md-11-24,
  .pure-u-md-12-24,
  .pure-u-md-13-24,
  .pure-u-md-14-24,
  .pure-u-md-15-24,
  .pure-u-md-16-24,
  .pure-u-md-17-24,
  .pure-u-md-18-24,
  .pure-u-md-19-24,
  .pure-u-md-20-24,
  .pure-u-md-21-24,
  .pure-u-md-22-24,
  .pure-u-md-23-24,
  .pure-u-md-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-md-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-md-1-12,
  .pure-u-md-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-md-1-8,
  .pure-u-md-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-md-1-6,
  .pure-u-md-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-md-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-md-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-md-1-4,
  .pure-u-md-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-md-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-md-1-3,
  .pure-u-md-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-md-3-8,
  .pure-u-md-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-md-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-md-5-12,
  .pure-u-md-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-md-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-md-1-2,
  .pure-u-md-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-md-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-md-7-12,
  .pure-u-md-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-md-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-md-5-8,
  .pure-u-md-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-md-2-3,
  .pure-u-md-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-md-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-md-3-4,
  .pure-u-md-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-md-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-md-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-md-5-6,
  .pure-u-md-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-md-7-8,
  .pure-u-md-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-md-11-12,
  .pure-u-md-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-md-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-md-1,
  .pure-u-md-1-1,
  .pure-u-md-5-5,
  .pure-u-md-24-24 {
    width: 100%;
  }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-1-2,
  .pure-u-lg-1-3,
  .pure-u-lg-2-3,
  .pure-u-lg-1-4,
  .pure-u-lg-3-4,
  .pure-u-lg-1-5,
  .pure-u-lg-2-5,
  .pure-u-lg-3-5,
  .pure-u-lg-4-5,
  .pure-u-lg-5-5,
  .pure-u-lg-1-6,
  .pure-u-lg-5-6,
  .pure-u-lg-1-8,
  .pure-u-lg-3-8,
  .pure-u-lg-5-8,
  .pure-u-lg-7-8,
  .pure-u-lg-1-12,
  .pure-u-lg-5-12,
  .pure-u-lg-7-12,
  .pure-u-lg-11-12,
  .pure-u-lg-1-24,
  .pure-u-lg-2-24,
  .pure-u-lg-3-24,
  .pure-u-lg-4-24,
  .pure-u-lg-5-24,
  .pure-u-lg-6-24,
  .pure-u-lg-7-24,
  .pure-u-lg-8-24,
  .pure-u-lg-9-24,
  .pure-u-lg-10-24,
  .pure-u-lg-11-24,
  .pure-u-lg-12-24,
  .pure-u-lg-13-24,
  .pure-u-lg-14-24,
  .pure-u-lg-15-24,
  .pure-u-lg-16-24,
  .pure-u-lg-17-24,
  .pure-u-lg-18-24,
  .pure-u-lg-19-24,
  .pure-u-lg-20-24,
  .pure-u-lg-21-24,
  .pure-u-lg-22-24,
  .pure-u-lg-23-24,
  .pure-u-lg-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-lg-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-lg-1-12,
  .pure-u-lg-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-lg-1-8,
  .pure-u-lg-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-lg-1-6,
  .pure-u-lg-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-lg-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-lg-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-lg-1-4,
  .pure-u-lg-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-lg-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-lg-1-3,
  .pure-u-lg-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-lg-3-8,
  .pure-u-lg-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-lg-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-lg-5-12,
  .pure-u-lg-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-lg-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-lg-1-2,
  .pure-u-lg-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-lg-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-lg-7-12,
  .pure-u-lg-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-lg-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-lg-5-8,
  .pure-u-lg-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-lg-2-3,
  .pure-u-lg-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-lg-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-lg-3-4,
  .pure-u-lg-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-lg-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-lg-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-lg-5-6,
  .pure-u-lg-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-lg-7-8,
  .pure-u-lg-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-lg-11-12,
  .pure-u-lg-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-lg-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-lg-1,
  .pure-u-lg-1-1,
  .pure-u-lg-5-5,
  .pure-u-lg-24-24 {
    width: 100%;
  }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-1-2,
  .pure-u-xl-1-3,
  .pure-u-xl-2-3,
  .pure-u-xl-1-4,
  .pure-u-xl-3-4,
  .pure-u-xl-1-5,
  .pure-u-xl-2-5,
  .pure-u-xl-3-5,
  .pure-u-xl-4-5,
  .pure-u-xl-5-5,
  .pure-u-xl-1-6,
  .pure-u-xl-5-6,
  .pure-u-xl-1-8,
  .pure-u-xl-3-8,
  .pure-u-xl-5-8,
  .pure-u-xl-7-8,
  .pure-u-xl-1-12,
  .pure-u-xl-5-12,
  .pure-u-xl-7-12,
  .pure-u-xl-11-12,
  .pure-u-xl-1-24,
  .pure-u-xl-2-24,
  .pure-u-xl-3-24,
  .pure-u-xl-4-24,
  .pure-u-xl-5-24,
  .pure-u-xl-6-24,
  .pure-u-xl-7-24,
  .pure-u-xl-8-24,
  .pure-u-xl-9-24,
  .pure-u-xl-10-24,
  .pure-u-xl-11-24,
  .pure-u-xl-12-24,
  .pure-u-xl-13-24,
  .pure-u-xl-14-24,
  .pure-u-xl-15-24,
  .pure-u-xl-16-24,
  .pure-u-xl-17-24,
  .pure-u-xl-18-24,
  .pure-u-xl-19-24,
  .pure-u-xl-20-24,
  .pure-u-xl-21-24,
  .pure-u-xl-22-24,
  .pure-u-xl-23-24,
  .pure-u-xl-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
  }
  .pure-u-xl-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
  }
  .pure-u-xl-1-12,
  .pure-u-xl-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
  }
  .pure-u-xl-1-8,
  .pure-u-xl-3-24 {
    width: 12.5%;
    *width: 12.469%;
  }
  .pure-u-xl-1-6,
  .pure-u-xl-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
  }
  .pure-u-xl-1-5 {
    width: 20%;
    *width: 19.969%;
  }
  .pure-u-xl-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
  }
  .pure-u-xl-1-4,
  .pure-u-xl-6-24 {
    width: 25%;
    *width: 24.969%;
  }
  .pure-u-xl-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
  }
  .pure-u-xl-1-3,
  .pure-u-xl-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
  }
  .pure-u-xl-3-8,
  .pure-u-xl-9-24 {
    width: 37.5%;
    *width: 37.469%;
  }
  .pure-u-xl-2-5 {
    width: 40%;
    *width: 39.969%;
  }
  .pure-u-xl-5-12,
  .pure-u-xl-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
  }
  .pure-u-xl-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
  }
  .pure-u-xl-1-2,
  .pure-u-xl-12-24 {
    width: 50%;
    *width: 49.969%;
  }
  .pure-u-xl-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
  }
  .pure-u-xl-7-12,
  .pure-u-xl-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
  }
  .pure-u-xl-3-5 {
    width: 60%;
    *width: 59.969%;
  }
  .pure-u-xl-5-8,
  .pure-u-xl-15-24 {
    width: 62.5%;
    *width: 62.469%;
  }
  .pure-u-xl-2-3,
  .pure-u-xl-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
  }
  .pure-u-xl-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
  }
  .pure-u-xl-3-4,
  .pure-u-xl-18-24 {
    width: 75%;
    *width: 74.969%;
  }
  .pure-u-xl-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
  }
  .pure-u-xl-4-5 {
    width: 80%;
    *width: 79.969%;
  }
  .pure-u-xl-5-6,
  .pure-u-xl-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
  }
  .pure-u-xl-7-8,
  .pure-u-xl-21-24 {
    width: 87.5%;
    *width: 87.469%;
  }
  .pure-u-xl-11-12,
  .pure-u-xl-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
  }
  .pure-u-xl-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
  }
  .pure-u-xl-1,
  .pure-u-xl-1-1,
  .pure-u-xl-5-5,
  .pure-u-xl-24-24 {
    width: 100%;
  }
}
/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/
* {
  margin: 0;
  padding: 0;
}
/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html,
body {
  height: 100%;
}
#wrap {
  min-height: 100%;
}
#main {
  overflow: auto;
  padding-bottom: 120px;
}
/* must be same height as the footer */
#footer {
  position: relative;
  margin-top: -120px;
  /* negative value of footer height */
  height: auto;
  clear: both;
}
/*Opera Fix*/
body:before {
  /* thanks to Maleika (Kohoutec)*/
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
  /* thank you Erik J - negate effect of float*/
}
/* IMPORTANT

You also need to include this conditional style in the <head> of your HTML file to feed this style to IE 6 and lower and 8 and higher.

<!--[if !IE 7]>
<style type="text/css">
#wrap {display:table;height:100%}
</style>
<![endif]-->

*/
html,
body {
  height: 100%;
}
body {
  font-size: 16px;
  font-weight: 300;
}
.brand {
  font-size: 3.3rem;
  font-weight: 300;
  text-transform: lowercase;
}
#header {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 90px;
  z-index: 150;
  transition: top 0.2s;
}
#header > .content {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: auto;
  padding: 15px 30px;
}
#header > .content .header-left {
  padding-left: 9px;
  padding-right: 25px;
  text-align: right;
}
#header > .content .header-left .mobile-menu-button {
  line-height: 70px;
}
#header > .content .header-right .brand {
  line-height: 55px;
}
#header > .content .header-right .brand img {
  height: 55px;
}
#main {
  height: 100%;
  padding-top: 90px;
}
#main > .content {
  margin: 0px auto;
}
footer #footer {
  min-height: 120px;
  width: 100%;
}
footer #footer > .content {
  margin: auto;
  padding: 10px 10px;
}
#mobile_menu {
  display: block;
  position: fixed;
  top: 0px;
  left: -320px;
  width: 320px;
  height: 100%;
  overflow-x: hidden;
  transition: 0.2s;
}
#mobile_menu.displayed {
  left: 0px;
}
#mobile_menu .content {
  padding: 20px;
}
#mobile_menu_header {
  display: block;
  top: 0px;
}
#mobile_menu_header > .content {
  line-height: 55px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  margin: auto;
  padding: 15px 30px;
}
#mobile_menu_header > .content .mobile-menu-header-logo .brand {
  line-height: 55px;
}
#mobile_menu_header > .content .mobile-menu-header-logo .brand img {
  height: 55px;
}
#mobile_menu_header > .content .mobile-menu-header-button {
  padding-right: 25px;
  padding-left: 9px;
  line-height: 70px;
}
/* -------------------------------------------------- */
/* Media queries
/* -------------------------------------------------- */
/* Awesomebible custom colors */
html,
body {
  background-color: #ffffff;
  color: #3B3849;
  font-family: 'Open Sans', sans-serif;
}
html .overlay,
body .overlay {
  overflow: hidden;
}
a {
  transition: 0.2s;
  text-decoration: none !important;
}
#header {
  background-color: #3B3849;
  color: #ffffff;
}
#header a {
  color: #ffffff;
}
#header a:hover {
  color: #6a6483;
}
#header .brand a {
  color: #ffffff !important;
}
body.page_index #header {
  background-color: rgba(255, 255, 255, 0.95);
  color: #3B3849;
}
body.page_index #header a {
  color: #6a6483;
  font-size: 16px;
  font-weight: 300;
}
body.page_index #header a.btn {
  font-size: 14px;
}
body.page_index #header a:hover.btn.btn-light {
  color: #6a6483;
}
body.page_index #header a:hover.btn {
  color: white;
}
body.page_index #header a:hover {
  color: #9f9bb2;
  text-decoration: none !important;
}
body.page_index #header .brand a {
  color: #3B3849;
}
#mobile_menu_header a {
  color: #ffffff;
}
#mobile_menu_header a:hover {
  color: #6a6483;
}
#main {
  background-color: #ffffff;
  color: #3B3849;
}
#main a {
  color: #6a6483;
  font-size: 16px;
  font-weight: 300;
}
#main a.btn {
  font-size: 14px;
}
#main a:hover.btn.btn-light {
  color: #6a6483;
}
#main a:hover.btn {
  color: white;
}
#main a:hover {
  color: #9f9bb2;
  text-decoration: none !important;
}
#main > .content .home-splash .splash-word {
  font-weight: bold;
  font-style: italic;
}
#main > .content .home-splash .splash-domain {
  font-weight: bold;
}
#footer {
  background-color: #3B3849;
  color: #ffffff;
}
#footer a {
  color: #ffffff;
}
#footer a:hover {
  color: #6a6483;
}
#mobile_menu {
  background-color: #3B3849;
  color: #ffffff;
}
a:focus,
a:hover {
  text-decoration: none;
}
.alert {
  margin-bottom: 0 !important;
}
.bible-passage + .bible-passage {
  margin-top: 40px;
}
.copyrights {
  font-size: 0.8rem;
}
.copyrights a {
  font-size: 0.8rem !important;
}
#errors {
  padding: 0px 10px;
}
.love {
  color: #ff0000;
}
.love:before {
  content: "<3";
}
#mobile_menu .mobile-menu-links {
  list-style-type: none;
  padding: 0 0 0 9px;
}
#mobile_menu .mobile-menu-links a {
  color: #ffffff;
  text-decoration: none;
}
#mobile_menu .mobile-menu-links li {
  padding: 10px;
  transition: 0.2s;
}
#mobile_menu .mobile-menu-links li + li {
  border-top: 1px solid #666666;
}
#mobile_menu .mobile-menu-links li:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.awesomebible-page {
  margin-top: 40px;
}
.awesomebible-page .heading {
  margin-bottom: 40px;
}
.awesomebible-page .form-container {
  font-weight: 400;
  margin: auto;
  width: 370px;
  max-width: 100%;
}
.awesomebible-page .form-container label {
  text-transform: lowercase;
  color: #8c8c8c;
  font-weight: 400;
}
.awesomebible-page .form-container .field-group {
  margin-bottom: 8px;
}
.awesomebible-page .form-container .field-group + .field-group {
  margin-top: 10px;
}
.awesomebible-page .form-container .field-group.error label {
  color: #ff0000;
}
.awesomebible-page .form-container input {
  box-shadow: none;
  border-radius: 0px;
  border-top: none;
  border-left: none;
  border-right: none;
  height: 45px;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 20px;
  /* http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css */
}
.awesomebible-page .form-container input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #cccccc;
}
.awesomebible-page .form-container input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cccccc;
  opacity: 1;
}
.awesomebible-page .form-container input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cccccc;
  opacity: 1;
}
.awesomebible-page .form-container input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #cccccc;
}
.awesomebible-page .form-container button[type="submit"] {
  margin: 40px 0px 25px;
}
.awesomebible-page .awesomebible-page-text-block {
  margin: auto;
  min-width: 320px;
  max-width: 600px;
  padding: 0px 10px;
}
.awesomebible-page .form-container {
  padding: 0px 10px;
}
.awesomebible-page .form-container.auth-form .auth-forgot-password {
  text-align: right;
}
.awesomebible-page .form-container.auth-form .auth-form-alt {
  text-transform: lowercase;
  color: #8c8c8c;
}
/*Pericope Text*/
.bPeri {
  margin-bottom: 5px;
  margin-top: 25px;
  font-weight: normal;
  font-style: italic;
  text-align: left;
  display: block;
}
/*Chapter Number*/
.bCh {
  color: #081F61;
  font-weight: bold;
  font-size: 12.8px;
  display: inline;
}
.bChpoetry {
  color: #081F61;
  font-weight: bold;
  font-size: 12.8px;
  display: block;
  position: absolute;
  vertical-align: text-top;
}
/*Paragraph Indents and Chunks*/
.bPara {
  display: inline;
  margin-left: 0px;
}
.bIndent {
  display: inline;
}
/*Prose Non-paragraph Verse Numbers*/
.bVN {
  margin-right: 0px;
  margin-left: 0px;
  font-weight: bold;
  font-size: 12.8px;
  display: inline;
}
/*Prose Paragraph Verse Numbers*/
.bVNP {
  margin-right: 0px;
  font-weight: bold;
  font-size: 12.8px;
  display: inline;
}
/*Poetry Non-paragraph Verse Numbers*/
.bVNpt {
  position: absolute;
  margin-left: 15px;
  margin-right: 0px;
  font-weight: bold;
  font-size: 12.8px;
  display: block;
}
/*Poetry Paragraph Verse Numbers*/
.bVNPpt {
  position: absolute;
  margin-left: 15px;
  margin-right: 0px;
  font-weight: bold;
  font-size: 12.8px;
  display: block;
}
/*Regular Text*/
.bV {
  margin-right: 0px;
  line-height: 1.4;
  font-size: 16px;
  display: inline;
}
/*Poetry Indent*/
.bPt {
  display: block;
  margin-left: 5.8ex;
}
/*Small Caps*/
.scaps {
  font-size: 12.8px;
  text-transform: uppercase;
}
/* Red Letter */
.redletter {
  color: #a81e22;
}
/*Highlighting*/
.highlight {
  background-color: #c8e1ff;
}
/*Hebrew Alphabet in Psalm 119*/
.hebalpha {
  font-weight: bold;
  font-size: 16px;
  display: block;
  margin-left: 47px;
  margin-top: 1em;
}
/* TABLE OF CONTENTS */
.tocTable {
  max-width: 90%;
  margin-top: 10px;
  margin-left: 5%;
  margin-right: 5%;
  border: 1px solid gray;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
}
.tocTableL {
  display: inline;
  float: left;
  width: 49%;
  text-align: center;
  border-right: 1px solid gray;
  padding: 20px 0px 20px 0px;
}
.tocTableR {
  display: inline;
  float: right;
  width: 49%;
  text-align: center;
  padding: 20px 0px 20px 0px;
}
.tocColumnL {
  display: inline;
  float: left;
  width: 35%;
  text-align: left;
  margin-left: 15%;
}
.tocColumnR {
  display: inline;
  float: right;
  width: 39%;
  text-align: left;
  margin-left: 10%;
}
.tocTestamentTxt {
  font-weight: bold;
  font-size: 18pt;
  margin-bottom: 25px;
}
.ot {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 150%;
  font-size: 16px;
}
.nt {
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 170%;
  font-size: 16px;
}
/* ABOUT PAGES*/
.aHead {
  font-weight: bold;
  font-size: 14pt;
}
.aHHead {
  font-weight: bold;
  font-size: 24pt;
}
.aQuote {
  font-style: italic;
}
/* NOT RENDER STUFF */
.pagination {
  text-align: center;
  margin-bottom: 35px;
  font-size: 16px;
}