/*!================================   

 *    Insights UI Kit
 *    Version 1.0.1

===================================*/
/* tab indicators etc. can be the same as primary or a complimentary colour */
/* main app menu strip if shown - set to 0 height if not required */
/* coloured strip down left hand side of dropdown menus, behind icons. Applies if .icon-column class is used on menu, otherwise icons are normal text colour and the menu background is all one colour. */
/* borders */
/* drop shadows for menus, modals, popovers */
/* focus box shadows */
/* border radius for buttons and inputs*/
/* border radius for menus, popout panels and cards*/
/* border radius for modal dialogs*/
h1, h2, h3, h4, h5, h6, b, strong {
  font-weight: 600;
  margin: 0;
}

h2, .h2 {
  font-size: 28px;
  line-height: 34px;
  letter-spacing: -0.5px;
}

h3, .h3 {
  font-size: 19px;
  line-height: 24px;
  letter-spacing: -0.5px;
  color: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  letter-spacing: -0.25px;
}

h4, .h4 {
  font-size: 16px;
  line-height: 19px;
  color: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  letter-spacing: -0.25px;
}

h5, .h5 {
  font-size: 13px;
  color: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

h6, .h6 {
  font-size: 12px;
  text-transform: uppercase;
  color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

small, .small {
  font-size: 11px;
}

h6.small {
  font-size: 10px;
  font-weight: 600;
}

p {
  margin: 0;
  line-height: 1.5em;
  color: #333;
}

.caps {
  text-transform: uppercase;
}

.light {
  color: #757575;
  font-weight: 400;
}

.lighter {
  color: #999;
}

.primary-text {
  color: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
}

.accent-text {
  color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

.red-text {
  color: rgba(var(--red-text-color-r, 216), var(--red-text-color-g, 61), var(--red-text-color-b, 63));
}

.amber-text {
  color: rgba(var(--amber-text-color-r, 218), var(--amber-text-color-g, 141), var(--amber-text-color-b, 22));
}

.green-text {
  color: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

button:hover h1, button:hover h2, button:hover h3, button:hover h4, button:hover h5, button:hover h6,
button:focus h1, button:focus h2, button:focus h3, button:focus h4, button:focus h5, button:focus h6,
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {
  color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175), 110);
}

hr {
  border: none;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.bulleted {
  display: block;
  list-style-type: none;
  margin-left: 38px;
  margin-right: 0;
  padding-top: 4px;
  padding-left: 0px;
  margin-bottom: 30px;
}

ul.bulleted li {
  margin-left: 0;
  margin-bottom: 12px;
  max-width: 90%;
  position: relative;
  padding-left: 20px;
  color: #333 !important;
  line-height: 1.5em;
}

ul.bulleted li:before {
  content: "";
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  height: 7px;
  width: 7px;
  position: absolute;
  left: 0;
  top: 7px;
}

ul.bulleted.accent li:before {
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

ul.bulleted.red li:before {
  background: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

ul.bulleted.amber li:before {
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

ul.bulleted.green li:before {
  background: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

ol {
  margin-left: 12px;
  margin-bottom: 30px;
  padding-top: 4px;
}

ol li {
  margin-bottom: 12px;
  padding-left: 7px;
}

ol li::marker {
  font-weight: 600;
}

ol ul.bulleted {
  margin-top: -4px;
  margin-bottom: 0;
  margin-left: 24px;
}

ol ul.bulleted li:before {
  content: "";
  background: #333;
  height: 5px;
  width: 5px;
  position: absolute;
  left: 0;
  top: 7px;
}

a.link, a.link:active, button.link, button.link:active {
  color: #444;
  text-transform: initial;
  border-bottom: 1px solid transparent;
  padding-left: 0px;
  padding-right: 0px;
}

a.link:hover, a.link:focus, button.link:hover, button.link:focus {
  color: #333;
  text-decoration: none;
  border-bottom: 1px dotted rgba(68, 68, 68, 0.7);
}

.empty-msg {
  font-size: 14px;
  color: #999;
  font-weight: 400;
  text-align: center;
  padding: 10px 20px 30px;
}

.pull-right {
  float: right;
}

.relative {
  position: relative;
}

.full-width {
  width: 100%;
}

.info-text {
  color: #999;
}

.center {
  text-align: center;
}

.uppercase {
  text-transform: uppercase;
}

.right {
  text-align: right;
}

.hide {
  display: none;
}

.block {
  display: block;
}

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

.flex {
  display: flex;
}

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

.table-row {
  display: table-row;
  vertical-align: middle;
}

.table-cell {
  display: table-cell;
  vertical-align: middle;
}

.capitalize {
  text-transform: capitalize;
}

.flip-x {
  transform: scaleX(-1);
}

.flip-y {
  transform: scaleY(-1);
}

.nowrap {
  white-space: nowrap;
}

.transparent {
  background: transparent;
}

.unshaded {
  background: #fff;
}

.shaded {
  background: #F3F7FA;
}

.shaded-dark {
  background: #E9F0F5;
}

.amber {
  color: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

.amber-bg {
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

.amber-light-bg {
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

.red {
  color: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.red-bg {
  background: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.red-light-bg {
  background: rgba(var(--red-light-color-r, 255), var(--red-light-color-g, 217), var(--red-light-color-b, 218));
}

.green {
  color: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

.green-bg {
  background: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

.green-light-bg {
  background: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

.accent {
  color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

.accent-bg {
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

.accent-light-bg {
  background: rgba(var(--accent-color-light-r, 209), var(--accent-color-light-g, 243), var(--accent-color-light-b, 255));
}

.primary {
  color: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
}

.primary-bg {
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
}

.primary-light-bg {
  background: d;
}

.flex-end {
  align-self: flex-end;
}

.bx {
  border: 1px solid #ccc;
}

.bb {
  border-bottom: 1px solid #ccc;
}

.bt {
  border-top: 1px solid #ccc;
}

.bl {
  border-left: 1px solid #ccc;
}

.br {
  border-right: 1px solid #ccc;
}

.br0 {
  border-right: none;
}

.bl0 {
  border-left: none;
}

.bt0 {
  border-top: none;
}

.bb0 {
  border-bottom: none;
}

.ml-auto, .mx-auto {
  margin-left: auto !important;
}

.mr-auto, .mx-auto {
  margin-right: auto !important;
}

.ml--20px {
  margin-left: -20px !important;
}

.ml--15px {
  margin-left: -15px !important;
}

.ml--10px {
  margin-left: -10px !important;
}

.ml--5px {
  margin-left: -5px !important;
}

.ml-0, .ml-0px {
  margin-left: 0 !important;
}

.ml-5px {
  margin-left: 5px !important;
}

.ml-8px {
  margin-left: 8px !important;
}

.ml-10px {
  margin-left: 10px !important;
}

.ml-15px {
  margin-left: 15px !important;
}

.ml-20px {
  margin-left: 20px !important;
}

.ml-30px {
  margin-left: 30px !important;
}

.ml-40px {
  margin-left: 40px !important;
}

.ml-50px {
  margin-left: 50px !important;
}

.ml-0, .ml-0px {
  margin-left: 0 !important;
}

.mr-3px {
  margin-right: 3px !important;
}

.mr-5px {
  margin-right: 5px !important;
}

.mr-8px {
  margin-right: 8px !important;
}

.mr-10px {
  margin-right: 10px !important;
}

.mr-15px {
  margin-right: 15px !important;
}

.mr-20px {
  margin-right: 20px !important;
}

.mr-25px {
  margin-right: 25px !important;
}

.mr-30px {
  margin-right: 30px !important;
}

.mr-40px {
  margin-right: 40px !important;
}

.mr-50px {
  margin-right: 50px !important;
}

.mb-0, .mb-0px {
  margin-bottom: 0 !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-8px {
  margin-bottom: 8px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mt--10px {
  margin-top: -10px !important;
}

.mt--5px {
  margin-top: -5px !important;
}

.mt-0, .mt-0px {
  margin-top: 5px !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.p-0, .p-0px {
  padding: 0px !important;
}

.p-5px {
  padding: 5px !important;
}

.p-10px {
  padding: 10px !important;
}

.p-15px {
  padding: 15px !important;
}

.p-20px {
  padding: 20px !important;
}

.p-25px {
  padding: 25px !important;
}

.p-30px {
  padding: 30px !important;
}

.p-40px {
  padding: 40px !important;
}

.p-50px {
  padding: 50px !important;
}

.pt-0, .pt-0px {
  padding-top: 0 !important;
}

.pt-3px {
  padding-top: 3px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pb-0, .pb-0px {
  padding-bottom: 0 !important;
}

.pb-3px {
  padding-bottom: 3px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pl-0, .pl-0px {
  padding-left: 0 !important;
}

.pl-5px {
  padding-left: 5px !important;
}

.pl-10px {
  padding-left: 10px !important;
}

.pl-15px {
  padding-left: 15px !important;
}

.pl-20px {
  padding-left: 20px !important;
}

.pl-25px {
  padding-left: 25px !important;
}

.pl-30px {
  padding-left: 30px !important;
}

.pl-40px {
  padding-left: 40px !important;
}

.pl-50px {
  padding-left: 50px !important;
}

.pr-0, .pr-0px {
  padding-right: 0 !important;
}

.pr-5px {
  padding-right: 5px !important;
}

.pr-10px {
  padding-right: 10px !important;
}

.pr-15px {
  padding-right: 15px !important;
}

.pr-20px {
  padding-right: 20px !important;
}

.pr-25px {
  padding-right: 25px !important;
}

.pr-30px {
  padding-right: 30px !important;
}

.pr-40px {
  padding-right: 40px !important;
}

.pr-50px {
  padding-right: 50px !important;
}

.va--1px {
  vertical-align: -1px !important;
}

.va--2px {
  vertical-align: -2px !important;
}

.va--3px {
  vertical-align: -3px !important;
}

.va--4px {
  vertical-align: -4px !important;
}

.va-1px {
  vertical-align: 1px !important;
}

.va-2px {
  vertical-align: 2px !important;
}

.va-3px {
  vertical-align: 3px !important;
}

.va-4px {
  vertical-align: 4px !important;
}

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

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

table.va-top td {
  vertical-align: top !important;
}

table.va-middle td {
  vertical-align: middle !important;
}

/* fixed widths */
.w-auto {
  width: auto !important;
}

.w-25px {
  width: 25px !important;
}

.w-30px {
  width: 30px !important;
}

.w-40px {
  width: 40px !important;
}

.w-50px {
  width: 50px !important;
}

.w-75px {
  width: 50px !important;
}

.w-100px {
  width: 100px !important;
}

.w-125px {
  width: 100px !important;
}

.w-150px {
  width: 150px !important;
}

.w-200px {
  width: 200px !important;
}

.w-225px {
  width: 225px !important;
}

.w-250px {
  width: 250px !important;
}

.w-300px {
  width: 300px !important;
}

.w-400px {
  width: 400px !important;
}

.w-500px {
  width: 500px !important;
}

.w-600px {
  width: 600px !important;
}

.w-700px {
  width: 700px !important;
}

.w-800px {
  width: 800px !important;
}

.w-100pc {
  width: 100% !important;
}

.w-100vw {
  width: 100vw !important;
}

.col.w-50px {
  flex: 0 0 50px !important;
}

.col.w-75px {
  flex: 0 0 75px !important;
}

.col.w-100px {
  flex: 0 0 100px !important;
}

.col.w-200px {
  flex: 0 0 200px !important;
}

.col.w-225px {
  flex: 0 0 225px !important;
}

.col.w-250px {
  flex: 0 0 250px !important;
}

.col.w-300px {
  flex: 0 0 300px !important;
}

.col.w-400px {
  flex: 0 0 400px !important;
}

.col.w-500px {
  flex: 0 0 500px !important;
}

.minw-0, minw-0px {
  min-width: 0 !important;
}

.minw-50px {
  min-width: 50px !important;
}

.minw-60px {
  min-width: 60px !important;
}

.minw-70px {
  min-width: 70px !important;
}

.minw-100px {
  min-width: 100px !important;
}

.minw-125px {
  min-width: 125px !important;
}

.minw-150px {
  min-width: 150px !important;
}

.minw-175px {
  min-width: 175px !important;
}

.minw-200px {
  min-width: 200px !important;
}

.minw-225px {
  min-width: 225px !important;
}

.minw-250px {
  min-width: 250px !important;
}

.minw-300px {
  min-width: 300px !important;
}

.minw-400px {
  min-width: 400px !important;
}

.minw-500px {
  min-width: 400px !important;
}

.mw-0px, .maxw-0px, .mw-0, .maxw-0 {
  max-width: 0px;
}

.maxw-50px {
  max-width: 50px !important;
}

.maxw-100px {
  max-width: 100px !important;
}

.maxw-125px {
  max-width: 125px !important;
}

.maxw-150px {
  max-width: 150px !important;
}

.maxw-175px {
  max-width: 175px !important;
}

.maxw-200px {
  max-width: 200px !important;
}

.maxw-225px {
  max-width: 225px !important;
}

.maxw-250px {
  max-width: 250px !important;
}

.maxw-300px {
  max-width: 300px !important;
}

.maxw-400px {
  max-width: 400px !important;
}

.maxw-500px {
  max-width: 500px !important;
}

.maxh-0px {
  max-height: 0px;
}

.maxh-50px {
  max-height: 50px;
  overflow-y: auto;
}

.maxh-100px {
  max-height: 100px;
  overflow-y: auto;
}

.maxh-125px {
  max-height: 125px;
  overflow-y: auto;
}

.maxh-150px {
  max-height: 150px;
  overflow-y: auto;
}

.maxh-175px {
  max-height: 175px;
  overflow-y: auto;
}

.maxh-200px {
  max-height: 200px;
  overflow-y: auto;
}

.maxh-225px {
  max-height: 225px;
  overflow-y: auto;
}

.maxh-250px {
  max-height: 250px;
  overflow-y: auto;
}

.maxh-300px {
  max-height: 300px;
  overflow-y: auto;
}

.maxh-400px {
  max-height: 400px;
  overflow-y: auto;
}

.maxh-500px {
  max-height: 500px;
  overflow-y: auto;
}

.maxh-20vh {
  max-height: 20vh;
  overflow-y: auto;
}

.maxh-25vh {
  max-height: 25vh;
  overflow-y: auto;
}

.maxh-30vh {
  max-height: 30vh;
  overflow-y: auto;
}

.maxh-40vh {
  max-height: 40vh;
  overflow-y: auto;
}

.maxh-50vh {
  max-height: 50vh;
  overflow-y: auto;
}

.maxh-60vh {
  max-height: 60vh;
  overflow-y: auto;
}

.minh-0px {
  min-height: 0px;
}

.minh-50px {
  min-height: 50px;
}

.minh-100px {
  min-height: 100px;
}

.minh-125px {
  min-height: 125px;
}

.minh-150px {
  min-height: 150px;
}

.minh-175px {
  min-height: 175px;
}

.minh-200px {
  min-height: 200px;
}

.minh-225px {
  min-height: 225px;
}

.minh-250px {
  min-height: 250px;
}

.minh-300px {
  min-height: 300px;
}

.minh-400px {
  min-height: 400px;
}

.minh-500px {
  min-height: 500px;
}

/* max width for wrapper containers - primarily to maintain reading widths */
.mw-1200px, .maxw-1200px {
  max-width: 1200px;
}

.mw-1000px, .maxw-1000px {
  max-width: 1000px;
}

.mw-800px, .maxw-800px {
  max-width: 800px;
}

.mw-750px, .maxw-750px {
  max-width: 750px;
}

.mw-575px, .maxw-575px {
  max-width: 575px;
}

.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.wrap-word-break {
  word-break: break-word;
  overflow-wrap: break-word;
}

/* use to force line breaks on long URLs etc. */
a.link, .force-wrap {
  overflow-wrap: break-word;
  word-break: break-all;
  hyphens: auto;
}

/* Breakpoint overrides to padding etc. */
@media (min-width: 400px) {
  .pl-xs-0, .pl-xs-0px {
    padding-left: 0 !important;
  }
  .pl-xs-5px {
    padding-left: 5px !important;
  }
  .pl-xs-10px {
    padding-left: 10px !important;
  }
  .pl-xs-15px {
    padding-left: 15px !important;
  }
  .pl-xs-20px {
    padding-left: 20px !important;
  }
  .pl-xs-25px {
    padding-left: 25px !important;
  }
  .pl-xs-30px {
    padding-left: 30px !important;
  }
  .pl-xs-40px {
    padding-left: 40px !important;
  }
  .pl-xs-50px {
    padding-left: 50px !important;
  }
  .pr-xs-0, .pr-xs-0px {
    padding-right: 0 !important;
  }
  .pr-xs-5px {
    padding-right: 5px !important;
  }
  .pr-xs-10px {
    padding-right: 10px !important;
  }
  .pr-xs-15px {
    padding-right: 15px !important;
  }
  .pr-xs-20px {
    padding-right: 20px !important;
  }
  .pr-xs-25px {
    padding-right: 25px !important;
  }
  .pr-xs-30px {
    padding-right: 30px !important;
  }
  .pr-xs-40px {
    padding-right: 40px !important;
  }
  .pr-xs-50px {
    padding-right: 50px !important;
  }
  .mb-xs-0 {
    margin-bottom: 0 !important;
  }
  .mb-xs-10px {
    margin-bottom: 10px !important;
  }
  .mb-xs-20px {
    margin-bottom: 20px !important;
  }
  .ml-xs-auto {
    margin-left: auto !important;
  }
  .ml-xs-0 {
    margin-left: 0 !important;
  }
  .ml-xs-5px {
    margin-left: 5px !important;
  }
  .ml-xs-10px {
    margin-left: 10px !important;
  }
  .ml-xs-20px {
    margin-left: 20px !important;
  }
  .mr-xs-auto {
    margin-right: auto !important;
  }
  .mr-xs-0 {
    margin-right: 0 !important;
  }
  .mr-xs-5px {
    margin-right: 5px !important;
  }
  .mr-xs-10px {
    margin-right: 10px !important;
  }
  .mr-xs-20px {
    margin-right: 20px !important;
  }
  .bl-xsm {
    border-left: 1px solid #ccc;
  }
  .br-xsm {
    border-right: 1px solid #ccc;
  }
  .br0-xsm {
    border-right: none;
  }
  .bl0-xsm {
    border-left: none;
  }
}
@media (min-width: 576px) {
  .pl-sm-0, .pl-sm-0px {
    padding-left: 0 !important;
  }
  .pl-sm-5px {
    padding-left: 5px !important;
  }
  .pl-sm-10px {
    padding-left: 10px !important;
  }
  .pl-sm-15px {
    padding-left: 15px !important;
  }
  .pl-sm-20px {
    padding-left: 20px !important;
  }
  .pl-sm-25px {
    padding-left: 25px !important;
  }
  .pl-sm-30px {
    padding-left: 30px !important;
  }
  .pl-sm-40px {
    padding-left: 40px !important;
  }
  .pl-sm-50px {
    padding-left: 50px !important;
  }
  .pr-sm-0, .pr-sm-0px {
    padding-right: 0 !important;
  }
  .pr-sm-5px {
    padding-right: 5px !important;
  }
  .pr-sm-10px {
    padding-right: 10px !important;
  }
  .pr-sm-15px {
    padding-right: 15px !important;
  }
  .pr-sm-20px {
    padding-right: 20px !important;
  }
  .pr-sm-25px {
    padding-right: 25px !important;
  }
  .pr-sm-30px {
    padding-right: 30px !important;
  }
  .pr-sm-40px {
    padding-right: 40px !important;
  }
  .pr-sm-50px {
    padding-right: 50px !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-10px {
    margin-bottom: 10px !important;
  }
  .mb-sm-20px {
    margin-bottom: 20px !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .ml-sm-5px {
    margin-left: 5px !important;
  }
  .ml-sm-10px {
    margin-left: 10px !important;
  }
  .ml-sm-20px {
    margin-left: 20px !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mr-sm-5px {
    margin-right: 5px !important;
  }
  .mr-sm-10px {
    margin-right: 10px !important;
  }
  .mr-sm-20px {
    margin-right: 20px !important;
  }
  .bl-sm {
    border-left: 1px solid #ccc;
  }
  .br-sm {
    border-right: 1px solid #ccc;
  }
  .br0-sm {
    border-right: none;
  }
  .bl0-sm {
    border-left: none;
  }
}
@media (min-width: 768px) {
  .pl-md-0, .pl-md-0px {
    padding-left: 0 !important;
  }
  .pl-md-5px {
    padding-left: 5px !important;
  }
  .pl-md-10px {
    padding-left: 10px !important;
  }
  .pl-md-15px {
    padding-left: 15px !important;
  }
  .pl-md-20px {
    padding-left: 20px !important;
  }
  .pl-md-25px {
    padding-left: 25px !important;
  }
  .pl-md-30px {
    padding-left: 30px !important;
  }
  .pl-md-40px {
    padding-left: 40px !important;
  }
  .pl-md-50px {
    padding-left: 50px !important;
  }
  .pr-md-0, .pr-md-0px {
    padding-right: 0 !important;
  }
  .pr-md-5px {
    padding-right: 5px !important;
  }
  .pr-md-10px {
    padding-right: 10px !important;
  }
  .pr-md-15px {
    padding-right: 15px !important;
  }
  .pr-md-20px {
    padding-right: 20px !important;
  }
  .pr-md-25px {
    padding-right: 25px !important;
  }
  .pr-md-30px {
    padding-right: 30px !important;
  }
  .pr-md-40px {
    padding-right: 40px !important;
  }
  .pr-md-50px {
    padding-right: 50px !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-10px {
    margin-bottom: 10px !important;
  }
  .mb-md-20px {
    margin-bottom: 20px !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .ml-md-5px {
    margin-left: 5px !important;
  }
  .ml-md-10px {
    margin-left: 10px !important;
  }
  .ml-md-20px {
    margin-left: 20px !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mr-md-5px {
    margin-right: 5px !important;
  }
  .mr-md-10px {
    margin-right: 10px !important;
  }
  .mr-md-20px {
    margin-right: 20px !important;
  }
  .bl-md {
    border-left: 1px solid #ccc;
  }
  .br-md {
    border-right: 1px solid #ccc;
  }
  .br0-md {
    border-right: none;
  }
  .bl0-md {
    border-left: none;
  }
}
@media (min-width: 992px) {
  .pl-lg-0, .pl-lg-0px {
    padding-left: 0 !important;
  }
  .pl-lg-5px {
    padding-left: 5px !important;
  }
  .pl-lg-10px {
    padding-left: 10px !important;
  }
  .pl-lg-15px {
    padding-left: 15px !important;
  }
  .pl-lg-20px {
    padding-left: 20px !important;
  }
  .pl-lg-25px {
    padding-left: 25px !important;
  }
  .pl-lg-30px {
    padding-left: 30px !important;
  }
  .pl-lg-40px {
    padding-left: 40px !important;
  }
  .pl-lg-50px {
    padding-left: 50px !important;
  }
  .pr-lg-0, .pr-lg-0px {
    padding-right: 0 !important;
  }
  .pr-lg-5px {
    padding-right: 5px !important;
  }
  .pr-lg-10px {
    padding-right: 10px !important;
  }
  .pr-lg-15px {
    padding-right: 15px !important;
  }
  .pr-lg-20px {
    padding-right: 20px !important;
  }
  .pr-lg-25px {
    padding-right: 25px !important;
  }
  .pr-lg-30px {
    padding-right: 30px !important;
  }
  .pr-lg-40px {
    padding-right: 40px !important;
  }
  .pr-lg-50px {
    padding-right: 50px !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-10px {
    margin-bottom: 10px !important;
  }
  .mb-lg-20px {
    margin-bottom: 20px !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .ml-lg-5px {
    margin-left: 5px !important;
  }
  .ml-lg-10px {
    margin-left: 10px !important;
  }
  .ml-lg-20px {
    margin-left: 20px !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mr-lg-5px {
    margin-right: 5px !important;
  }
  .mr-lg-10px {
    margin-right: 10px !important;
  }
  .mr-lg-20px {
    margin-right: 20px !important;
  }
  .bl-lg {
    border-left: 1px solid #ccc;
  }
  .br-lg {
    border-right: 1px solid #ccc;
  }
  .br0-lg {
    border-right: none;
  }
  .bl0-lg {
    border-left: none;
  }
  .w-lg-100pc {
    width: 100% !important;
  }
  .col.w-lg-100pc {
    flex: 0 0 100% !important;
  }
  .col.w-lg-200px {
    flex: 0 0 200px !important;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0, .pl-xl-0px {
    padding-left: 0 !important;
  }
  .pl-xl-5px {
    padding-left: 5px !important;
  }
  .pl-xl-10px {
    padding-left: 10px !important;
  }
  .pl-xl-15px {
    padding-left: 15px !important;
  }
  .pl-xl-20px {
    padding-left: 20px !important;
  }
  .pl-xl-25px {
    padding-left: 25px !important;
  }
  .pl-xl-30px {
    padding-left: 30px !important;
  }
  .pl-xl-40px {
    padding-left: 40px !important;
  }
  .pl-xl-50px {
    padding-left: 50px !important;
  }
  .pr-xl-0, .pr-xl-0px {
    padding-right: 0 !important;
  }
  .pr-xl-5px {
    padding-right: 5px !important;
  }
  .pr-xl-10px {
    padding-right: 10px !important;
  }
  .pr-xl-15px {
    padding-right: 15px !important;
  }
  .pr-xl-20px {
    padding-right: 20px !important;
  }
  .pr-xl-25px {
    padding-right: 25px !important;
  }
  .pr-xl-30px {
    padding-right: 30px !important;
  }
  .pr-xl-40px {
    padding-right: 40px !important;
  }
  .pr-xl-50px {
    padding-right: 50px !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-10px {
    margin-bottom: 10px !important;
  }
  .mb-xl-20px {
    margin-bottom: 20px !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .ml-xl-5px {
    margin-left: 5px !important;
  }
  .ml-xl-10px {
    margin-left: 10px !important;
  }
  .ml-xl-20px {
    margin-left: 20px !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mr-xl-5px {
    margin-right: 5px !important;
  }
  .mr-xl-10px {
    margin-right: 10px !important;
  }
  .mr-xl-20px {
    margin-right: 20px !important;
  }
  .bl-xl {
    border-left: 1px solid #ccc;
  }
  .br-xl {
    border-right: 1px solid #ccc;
  }
  .br0-xl {
    border-right: none;
  }
  .bl0-xl {
    border-left: none;
  }
  .w-xl-100pc {
    width: 100% !important;
  }
  .col.w-xl-100pc {
    flex: 0 0 100% !important;
  }
  .col.w-xl-200px {
    flex: 0 0 200px !important;
  }
}
@media (min-width: 1400px) {
  .pl-xxl-0, .pl-xxl-0px {
    padding-left: 0 !important;
  }
  .pl-xxl-5px {
    padding-left: 5px !important;
  }
  .pl-xxl-10px {
    padding-left: 10px !important;
  }
  .pl-xxl-15px {
    padding-left: 15px !important;
  }
  .pl-xxl-20px {
    padding-left: 20px !important;
  }
  .pl-xxl-25px {
    padding-left: 25px !important;
  }
  .pl-xxl-30px {
    padding-left: 30px !important;
  }
  .pl-xxl-40px {
    padding-left: 40px !important;
  }
  .pl-xxl-50px {
    padding-left: 50px !important;
  }
  .pr-xxl-0, .pr-xxl-0px {
    padding-right: 0 !important;
  }
  .pr-xxl-5px {
    padding-right: 5px !important;
  }
  .pr-xxl-10px {
    padding-right: 10px !important;
  }
  .pr-xxl-15px {
    padding-right: 15px !important;
  }
  .pr-xxl-20px {
    padding-right: 20px !important;
  }
  .pr-xxl-25px {
    padding-right: 25px !important;
  }
  .pr-xxl-30px {
    padding-right: 30px !important;
  }
  .pr-xxl-40px {
    padding-right: 40px !important;
  }
  .pr-xxl-50px {
    padding-right: 50px !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-10px {
    margin-bottom: 10px !important;
  }
  .mb-xxl-20px {
    margin-bottom: 20px !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxl-5px {
    margin-left: 5px !important;
  }
  .ml-xxl-10px {
    margin-left: 10px !important;
  }
  .ml-xxl-20px {
    margin-left: 20px !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxl-5px {
    margin-right: 5px !important;
  }
  .mr-xxl-10px {
    margin-right: 10px !important;
  }
  .mr-xxl-20px {
    margin-right: 20px !important;
  }
  .bl-xxl {
    border-left: 1px solid #ccc;
  }
  .br-xxl {
    border-right: 1px solid #ccc;
  }
  .br0-xxl {
    border-right: none;
  }
  .bl0-xxl {
    border-left: none;
  }
  .w-xxl-100pc {
    width: 100% !important;
  }
  .col.w-xxl-100pc {
    flex: 0 0 100% !important;
  }
  .col.w-xxl-200px {
    flex: 0 0 200px !important;
  }
}
@media (min-width: 1500px) {
  .pl-xxxl-0, .pl-xxl-0px {
    padding-left: 0 !important;
  }
  .pl-xxxl-5px {
    padding-left: 5px !important;
  }
  .pl-xxxl-10px {
    padding-left: 10px !important;
  }
  .pl-xxxl-15px {
    padding-left: 15px !important;
  }
  .pl-xxxl-20px {
    padding-left: 20px !important;
  }
  .pl-xxxl-25px {
    padding-left: 25px !important;
  }
  .pl-xxxl-30px {
    padding-left: 30px !important;
  }
  .pl-xxxl-40px {
    padding-left: 40px !important;
  }
  .pl-xxxl-50px {
    padding-left: 50px !important;
  }
  .pr-xxxl-0, .pr-xxl-0px {
    padding-right: 0 !important;
  }
  .pr-xxxl-5px {
    padding-right: 5px !important;
  }
  .pr-xxxl-10px {
    padding-right: 10px !important;
  }
  .pr-xxxl-15px {
    padding-right: 15px !important;
  }
  .pr-xxxl-20px {
    padding-right: 20px !important;
  }
  .pr-xxxl-25px {
    padding-right: 25px !important;
  }
  .pr-xxxl-30px {
    padding-right: 30px !important;
  }
  .pr-xxxl-40px {
    padding-right: 40px !important;
  }
  .pr-xxxl-50px {
    padding-right: 50px !important;
  }
  .mb-xxxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxxl-10px {
    margin-bottom: 10px !important;
  }
  .mb-xxxl-20px {
    margin-bottom: 20px !important;
  }
  .ml-xxxl-auto {
    margin-left: auto !important;
  }
  .ml-xxxl-0 {
    margin-left: 0 !important;
  }
  .ml-xxxl-5px {
    margin-left: 5px !important;
  }
  .ml-xxxl-10px {
    margin-left: 10px !important;
  }
  .ml-xxxl-20px {
    margin-left: 20px !important;
  }
  .mr-xxxl-auto {
    margin-right: auto !important;
  }
  .mr-xxxl-0 {
    margin-right: 0 !important;
  }
  .mr-xxxl-5px {
    margin-right: 5px !important;
  }
  .mr-xxxl-10px {
    margin-right: 10px !important;
  }
  .mr-xxxl-20px {
    margin-right: 20px !important;
  }
  .bl-xxxl {
    border-left: 1px solid #ccc;
  }
  .br-xxxl {
    border-right: 1px solid #ccc;
  }
  .br0-xxxl {
    border-right: none;
  }
  .bl0-xxxl {
    border-left: none;
  }
  .w-xxxl-100pc {
    width: 100% !important;
  }
  .col.w-xxxl-100pc {
    flex: 0 0 100% !important;
  }
  .col.w-xxxl-200px {
    flex: 0 0 200px !important;
  }
}
@media (max-width: 400px) {
  .hide-xxs {
    display: none;
  }
  .block-xxs {
    display: block;
  }
  .inline-block-xxs {
    display: inline-block;
  }
  .flex-xxs {
    display: flex;
  }
  .w-xxs-100pc {
    width: 100% !important;
  }
  .col.w-xxs-100pc {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 576px) {
  .hide-xs {
    display: none;
  }
  .block-xs {
    display: block;
  }
  .inline-block-xs {
    display: inline-block;
  }
  .flex-xs {
    display: flex;
  }
  .w-xs-100pc {
    width: 100% !important;
  }
  .col.w-xs-100pc {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 768px) {
  .hide-sm {
    display: none;
  }
  .block-sm {
    display: block;
  }
  .inline-block-sm {
    display: inline-block;
  }
  .flex-sm {
    display: flex;
  }
  .w-sm-100pc {
    width: 100% !important;
  }
  .col.w-sm-100pc {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 991px) {
  .hide-md {
    display: none;
  }
  .block-md {
    display: block;
  }
  .inline-block-md {
    display: inline-block;
  }
  .flex-md {
    display: flex;
  }
  .w-md-100pc {
    width: 100% !important;
  }
  .col.w-md-100pc {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 1199px) {
  .hide-lg {
    display: none;
  }
  .block-lg {
    display: block;
  }
  .inline-block-lg {
    display: inline-block;
  }
  .flex-lg {
    display: flex;
  }
  .w-lg-100pc {
    width: 100% !important;
  }
  .col.w-lg-100pc {
    flex: 0 0 100% !important;
  }
}
@media (max-width: 1400px) {
  .hide-xl {
    display: none;
  }
  .block-xl {
    display: block;
  }
  .inline-block-xl {
    display: inline-block;
  }
  .flex-xl {
    display: flex;
  }
  .w-xl-100pc {
    width: 100% !important;
  }
  .col.w-xl-100pc {
    flex: 0 0 100% !important;
  }
}
@media (min-width: 1400px) {
  .hide-xxl {
    display: none;
  }
  .block-xxl {
    display: block;
  }
  .inline-block-xxl {
    display: inline-block;
  }
  .flex-xxl {
    display: flex;
  }
  .w-xxl-100pc {
    width: 100% !important;
  }
  .col.w-xxl-100pc {
    flex: 0 0 100% !important;
  }
}
.action {
  display: flex;
  align-content: center;
  justify-content: space-between;
}

.action .prompt {
  line-height: 1.6em;
  border-left: 7px solid rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
  padding-left: 22px;
  margin-left: 4px;
  margin-bottom: 20px;
  min-height: 28px;
  font-size: 16px;
}

.action .aui-button {
  white-space: nowrap;
  min-width: initial;
  margin-left: 20px;
  margin-right: 20px;
}

@media screen and (max-width: 594px) {
  .action {
    display: block;
  }
  .action .text {
    display: block;
    margin-bottom: 15px;
  }
  .action .aui-button {
    display: block;
    margin: 0 0 5px;
  }
}
.aui-badge {
  display: inline-flex;
  border-radius: 0;
  font-size: 10px;
  padding: 6px 9px;
  white-space: nowrap;
  align-items: center;
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  color: #fff;
  font-weight: 700;
  user-select: none;
  margin-right: 4px;
  text-transform: uppercase;
  line-height: 1;
  min-width: 75px;
  justify-content: center;
}

.aui-badge.mini {
  padding: 3px 9px;
  font-size: 9px;
}

.aui-badge * {
  display: flex;
}

.aui-badge i {
  margin-right: 4px;
}

.aui-badge.red-bg {
  background: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-badge.amber-bg {
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
  color: #333;
}

.aui-badge.green-bg {
  background: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

body {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  padding-top: 60px;
  outline-offset: 5px;
  margin: 0;
  padding: 0;
  color: #333;
}

*:focus {
  outline-offset: 5px;
  outline-color: #000;
}

* {
  outline: none;
  box-sizing: border-box;
}

.no-select, button, label {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

/* Only required to enable selection if a parent has no-select set on it - selection isn't impaired by default */
.selectable {
  -webkit-touch-callout: text; /* iOS Safari */
  -webkit-user-select: text; /* Safari */
  -khtml-user-select: text; /* Konqueror HTML */
  -moz-user-select: text; /* Old versions of Firefox */
  -ms-user-select: text; /* Internet Explorer/Edge */
  user-select: text; /* Non-prefixed version, currently
   supported by Chrome, Edge, Opera and Firefox */
}

::placeholder {
  color: #999;
}

::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  color: #999;
}

:-ms-input-placeholder {
  color: #999;
}

:-moz-placeholder {
  color: #999;
}

button {
  outline: none;
  font-family: inherit;
  font-size: inherit;
  appearance: none;
}

.aui-button {
  padding: 9px 29px;
  min-width: 92px;
  line-height: 13px;
  height: 38px;
  text-align: center;
  border-radius: 5px;
  font-weight: 600;
  text-transform: none;
}

.aui-button.solid {
  border: 1px solid rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  color: #fff;
}

.aui-button.solid:hover, .aui-button.solid:focus {
  border: 1px solid rgba(var(--primary-color-hover-r, 63), var(--primary-color-hover-g, 86), var(--primary-color-hover-b, 134));
  background: rgba(var(--primary-color-hover-r, 63), var(--primary-color-hover-g, 86), var(--primary-color-hover-b, 134));
  color: rgba(var(--primary-button-text-r, 255), var(--primary-button-text-g, 255), var(--primary-button-text-b, 255));
}

.aui-button.outline {
  border: 1px solid rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  background: rgba(255, 255, 255, 0.75);
  color: inherit;
  min-width: 100px;
}

.aui-button.outline:hover, .aui-button.outline:focus {
  border: 1px solid rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  color: #fff;
}

.aui-button.outline:focus {
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
}

.aui-button.outline.white {
  border: 1px solid #fff;
  color: #fff;
  background: transparent;
}

.aui-button.outline.white:hover, .aui-button.outline.white:focus {
  border: 1px solid #fff;
  color: #fff;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.aui-button.solid.accent {
  border: 1px solid rgba(var(--accent-button-color-r, 99), var(--accent-button-color-g, 230), var(--accent-button-color-b, 176));
  background: rgba(var(--accent-button-color-r, 99), var(--accent-button-color-g, 230), var(--accent-button-color-b, 176));
  color: rgba(var(--accent-button-text-color-r, 51), var(--accent-button-text-color-g, 51), var(--accent-button-text-color-b, 51));
}

.aui-button.solid.accent:hover, .aui-button.solid.accent:focus {
  border: 1px solid rgba(var(--accent-button-hover-color-r, 123), var(--accent-button-hover-color-g, 247), var(--accent-button-hover-color-b, 195));
  background: rgba(var(--accent-button-hover-color-r, 123), var(--accent-button-hover-color-g, 247), var(--accent-button-hover-color-b, 195));
}

.aui-button.outline.accent {
  border: 1px solid rgba(var(--accent-button-color-r, 99), var(--accent-button-color-g, 230), var(--accent-button-color-b, 176));
  background: rgba(255, 255, 255, 0.75);
  color: inherit;
}

.aui-button.outline.accent:hover, .aui-button.outline.accent:focus {
  border: 1px solid rgba(var(--accent-button-hover-color-r, 123), var(--accent-button-hover-color-g, 247), var(--accent-button-hover-color-b, 195));
  box-shadow: 0 0 0 3px rgba(var(--accent-button-color-r, 99), var(--accent-button-color-g, 230), var(--accent-button-color-b, 176), 0.65);
}

.aui-button.icon {
  padding: 8px 12px;
  min-width: 18px;
  border: none;
  color: inherit;
  background: transparent;
}

.aui-button.icon > i {
  font-size: 18px;
  opacity: 0.7;
  vertical-align: -1px;
}

.aui-button.icon:hover i, .aui-button.icon:focus i {
  opacity: 1;
  border: none;
  transform: scale(1.2);
  transition: all 0.15s ease-in-out;
}

.aui-button-divider {
  height: 20px;
  position: relative;
  top: 2px;
  border-left: 1px solid #ccc;
  width: 1px;
  display: inline-block;
}

.aui-button[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

/* checkboxes */
.aui-checkbox {
  margin-bottom: 22px;
}

.aui-checkbox input[type=checkbox] {
  opacity: 0;
  width: 0.1px;
  position: absolute;
  z-index: -1;
  box-sizing: border-box;
  padding: 0;
}

.aui-checkbox label {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-weight: 400;
  cursor: pointer;
}

.aui-checkbox label::before,
.aui-checkbox label::after {
  position: absolute;
  content: "";
  display: inline-block;
  box-sizing: border-box;
}

.aui-checkbox label::before {
  height: 20px;
  width: 20px;
  border: 1px solid #999;
  background: #fff;
  left: 0px;
  top: 0px;
  border-radius: 2px;
}

/*Checkmark of the fake checkbox*/
.aui-checkbox label::after {
  height: 7px;
  width: 11px;
  border-left: 3px solid rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  border-bottom: 3px solid rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  border-radius: 1px;
  transform: rotate(-45deg);
  left: 4px;
  top: 5px;
  transition: box-shadow 0s ease-in-out;
}

.aui-checkbox label:hover:before {
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.11), 0 0 0 6px rgba(83, 108, 171, 0.06);
  transition: box-shadow 0.12s ease-in-out;
}

/*Hide the checkmark by default*/
.aui-checkbox input[type=checkbox] + label::after {
  content: none;
}

/*Unhide on the checked state*/
.aui-checkbox input[type=checkbox]:checked + label::after {
  content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.aui-checkbox input[type=checkbox]:focus + label::before {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.11), 0 0 0 6px rgba(83, 108, 171, 0.06);
}

.aui-checkbox input[type=checkbox][disabled] + label {
  pointer-events: none;
  opacity: 0.7;
}

.aui-checkbox input[type=checkbox][disabled] + label::before {
  opacity: 0.5;
}

.aui-checkbox input[type=checkbox][disabled] + label:hover:before {
  box-shadow: none !important;
}

.aui-chip {
  align-items: center;
  border: 0 solid;
  border-radius: 14px;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-flex;
  font-size: 12px;
  font-weight: 400;
  height: 26px;
  justify-content: center;
  line-height: 1.5em;
  margin: 4px;
  outline: none;
  overflow: hidden;
  padding: 0 14px;
  position: relative;
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
}

.aui-chip:before {
  content: "";
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  opacity: 0.18;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.aui-chip-icon {
  align-items: center;
  background-size: cover;
  border-radius: 50%;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  height: 16px;
  justify-content: center;
  line-height: 18px;
  margin: 0px 2px 0 -11px;
  overflow: hidden;
  width: 24px;
  color: rgba(0, 0, 0, 0.7);
}

.aui-chip-text {
  color: rgba(0, 0, 0, 0.75);
}

.aui-chip-delete {
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 22px;
  height: 22px;
  justify-content: center;
  line-height: 22px;
  margin: 0 -8px 0 4px;
  overflow: hidden;
  width: 18px;
  transition: all 100ms ease-in-out;
  font-weight: 400;
  color: #000;
  cursor: pointer;
  position: relative;
  outline: none;
  opacity: 0.4;
}

.aui-chip-delete:focus, .aui-chip-delete:hover {
  outline: none;
  opacity: 0.8;
  transform: scale(1.2);
}

.aui-chip.accent:before {
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

.aui-chip.green:before {
  background: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

.aui-chip.amber:before {
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

.aui-chip.red:before {
  background: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-table.docs-table .document {
  position: relative;
}
.aui-table.docs-table .document-details {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  align-items: center;
  padding-left: 50px;
}
.aui-table.docs-table .document-icon {
  content: "";
  width: 30px;
  height: 40px;
  background: rgba(207, 212, 216, 0.5294117647);
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
}
.aui-table.docs-table .document-icon:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: #fff;
  z-index: 2;
}
.aui-table.docs-table .document-icon:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 0 12px;
  border-color: transparent transparent transparent #CFD4D8;
  top: 0;
  right: 0;
  position: absolute;
  z-index: 3;
}
.aui-table.docs-table tbody td:first-child {
  padding-right: 0;
}
.aui-table.docs-table .size-heading {
  width: 100px;
  text-align: center;
}
.aui-table.docs-table .type-heading {
  width: 100px;
  text-align: center;
}
.aui-table.docs-table .size {
  flex: 0 0 100px;
  text-align: center;
  padding: 0 12px;
}
.aui-table.docs-table .type {
  flex: 0 0 100px;
  text-align: center;
  padding: 0 12px;
  margin-left: auto;
}

@media (max-width: 800px) {
  .aui-table.docs-table thead {
    display: none;
  }
  .aui-table.docs-table .document-icon {
    top: 0;
    transform: none;
  }
  .aui-table.docs-table .document-details {
    display: block;
  }
  .aui-table.docs-table .document-details span {
    padding: 0 12px 0 0;
  }
  .aui-table.docs-table .document-details .size, .aui-table.docs-table .document-details .type {
    color: #999;
  }
  .aui-table.docs-table .document-details span:first-child {
    display: block;
    margin-bottom: 10px;
    line-height: 1.3em;
  }
}
@media (max-width: 600px) {
  .aui-table.docs-table {
    display: block;
    padding: 0;
  }
  .aui-table.docs-table thead {
    display: none;
  }
  .aui-table.docs-table tbody {
    display: block;
    width: 100%;
    padding: 0;
  }
  .aui-table.docs-table tr, .aui-table.docs-table td {
    display: block;
    text-align: left;
    width: 100%;
    padding: 14px 0;
    border: none;
  }
  .aui-table.docs-table td.right {
    padding-right: 0;
  }
  .aui-table.docs-table tr {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
  }
  .aui-table.docs-table tr:last-child {
    border-bottom: none;
  }
  .aui-table.docs-table button {
    display: block;
  }
  .aui-table.docs-table .document-icon {
    top: 0;
    transform: none;
  }
  .aui-table.docs-table .document-details {
    display: block;
  }
  .aui-table.docs-table .document-details span {
    padding: 0 12px 0 0;
  }
  .aui-table.docs-table .document-details .size, .aui-table.docs-table .document-details .type {
    color: #999;
  }
  .aui-table.docs-table .document-details span:first-child {
    display: block;
    margin-bottom: 10px;
    line-height: 1.3em;
  }
}
@media (max-width: 450px) {
  .aui-table.docs-table button {
    width: 100%;
  }
}
.aui-dropdown {
  position: relative;
  width: auto;
  display: inline-block;
}

.aui-dropdown > .aui-menu,
.aui-dropdown > .aui-panel {
  position: absolute;
  z-index: 10;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 0;
  box-shadow: 4px 12px 16px -5px rgba(0, 0, 0, 0.31);
  border-radius: 6px;
  color: #333;
}

.aui-dropdown.aui-dropup > .aui-menu,
.aui-dropdown.aui-dropup > .aui-panel {
  box-shadow: -2px 0px 16px 0px rgba(0, 0, 0, 0.31);
}

.aui-dropdown .aui-menu {
  min-width: 180px;
}

.aui-dropdown .aui-panel {
  width: 270px;
}

.aui-dropdown .aui-panel .aui-menu {
  width: 100%;
  min-width: 100%;
}

.aui-dropdown.right .aui-menu, .aui-dropdown.right .aui-panel {
  left: auto;
  right: 0;
  text-align: left;
}

.aui-dropdown .aui-menu, .aui-dropdown .aui-panel {
  visibility: hidden;
}

.aui-dropdown.open .aui-menu, .aui-dropdown.open .aui-panel {
  visibility: visible;
  top: 38px;
  animation: boing-down 0.4s normal cubic-bezier(0.2, 0, 0, 1.85);
}

.aui-dropdown.open .aui-panel .aui-menu {
  animation: none;
}

.aui-dropdown.aui-dropup.open .aui-menu, .aui-dropdown.aui-dropup.open .aui-panel {
  top: auto;
  bottom: 38px;
  animation: boing-up 0.4s normal cubic-bezier(0.2, 0, 0, 2.2);
}

.aui-dropdown > button {
  text-align: left;
  padding: 9px 12px 9px 16px;
}

.aui-rich-input .aui-panel {
  visibility: hidden;
}

.aui-rich-input.panel-open .aui-panel {
  visibility: visible;
  top: 38px;
  animation: boing-down 0.4s normal cubic-bezier(0.2, 0, 0, 1.85);
}

.aui-rich-input.aui-dropup.panel-open .aui-panel {
  top: auto;
  bottom: 43px;
  animation: boing-up 0.4s normal cubic-bezier(0.2, 0, 0, 2.5);
}

.aui-caret {
  opacity: 1 !important;
  font-size: 13px !important;
  display: inline-block;
  font-family: "insight-icons";
  vertical-align: 0px;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 13px;
  font-weight: 900;
  width: 17px;
  text-align: right;
}

.aui-caret:before {
  content: "\e934";
}

@keyframes boing-up {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes boing-down {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.aui-dropdown:not(.disablecss):focus-within .aui-menu,
.aui-dropdown:not(.disablecss):focus-within .aui-panel {
  visibility: visible;
  top: 38px;
  animation: boing-down 0.4s normal cubic-bezier(0.2, 0, 0, 1.85);
}

.entity {
  padding-left: 76px;
  position: relative;
  margin-bottom: 50px;
}
.entity .name {
  font-weight: 700;
  margin-bottom: 8px;
}
.entity .role {
  font-weight: 500;
  color: #757575;
  font-size: 13px;
  margin-bottom: 8px;
}
.entity .address {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 8px;
}
.entity .contact div, .entity .contact a {
  font-weight: 500;
  margin-right: 12px;
  letter-spacing: 0.6px;
  line-height: 20px;
}
.entity .contact a i, .entity .contact a:active i {
  opacity: 0.5;
  transform: scale(1);
  transform-origin: center;
  transition: all 0.1s ease-in-out;
  font-size: 18px;
  vertical-align: -2px;
  display: inline-block;
}
.entity .contact a:hover i, .entity .contact a:focus i {
  opacity: 1;
  transform: scale(1.2);
}
.entity:after {
  content: "";
  font-family: "insight-icons";
  font-size: 60px;
  color: rgba(14, 21, 34, 0.168627451);
  position: absolute;
  top: -8px;
  left: 0;
}
.entity.team-member:after {
  content: "\e901";
}
.entity.team-member .address {
  display: none;
}
.entity.client:after {
  content: "\e900";
}
.entity.client .role {
  display: none;
}

.aui-file-input {
  position: relative;
  display: inline-block;
}

.aui-file-input input[type=file] {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  -webkit-appearance: none;
  opacity: 0.001;
  min-height: 25px;
  display: block;
  top: 0;
  left: 0;
  min-height: 34px;
}

.aui-file-input input:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  cursor: pointer;
  z-index: 0;
  min-height: 34px;
}

.aui-file-input button {
  pointer-events: none;
}

.aui-file-input .aui-button {
  padding-left: 18px;
  padding-right: 18px;
}

.aui-file-input:focus-within button, .aui-file-input:hover button {
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
  border: 1px solid #b9bdc7;
}

.toolbar-item.aui-file-input:focus-within button, .toolbar-item.aui-file-input:hover button {
  box-shadow: none;
  border: none;
}

.toolbar-item.aui-file-input:focus-within button, .toolbar-item.aui-file-input:hover button {
  background: rgba(0, 0, 0, 0.1);
}

.toolbar-item.aui-file-input.disabled .toolbar-button {
  opacity: 0.65;
}

.toolbar-item.aui-file-input.disabled input:before {
  cursor: default !important;
}

.toolbar-item.aui-file-input.disabled:hover .toolbar-button {
  background: rgba(0, 0, 0, 0) !important;
  pointer-events: none !important;
}

@media (max-width: 650px) {
  .aui-table.forms-table {
    display: block;
    padding: 0;
  }
  .aui-table.forms-table thead {
    display: none;
  }
  .aui-table.forms-table tbody {
    display: block;
    width: 100%;
    padding: 0;
  }
  .aui-table.forms-table tr, .aui-table.forms-table td {
    display: block;
    text-align: left;
    width: 100%;
    padding: 14px 0;
    border: none;
  }
  .aui-table.forms-table td.right {
    padding-right: 0;
  }
  .aui-table.forms-table tr {
    border-bottom: 1px solid #ddd;
    padding-bottom: 16px;
  }
  .aui-table.forms-table tr:last-child {
    border-bottom: none;
  }
  .aui-table.forms-table button {
    display: block;
  }
}
@media (max-width: 450px) {
  .aui-table.forms-table button {
    width: 100%;
  }
}
.aui-form-group {
  margin-bottom: 45px;
}

.aui-form-group p {
  font-size: 14px;
}

.aui-form-group ul li {
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
}

.aui-form-group ul li i {
  width: 30px;
  font-size: 18px;
}

.aui-field-msg {
  margin-top: 10px;
  margin-bottom: 3px;
  margin-left: 2px;
  font-size: 12px;
  font-weight: 500;
}

.aui-field-msg span.error {
  display: inline-block;
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
  color: #000;
  padding: 2px 8px 3px 6px;
  position: relative;
}

.aui-field-msg span.info {
  display: inline-block;
  background: blue;
  color: #000;
  padding: 2px 8px 3px 6px;
  position: relative;
}

.container {
  padding-left: 29px;
  padding-right: 29px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.row > * {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 10px;
  padding-left: 10px;
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

@media (min-width: 400px) {
  .col-xsm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

@media (min-width: 400px) {
  .col-xsm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xsm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xsm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xsm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xsm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xsm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xsm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xsm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xsm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xsm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xsm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xsm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xsm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xsm-0 {
    margin-left: 0;
  }
  .offset-xsm-1 {
    margin-left: 8.33333333%;
  }
  .offset-xsm-2 {
    margin-left: 16.66666667%;
  }
  .offset-xsm-3 {
    margin-left: 25%;
  }
  .offset-xsm-4 {
    margin-left: 33.33333333%;
  }
  .offset-xsm-5 {
    margin-left: 41.66666667%;
  }
  .offset-xsm-6 {
    margin-left: 50%;
  }
  .offset-xsm-7 {
    margin-left: 58.33333333%;
  }
  .offset-xsm-8 {
    margin-left: 66.66666667%;
  }
  .offset-xsm-9 {
    margin-left: 75%;
  }
  .offset-xsm-10 {
    margin-left: 83.33333333%;
  }
  .offset-xsm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 576px) {
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
}
@media (min-width: 1600px) {
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxxl-0 {
    margin-left: 0;
  }
  .offset-xxxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxxl-3 {
    margin-left: 25%;
  }
  .offset-xxxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxxl-6 {
    margin-left: 50%;
  }
  .offset-xxxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxxl-9 {
    margin-left: 75%;
  }
  .offset-xxxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxxl-11 {
    margin-left: 91.66666667%;
  }
}
/* Simple input - add to a standard html input or text area */
.aui-input {
  border: 1px solid #ddd;
  line-height: 1.5;
  padding: 9px 12px 9px;
  font-size: 13px;
  border-radius: 5px;
  display: block;
  width: 100%;
  line-height: 27px;
  color: #333;
  background-color: #fff;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  margin-bottom: 30px;
  font-family: inherit;
}

.aui-input:focus {
  border-color: #aaa;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
}

.aui-label {
  font-weight: 600;
  display: block;
  width: 100%;
  margin-bottom: 20px;
  color: #333;
  font-size: 13px;
}

/* add to label to add an * */
.aui-required:after {
  content: "*";
  font-size: 14px;
  display: inline;
  vertical-align: 0px;
  opacity: 1;
  display: inline-block;
  margin-left: 3px;
  color: #ffa51b;
}

/* Rich inputs - decorated with icons,  clearable,  appended buttons */
.aui-rich-input {
  border: 1px solid #ddd;
  height: auto;
  width: 100%;
  min-width: 180px;
  border-radius: 5px;
  margin-top: 0;
  background: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  margin-bottom: 20px;
}

.aui-rich-input:focus-within,
.aui-rich-input:focus-within {
  border-color: #aaa;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
}

.aui-rich-input > input {
  border: none !important;
  background: transparent !important;
  line-height: 27px;
  padding: 9px 12px;
  width: 100%;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
}

.aui-rich-input > .decoration {
  background: #F3F7FA;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  width: 39px;
}

.aui-rich-input .decoration + input {
  padding-left: 58px;
}

.aui-rich-input > .icon + input {
  padding-left: 35px;
}

.aui-rich-input .icon {
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
  font-size: 17px;
  height: 17px;
  opacity: 0.4;
}

.aui-rich-input:hover .icon, .aui-rich-input:focus .icon {
  opacity: 0.5;
}

.aui-rich-input:disabled,
.aui-rich-input.disabled, .aui-rich-input[disabled] {
  opacity: 0.7;
}

.aui-input.red, .aui-rich-input.red, .aui-rich-input.red {
  border: 1px solid rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-input.red:focus, .aui-input.red:hover {
  box-shadow: 0 0 0 3px rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75), 0.7);
}

.aui-rich-input.red:hover, .aui-rich-input.red:focus-within {
  border-color: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
  box-shadow: 0 0 0 3px rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75), 0.7);
}

/* skeleton forms - light solid backgrounds when not focussed */
.aui-skeleton-form .aui-input {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
  color: #222;
}

.aui-skeleton-form .aui-input.red {
  border: 1px solid rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-skeleton-form .aui-input:focus {
  background: #fff;
}

.aui-skeleton-form .aui-dropdown.select {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
}

.aui-skeleton-form .aui-dropdown.select:focus-within {
  background: #fff;
}

.aui-skeleton-form .aui-rich-input {
  border: 1px solid #f7f7f7;
  background: #f7f7f7;
}

.aui-skeleton-form .aui-rich-input.red {
  border: 1px solid rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-skeleton-form .aui-rich-input:focus-within {
  background: #fff;
}

/* appendages */
.aui-rich-input.appended > input {
  width: calc(100% - 45px);
  display: inline-block;
}

.aui-rich-input.appended > input + button {
  position: absolute;
  top: 0;
  width: 42px;
  height: 100%;
  max-width: 42px;
  display: inline-block;
  padding: 9px 12px;
  overflow: hidden;
  right: 0;
  text-align: center;
}

.aui-rich-input.appended > input + button {
  background: #F3F7FA;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.aui-rich-input.appended > input + button .icon {
  opacity: 0.8;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}

.aui-rich-input.appended > input + button:hover,
.aui-rich-input.appended > input + button:focus {
  background: #E9F0F5;
}

.aui-skeleton-form .aui-rich-input.appended > input + button {
  background: #efefef;
}

.aui-skeleton-form .aui-rich-input.appended:focus-within > input + button {
  background: #f7f7f7;
}

.aui-skeleton-form .aui-rich-input.appended > input + button:hover,
.aui-skeleton-form .aui-rich-input.appended:focus-within > input + button:focus,
.aui-skeleton-form .aui-rich-input.appended:focus-within > input + button:hover {
  background: #f3f3f3;
}

.aui-rich-input.appended > input + button.primary,
.aui-skeleton-form .aui-rich-input.appended > input + button.primary {
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  color: rgba(var(--primary-button-text-r, 255), var(--primary-button-text-g, 255), var(--primary-button-text-b, 255));
}

.aui-rich-input.appended > input + button.primary .icon,
.aui-skeleton-form .aui-rich-input.appended > input + button.primary .icon {
  opacity: 1;
}

.aui-rich-input.appended > input + button.primary:hover,
.aui-skeleton-form .aui-rich-input.appended > input + button.primary:hover,
.aui-rich-input.appended > input + button.primary:focus,
.aui-skeleton-form .aui-rich-input.appended > input + button.primary:focus {
  background: rgba(var(--primary-color-hover-r, 63), var(--primary-color-hover-g, 86), var(--primary-color-hover-b, 134));
}

.aui-skeleton-form .aui-rich-input.appended > input + button {
  top: -1px;
  height: calc(100% + 2px);
  right: -1px;
}

.aui-skeleton-form .aui-rich-input.red.appended > input + button {
  top: 0;
  height: 100%;
  right: 0;
}

/* Clearable inputs */
.aui-rich-input.aui-clearable input {
  padding-right: 2px;
}

.aui-rich-input.aui-clearable .aui-clear {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
  padding: 20px 10px;
  visibility: hidden;
  font-size: 18px;
}

.aui-rich-input.aui-clearable:hover input:not(:placeholder-shown) ~ .aui-clear {
  opacity: 1;
  visibility: visible;
}

.aui-rich-input.aui-clearable input:not(:placeholder-shown):focus ~ .aui-clear {
  opacity: 1;
  visibility: visible;
}

.aui-rich-input.aui-clearable button.aui-clear i {
  opacity: 0.3;
  transform: scale(1);
  transition: all 0.2s cubic-bezier(0.2, 0, 0, 1.85);
}

.aui-rich-input.aui-clearable button.aui-clear:hover i,
.aui-rich-input.aui-clearable button.aui-clear:focus i {
  opacity: 0.6;
  transform: scale(1.2);
  transition: all 0.2s cubic-bezier(0.2, 0, 0, 1.85);
}

.aui-rich-input.appended.aui-clearable .aui-clear {
  right: 41px;
}

.invoices-mobile {
  display: none;
}

.invoices-table .collapse-show {
  display: none;
}
.invoices-table .collapse-hide {
  display: table-cell;
}
.invoices-table .row {
  margin-bottom: 5px;
}
.invoices-table .total-row td {
  border-bottom: none;
  border-top: 1px solid #ccc;
  padding: 0;
}
.invoices-table .total-row td.total-cell {
  font-size: 22px;
  font-weight: 600;
  text-align: right;
}
.invoices-table .total-row td.total-cell div {
  background: #F3F7FA;
  padding: 30px 40px;
  display: inline-block;
  white-space: nowrap;
}
.invoices-table .total-row td.total-cell div span:first-child {
  font-size: 14px;
  font-weight: 500;
  margin-right: 36px;
  text-transform: uppercase;
  vertical-align: 2px;
}

table.aui-table.invoices-table th.right {
  padding-right: 40px;
}

@media (max-width: 991px) {
  table.aui-table th,
  table.aui-table td {
    padding-right: 6px;
    padding-left: 6px;
  }
  .invoices-table .collapse-show {
    display: table-cell;
  }
  .invoices-table .collapse-hide {
    display: none;
  }
}
.invoices-mobile .invoice {
  padding-left: 20px;
  position: relative;
  font-weight: 600;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-bottom: 20px;
}
.invoices-mobile .invoice-number {
  padding-right: 2px;
  line-height: 22px;
}
.invoices-mobile .invoice.unpaid:before {
  content: "\e987";
  font-family: "insight-icons";
  font-size: 9px;
  color: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
  position: absolute;
  top: 27px;
  left: 0;
}
.invoices-mobile .invoice.unpaid invoice-row:first-child:before {
  content: "\e987";
  font-family: "insight-icons";
  font-size: 9px;
  color: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}
.invoices-mobile .invoice-row {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.invoices-mobile .invoice-row .aui-badge {
  max-height: 22px;
  margin-right: 0px;
}
.invoices-mobile .invoice-row.collapse-show {
  display: none;
}
.invoices-mobile .invoice-row .collapse-hide {
  display: block;
}
.invoices-mobile .invoice-row > div:first-child {
  margin-right: 20px;
}
.invoices-mobile .invoice-row > div:last-child {
  margin-left: auto;
  text-align: right;
  padding-right: 9px;
}
.invoices-mobile .invoice-row .invoice-date {
  line-height: 22px;
}
.invoices-mobile .invoice-unpaid-amount {
  background: #F3F7FA;
  text-align: center;
  padding: 12px 12px;
  margin-left: -20px;
  width: calc(100% + 20px);
  display: none;
}
.invoices-mobile .invoice.unpaid .invoice-unpaid-amount {
  display: block;
}
.invoices-mobile .total-row {
  background: #F3F7FA;
  border-top: 2px solid #ccc;
  text-align: right;
  padding: 30px 12px;
  display: block;
  white-space: nowrap;
  font-size: 21px;
  font-weight: 600;
  text-align: right;
}
.invoices-mobile .total-row span:first-child {
  font-size: 14px;
  font-weight: 500;
  margin-right: 36px;
  text-transform: uppercase;
  vertical-align: 2px;
}
.invoices-mobile .total-row-mobile {
  display: none;
  background: #F3F7FA;
  text-align: right;
  font-weight: 600;
  white-space: nowrap;
  font-size: 20px;
  padding: 0px 12px 30px 12px;
}
.invoices-mobile .invoice-amount-lg {
  display: block;
}
.invoices-mobile .invoice-amount-s {
  display: none;
}

@media (max-width: 700px) {
  .invoices-mobile {
    display: block;
  }
  .invoices-table {
    display: none;
  }
}
@media (max-width: 500px) {
  .invoices-mobile .total-inline.total-largenumber {
    display: none;
  }
  .invoices-mobile .total-row-mobile:not(.total-smallnumber) {
    display: block;
  }
}
@media (max-width: 400px) {
  .invoices-mobile .invoice-row.collapse-show {
    display: block;
  }
  .invoices-mobile .invoice-row .collapse-hide {
    display: none;
  }
  .invoices-mobile .total-inline {
    display: none;
  }
  .invoices-mobile .total-row-mobile {
    display: block;
  }
  .invoices-mobile .total-row span:first-child {
    margin-right: 0;
  }
  .invoices-mobile .invoice-amount-lg {
    display: none;
  }
  .invoices-mobile .invoice-amount-s {
    display: block;
  }
  .invoices-mobile .invoice-amount-s > div:last-child {
    margin-right: 0;
  }
}
.wrapper {
  position: relative;
}

.aui-app-body {
  min-height: calc(100vh - 37px);
  display: flex;
  flex-direction: row;
}

.aui-app-sidebar {
  flex: 0 0 220px;
  background: #2b3752;
  color: #fff;
  left: 0px;
  transition: left 0.5s ease-in-out;
  position: relative;
  z-index: 95;
  min-height: 100%;
}

.aui-app-sidebar .inner {
  position: fixed;
  top: 73px;
  height: calc(100vh - 53px);
  overflow-y: auto;
  width: 220px;
}

.aui-app-view {
  flex: 1 1 auto;
  padding: 30px;
}

.brand {
  position: fixed;
  left: 8px;
  top: 15px;
}

.brand img {
  height: 30px;
  width: auto;
}

.brand {
  opacity: 0.6;
  transition: opacity 0.15s ease-in-out;
}

.brand:focus, .brand:hover {
  opacity: 0.8;
}

.aui-view-header .aui-search-box {
  display: block;
}

.aui-view-header .side-bar-switch {
  display: none;
}

@media (max-width: 1199px) {
  .aui-app-sidebar {
    position: fixed;
    display: block;
    height: 100vh;
    left: -215px;
    width: 220px;
    top: 0;
    z-index: 95;
    transition: left 0.2s ease-out;
  }
  .aui-app-sidebar:hover {
    left: 0px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  }
  body.sidebar-in .aui-app-sidebar, .aui-app-sidebar:focus-within {
    left: 0px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.4);
  }
  .aui-app-sidebar .inner {
    height: calc(100vh - 53px);
    overflow-y: auto;
  }
  .aui-view-header {
    padding-left: 20px !important;
    transition: padding-left 0.2s ease-out;
  }
  body.sidebar-in .aui-view-header {
    padding-left: 225px !important;
  }
  .brand {
    position: absolute;
    left: 8px;
    top: 15px;
  }
  .aui-view-header .aui-search-box {
    display: none;
  }
  .aui-view-header .side-bar-switch {
    display: block;
  }
}
/* grid */
/* Basic flex box grid containing rows and items */
/* Child items stretch to fill the row by default */
.aui-cell[style*="display: block"] {
  display: flex !important;
}

.aui-row {
  padding: 0;
  margin: 0;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: stretch;
}

/* right align child items */
.aui-row.bunch-right {
  justify-content: flex-end;
}

.aui-row.bunch-right .aui-cell {
  flex-grow: 0;
}

/* left align child items */
.aui-row.bunch-left {
  justify-content: flex-start;
}

.aui-row.bunch-left .aui-cell {
  flex-grow: 0;
}

/* vertically align child items */
.aui-row.align-middle {
  align-items: center;
}

.aui-row.align-bottom {
  align-items: flex-end;
}

.aui-cell {
  background: transparent;
  margin: 0;
  flex: 1 1 auto;
  min-width: 0;
}

.aui-cell[class*=w-] {
  flex: 0 0 auto !important;
}

.aui-cell[class*=minw-] {
  flex: 1 1 auto !important;
}

.aui-cell[class*=maxw-] {
  flex: 1 1 auto !important;
}

.aui-cell.push-right {
  margin-left: auto;
}

.aui-row.fill > .aui-cell {
  min-height: calc(100vh - 60px);
}

.aui-banner {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  align-content: stretch;
  align-items: center;
  background: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

/* loader */
.aui-loader {
  background-color: transparent;
  width: 100%;
  height: 0px;
  position: relative;
  padding-top: 120px;
  padding-bottom: 50px;
}

.aui-loader.inline {
  background-color: transparent;
  width: 40px;
  height: 20px;
  position: relative;
  padding: 0;
  display: inline-block;
  margin-left: 0;
}

.aui-loader.inline:after,
.aui-loader.inline:before {
  width: 7px;
  height: 7px;
  display: inline-block;
  left: 15px;
  top: 15px;
}

.aui-loader.inline:after {
  margin-left: 12px;
  animation: kick-low 0.3s infinite alternate;
}

.aui-loader.inline:before {
  animation: kick-low 0.3s infinite alternate;
  animation-delay: 0.15s;
}

.aui-loader:after,
.aui-loader:before {
  box-sizing: border-box;
  display: block;
}

.aui-loader:after,
.aui-loader:before {
  content: "";
  width: 13px;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  animation: kick 0.4s infinite alternate;
}

.aui-loader:after {
  margin-left: 5px;
  animation: kick 0.4s infinite alternate;
}

.aui-loader:before, .aui-loader-inline:before {
  animation-delay: 0.2s;
  margin-left: -18px;
}

@keyframes kick {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0.8;
    transform: translateY(-25px);
  }
}
@keyframes kick-low {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0.8;
    transform: translateY(-8px);
  }
}
/* linear loader - where something more serious than bouncing balls is required */
.aui-loader.linear {
  margin: 60px auto;
  position: relative;
  left: -20px;
  padding: 0 !important;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  animation: dotFlashing 0.8s infinite linear alternate;
  animation-delay: 0.4s;
}

.aui-loader.linear.inline {
  transform: scale(0.6);
  margin: 0;
  left: 18px;
  top: 2px;
}

.aui-loader.linear::before, .aui-loader.linear::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.aui-loader.linear::before {
  margin: 0;
  left: -20px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175), 0);
  animation: dotFlashing 0.8s infinite alternate;
  animation-delay: 0s;
}

.aui-loader.linear::after {
  margin: 0;
  left: 20px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175), 0.8);
  animation: dotFlashing 0.8s infinite alternate;
  animation-delay: 0.8s;
}

@keyframes dotFlashing {
  0% {
    background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175), 0);
  }
  50%, 100% {
    background-color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175), 0.8);
  }
}
.aui-menu-bar {
  display: flex;
  background: #fff;
  font-weight: 400;
  border: 1px solid #ccc;
  border-radius: 3px;
  min-height: 20px;
  margin: 0;
  display: inline-flex;
  vertical-align: middle;
  border-radius: 3px;
}

.aui-menu-bar .item {
  position: relative;
  vertical-align: middle;
  min-width: 24px;
  text-align: center;
  line-height: 1;
  text-decoration: none;
  flex: 0 0 auto;
  user-select: none;
  background: 0 0;
  padding: 12px 16px;
  text-transform: none;
  color: #333;
  font-weight: 400;
  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
}
.aui-menu-bar .item:last-child:before {
  display: none;
}

.aui-menu-bar .item:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 1px;
  background: #ccc;
}

.aui-menu-bar .item:hover, .aui-menu-bar .item:focus {
  cursor: pointer;
  background: #E9F0F5;
}

.aui-menu-bar .item.active {
  font-weight: 600;
  background: #E9F0F5;
}

.aui-menu-bar .item.disabled {
  cursor: default;
  background-color: transparent;
  pointer-events: none;
}

.aui-menu-bar .item:focus {
  outline: none;
}

.aui-menu-bar.icon-bar .item {
  padding: 9px 16px;
}
.aui-menu-bar.icon-bar .item .icon {
  font-size: 18px;
  color: rgba(0, 0, 0, 0.4);
}
.aui-menu-bar.icon-bar .item:hover .icon, .aui-menu-bar.icon-bar .item:focus .icon {
  color: rgba(0, 0, 0, 0.5);
}
.aui-menu-bar.icon-bar .item.active .icon {
  color: rgba(0, 0, 0, 0.65);
}

.aui-menu button {
  width: 100%;
  display: block;
  border: none;
  background: none;
  text-align: left;
  padding: 11px 15px;
  line-height: 13px;
  white-space: nowrap;
  color: inherit;
  font-size: 15px;
}

.aui-menu button:hover,
.aui-menu button:focus {
  background: rgba(0, 0, 0, 0.04);
}

.aui-menu button.active,
.aui-menu button.active:focus,
.aui-menu button.active:hover {
  opacity: 1;
  background: #6A7FAF;
  color: #fff;
}

.aui-menu.primary button.active {
  opacity: 1;
  background: rgba(var(--primary-color-r, 81), var(--primary-color-g, 112), var(--primary-color-b, 175));
  color: rgba(var(--primary-button-text-r, 255), var(--primary-button-text-g, 255), var(--primary-button-text-b, 255));
}

.aui-menu.primary button.active:focus, .aui-menu.primary button.active:hover {
  background: rgba(var(--primary-color-hover-r, 63), var(--primary-color-hover-g, 86), var(--primary-color-hover-b, 134));
  color: rgba(var(--primary-button-text-r, 255), var(--primary-button-text-g, 255), var(--primary-button-text-b, 255));
}

.aui-menu hr {
  margin: 5px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.14);
}

.aui-menu button .icon {
  width: 26px;
  vertical-align: -2px;
  display: inline-block;
  font-size: 18px;
  opacity: 0.5;
}

.aui-menu.icon-column button {
  padding-left: 50px;
  white-space: normal;
  line-height: 1.4;
}

.aui-menu.icon-column button .icon {
  width: 30px;
  color: inherit;
  opacity: 0.6;
  font-size: 20px;
  margin-left: -34px;
}

.aui-menu.icon-column button:hover .icon, .aui-view-header .aui-menu button:focus .icon {
  opacity: 1;
}

.aui-menu.icon-column.accented button,
.aui-menu.icon-column.shaded button {
  padding-left: 57px;
}

.aui-menu.icon-column.accented button .icon,
.aui-menu.icon-column.shaded button .icon {
  width: 45px;
  margin-left: -43px;
}

.aui-menu.icon-column.accented:before {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
  left: -1px;
  top: -1px;
  height: calc(100% + 2px);
  width: 46px;
  background: #425586;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.aui-menu.icon-column.accented {
  color: #fff;
}

.aui-menu.icon-column.shaded:before {
  content: "";
  position: absolute;
  display: block;
  z-index: -1;
  left: 1px;
  top: 1px;
  height: calc(100% - 2px);
  width: 46px;
  background: #F3F7FA;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.aui-menu.aui-collapse > button > .aui-caret {
  position: absolute;
  right: 20px;
  transform: translateY(6px) rotate(-90deg);
  transition: all 0.2s ease-out;
}

.aui-menu.aui-collapse {
  min-height: 44px;
}

.aui-menu.aui-collapse > .aui-menu {
  height: 0;
  min-height: 0;
  overflow: hidden;
  top: -20px;
  margin-bottom: -20px;
  transition: all 0.22s cubic-bezier(0.2, 0, 0, 2.15);
}

.aui-menu.aui-collapse.open .aui-menu {
  height: auto;
  position: relative;
  top: 0;
  margin-bottom: 0px;
  transition: all 0.22s cubic-bezier(0.2, 0, 0, 2.15);
}

.aui-menu.aui-collapse.open > button > .aui-caret {
  position: absolute;
  right: 20px;
  transform: translateY(3px) rotate(0deg);
}

.aui-app-sidebar .aui-menu hr {
  border-top: 1px solid #202a3e;
  box-shadow: 0 1px 0 0 #364466;
  margin-left: 12px;
  margin-right: 12px;
}

.aui-app-sidebar .aui-menu button {
  opacity: 0.65;
  transition: all 0.2s ease-in-out;
}

.aui-app-sidebar .aui-menu button:focus, .aui-app-sidebar .aui-menu button:hover {
  opacity: 1;
  background: #263048;
}

.aui-app-sidebar .aui-menu button.active, .aui-app-sidebar .aui-menu button.active:focus .aui-app-sidebar .aui-menu button.active:hover {
  opacity: 1;
  background: #202a3e;
}

.aui-panel {
  position: absolute;
  z-index: 10;
  top: 50px;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px 0;
  box-shadow: 4px 12px 16px -5px rgba(0, 0, 0, 0.31);
  border-radius: 6px;
  color: #333;
}

.aui-dropup .aui-panel {
  box-shadow: -2px 0px 16px 0px rgba(0, 0, 0, 0.31);
}

.aui-panel .aui-panel-header {
  padding: 8px 12px;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #ddd;
  color: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
}

.aui-panel-body {
  padding: 5px 0;
  max-height: 70vh;
  overflow: auto;
}

.aui-panel .aui-panel-footer {
  padding: 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ddd;
}

.aui-panel .aui-panel-footer button {
  width: 100%;
  display: block;
  padding: 12px 12px;
}

.aui-panel .aui-panel-footer button:hover,
.aui-panel .aui-panel-footer button:focus {
  background: rgba(0, 0, 0, 0.04);
}

/* aui-lookups */
.aui-panel.aui-lookup .aui-panel-header {
  padding: 0;
  display: block;
  color: #333;
}

.aui-panel.aui-lookup .aui-rich-input {
  width: 100%;
  margin: -5px 0 0;
  background: #fff;
  border: none !important;
}

.aui-panel.aui-lookup .aui-rich-input:focus-within {
  box-shadow: none;
}

.aui-panel.aui-lookup {
  right: -3px;
  left: auto;
  width: calc(100% + 3px);
  min-width: 300px;
  transform: translateY(5px);
}

/* psuedo select */
.aui-dropdown.select {
  border: 1px solid #ddd;
  width: 100%;
  min-width: 100px;
  height: auto;
  border-radius: 5px;
  margin-top: 0;
  background: #fff;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  position: relative;
  display: block;
  margin-bottom: 30px;
}

.aui-dropdown.select.red, .aui-dropdown.select.red:focus-within {
  border: 1px solid rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
}

.aui-dropdown.select:focus-within {
  border-color: #aaa;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
}

.aui-dropdown.select > button {
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  position: relative;
  text-align: left;
  opacity: 1;
  display: flex;
  align-items: center;
}

.aui-dropdown.select > button.aui-value-display > span:not(.aui-caret) {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(100% - 38px);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 29px;
}

.aui-dropdown.select.aui-clearable > button.aui-value-display > span:not(.aui-caret) {
  width: calc(100% - 64px);
}

.aui-dropdown.select > button.aui-value-display[data-aui-value=""] > span:not(.aui-caret) {
  opacity: 0.5;
}

.aui-dropdown.select > button.aui-value-display[data-aui-value=""] ~ .aui-clear {
  visibility: hidden;
  opacity: 0;
}

.aui-toolbar .aui-dropdown.select {
  margin-bottom: 0;
}

.aui-toolbar .aui-dropdown.select > button {
  padding: 7px 21px 7px 9px;
}

.aui-toolbar .aui-dropdown.select .aui-menu {
  top: 47px;
}

.aui-dropdown.select .aui-caret {
  position: absolute;
  font-size: 18px;
  right: 13px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  z-index: 1;
}

.aui-dropdown.select:hover, .aui-dropdown.select:focus-within {
  border-color: #aaa;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.2);
}

.aui-dropdown.select.red:hover, .aui-dropdown.select.red:focus-within {
  border-color: rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75));
  box-shadow: 0 0 0 3px rgba(var(--red-color-r, 236), var(--red-color-g, 73), var(--red-color-b, 75), 0.7);
}

.aui-dropdown.select .aui-menu {
  min-width: 100%;
  top: -10px;
}

.aui-dropdown.select.open .aui-menu {
  top: 47px;
}

.aui-dropdown.select:focus-within .aui-menu {
  top: 47px;
}

.aui-dropdown.aui-dropup.select.open .aui-menu {
  top: auto;
  bottom: 34px;
}

.aui-dropdown.select button > .icon {
  margin-left: -1px;
  margin-right: 4px;
  width: 25px;
  font-size: 20px;
  opacity: 0.4;
}

.aui-dropdown.select:hover button > .icon, .aui-dropdown.select:focus-within button > .icon {
  opacity: 0.5;
}

.aui-dropdown.select.aui-clearable {
  min-width: 130px;
}

.aui-dropdown.select.aui-clearable > button.aui-clear {
  position: absolute;
  right: 38px;
  top: 0;
  opacity: 0.8;
  transition: opacity 0.4s ease-in-out;
  padding: 10px 10px;
  visibility: visible;
  height: 38px;
  line-height: 1;
  width: 16px;
  min-width: 16px;
  z-index: 2;
  text-align: center;
  display: inline-block;
}

.aui-dropdown.select.aui-clearable > button.aui-clear:hover {
  opacity: 1;
  transform: scale(1.3);
  transform-origin: right;
  transition: transform 0.2s cubic-bezier(0.2, 0, 0, 1.85);
}

@keyframes boing-down {
  0% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}
.aui-radio {
  margin-bottom: 16px;
}

.aui-radio input[type=radio] {
  opacity: 0;
  width: 0.1px;
}

.aui-radio label {
  position: relative;
  display: inline-block;
  padding-left: 19px;
  font-weight: 400;
  cursor: pointer;
}

.aui-radio label::before,
.aui-radio label::after {
  position: absolute;
  content: "";
  display: inline-block;
  box-sizing: border-box;
}

/*Outer box of the fake checkbox*/
.aui-radio label::before {
  height: 18px;
  width: 18px;
  border: 1px solid #999;
  background: #fff;
  left: -10px;
  top: 0px;
  border-radius: 50%;
  transition: box-shadow 0.2s ease-in-out;
}

.aui-radio label:hover:before {
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.11), 0 0 0 6px rgba(83, 108, 171, 0.06);
}

/*Checkmark of the fake checkbox*/
.aui-radio label::after {
  height: 8px;
  width: 8px;
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  left: -5px;
  top: 5px;
  border-radius: 50%;
}

/*Hide the checkmark by default*/
.aui-radio input[type=radio] + label::after {
  content: none;
}

/*Unhide on the checked state*/
.aui-radio input[type=radio]:checked + label::after {
  content: "";
}

/*Adding focus styles on the outer-box of the fake checkbox*/
.aui-radio input[type=radio]:focus + label::before {
  outline: none;
  border: 1px solid #333;
  box-shadow: 0 0 0 3px rgba(83, 108, 171, 0.11), 0 0 0 6px rgba(83, 108, 171, 0.06);
}

.aui-radio input[type=radio][disabled] + label {
  pointer-events: none;
  opacity: 0.7;
}

.aui-radio input[type=radio][disabled] + label::before {
  opacity: 0.6;
}

.aui-radio input[type=radio][disabled] + label:hover:before {
  box-shadow: none !important;
}

.region {
  border-radius: 8px;
  box-shadow: 1px 3px 8px -3px rgba(0, 0, 0, 0.27);
  border: 1px solid rgba(221, 221, 221, 0.52);
  background: #fff;
  padding: 45px 30px 30px;
  min-height: 100px;
  margin-bottom: 30px;
}
.region .region-footer {
  width: calc(100% + 60px);
  margin-left: -30px;
  margin-right: -30px;
  background: #f7f9fc;
  padding: 30px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  margin-bottom: -30px;
}
.region .region-footer .aui-button ~ .aui-button {
  margin-left: 18px;
}

.region-heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  flex-wrap: wrap;
}
.region-heading h2 {
  font-size: 17px;
  letter-spacing: 0.3px;
  font-weight: 600;
}
.region-heading i.ins-circle-solid {
  font-size: 9px;
  margin-left: 10px;
}
.region-heading .aui-dropdown {
  white-space: nowrap;
}
.region-heading .aui-dropdown i {
  font-size: 18px;
  vertical-align: -2px;
  margin-right: 8px;
}

button {
  border: none;
  background: transparent;
  color: #333;
  appearance: inherit;
  -moz-appearance: inherit;
  -webkit-appearance: inherit;
  cursor: pointer;
}

a {
  appearance: none;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

a, a:hover, a:focus {
  text-decoration: none;
  color: inherit;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul li {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  width: 100%;
  text-align: left;
}

table th, table td {
  text-align: left;
}

table.aui-table {
  border-collapse: separate;
  border: none;
  border-spacing: 0px;
}
table.aui-table th {
  padding: 18px 12px;
  background: transparent;
  border-bottom: 1px solid #ccc;
}
table.aui-table td {
  padding: 28px 12px 22px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: 600;
  line-height: 1.4em;
}
table.aui-table tr:last-child td {
  border-bottom: none;
}
table.aui-table td.right {
  text-align: right;
  padding-right: 40px;
}
table.aui-table td.indicator {
  padding: 12px 0;
  width: 24px;
}
table.aui-table td.indicator i {
  font-size: 9px;
  margin-left: 10px;
  color: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
  vertical-align: -1px;
}

/* tabs */
.aui-tabs {
  display: flex;
  padding-left: 10px;
  padding-top: 10px;
  max-width: calc(100% - 30px);
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
}

.aui-tabs button {
  background: transparent;
  padding: 9px 22px 10px;
  margin-right: 8px;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.aui-tabs button:hover,
.aui-tabs button:focus {
  background: rgba(0, 0, 0, 0.045);
}

.aui-tab-body {
  background: #fff;
  margin-top: 0;
  margin-bottom: 30px;
  border-radius: 6px;
  min-height: 200px;
  padding: 30px;
}

.aui-tabs button.active,
.aui-tabs button.active:focus {
  background: #fff;
  color: #333;
}

.aui-tabs button.active:after {
  content: "";
  position: absolute;
  top: -3px;
  left: 0;
  width: 0;
  height: 3px;
  background: rgba(var(--accent-color-r, 106), var(--accent-color-g, 127), var(--accent-color-b, 175));
  animation: tab-activate 0.2s normal forwards ease-in-out;
}

@keyframes tab-activate {
  0% {
    width: 0;
  }
  70% {
    width: calc(100% + 10px);
  }
  80% {
    width: calc(100% - 10px);
  }
  100% {
    width: 100%;
  }
}
.task-list li {
  display: flex;
  justify-content: flex-start;
  align-content: stretch;
  margin-bottom: 28px;
  max-width: 95%;
}

.task-list li .description {
  position: relative;
  font-weight: 600;
  line-height: 1.5em;
  font-size: 15px;
}

.task-list li .meta {
  color: #757575;
  font-size: 13px;
  font-weight: 500;
}

.task-list li .icon {
  position: relative;
  max-height: 25px;
  flex: 0 0 35px;
}

.task-list li .icon:after {
  content: "\e9ad";
  font-family: "insight-icons";
  font-size: 22px;
  color: #ccc;
  position: absolute;
  left: 0;
  bottom: 0px;
}

.task-list li.complete .icon:after {
  content: "\e9ac";
  color: rgba(var(--green-color-r, 74), var(--green-color-g, 182), var(--green-color-b, 128));
}

.task-list li.started .icon:after {
  content: "\e9aa";
  color: rgba(var(--amber-color-r, 255), var(--amber-color-g, 196), var(--amber-color-b, 105));
}

@font-face {
  font-family: "insight-icons";
  src: url("fonts/insight-icons.eot?t644nw");
  src: url("fonts/insight-icons.eot?t644nw#iefix") format("embedded-opentype"), url("fonts/insight-icons.ttf?t644nw") format("truetype"), url("fonts/insight-icons.woff?t644nw") format("woff"), url("fonts/insight-icons.svg?t644nw#insight-icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=ins-], [class*=" ins-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "insight-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ins-avatar:before {
  content: "\e912";
}

.ins-bell:before {
  content: "\e90d";
}

.ins-case-generic:before {
  content: "\e903";
}

.ins-case-family:before {
  content: "\e905";
}

.ins-edit:before {
  content: "\e906";
}

.ins-documents:before {
  content: "\e90b";
}

.ins-coins:before {
  content: "\e90c";
}

.ins-cross:before {
  content: "\e9d4";
}

.ins-copy:before {
  content: "\e994";
}

.ins-home:before {
  content: "\e998";
}

.ins-inbox:before {
  content: "\e999";
}

.ins-poll:before {
  content: "\e99e";
}

.ins-sliders:before {
  content: "\e9a2";
}

.ins-book-closed:before {
  content: "\e96d";
}

.ins-clone:before {
  content: "\e96f";
}

.ins-comment:before {
  content: "\e970";
}

.ins-indicator-equal:before {
  content: "\e930";
}

.ins-indicator-right:before {
  content: "\ea34";
}

.ins-deadline:before {
  content: "\e953";
}

.ins-sort-asc:before {
  content: "\e956";
}

.ins-sort-desc:before {
  content: "\e957";
}

.ins-client:before {
  content: "\e900";
}

.ins-team-member:before {
  content: "\e901";
}

.ins-case-property:before {
  content: "\e902";
}

.ins-folder-closed:before {
  content: "\e9d1";
}

.ins-folder-open:before {
  content: "\e9d3";
}

.ins-sort-down:before {
  content: "\e968";
}

.ins-sort-up:before {
  content: "\e99a";
}

.ins-circle-solid:before {
  content: "\e987";
}

.ins-circle-info:before {
  content: "\e958";
}

.ins-circle-cross-solid:before {
  content: "\e975";
}

.ins-circle-tick-solid:before {
  content: "\e9b5";
}

.ins-exchange:before {
  content: "\e91f";
}

.ins-circle-cross:before {
  content: "\e9a6";
}

.ins-circle-filled:before {
  content: "\e9a7";
}

.ins-circle-minus:before {
  content: "\e9a8";
}

.ins-circle-plus:before {
  content: "\e9a9";
}

.ins-circle-semi:before {
  content: "\e9aa";
}

.ins-circle-tick:before {
  content: "\e9ac";
}

.ins-circle:before {
  content: "\e9ad";
}

.ins-square-cross:before {
  content: "\e9ae";
}

.ins-square-filled:before {
  content: "\e9af";
}

.ins-square-minus:before {
  content: "\e9b0";
}

.ins-square-plus:before {
  content: "\e9b1";
}

.ins-square-semi:before {
  content: "\e9b2";
}

.ins-square-tick:before {
  content: "\e9b3";
}

.ins-square:before {
  content: "\e9b4";
}

.ins-user2:before {
  content: "\e951";
}

.ins-download:before {
  content: "\e946";
}

.ins-upload:before {
  content: "\e9d2";
}

.ins-envelope-open:before {
  content: "\e973";
}

.ins-envelope:before {
  content: "\e974";
}

.ins-file-doc:before {
  content: "\e976";
}

.ins-file:before {
  content: "\e978";
}

.ins-flag:before {
  content: "\e979";
}

.ins-hand-point:before {
  content: "\e97b";
}

.ins-id:before {
  content: "\e97e";
}

.ins-message:before {
  content: "\e983";
}

.ins-pin:before {
  content: "\e985";
}

.ins-recycle:before {
  content: "\e988";
}

.ins-message-text:before {
  content: "\e98a";
}

.ins-sync:before {
  content: "\e98b";
}

.ins-undo:before {
  content: "\e98d";
}

.ins-circle-warn:before {
  content: "\e936";
}

.ins-filter:before {
  content: "\e937";
}

.ins-size:before {
  content: "\e93b";
}

.ins-shared:before {
  content: "\e96a";
}

.ins-share:before {
  content: "\e91a";
}

.ins-circle-arrow-left:before {
  content: "\e92c";
}

.ins-big-minus:before {
  content: "\e927";
}

.ins-star-empty:before {
  content: "\e90e";
}

.ins-bin:before {
  content: "\e910";
}

.ins-calendar:before {
  content: "\e911";
}

.ins-circle-plus-alt:before {
  content: "\e913";
}

.ins-external-link:before {
  content: "\e918";
}

.ins-grid:before {
  content: "\e919";
}

.ins-key:before {
  content: "\e91b";
}

.ins-label:before {
  content: "\e91c";
}

.ins-labels:before {
  content: "\e91d";
}

.ins-logout:before {
  content: "\e91e";
}

.ins-paperclip:before {
  content: "\e920";
}

.ins-print:before {
  content: "\e921";
}

.ins-stack:before {
  content: "\e922";
}

.ins-star-filled:before {
  content: "\e923";
}

.ins-tick:before {
  content: "\e924";
}

.ins-tiles:before {
  content: "\e925";
}

.ins-warn:before {
  content: "\e929";
}

.ins-search:before {
  content: "\e93c";
}

.ins-cog:before {
  content: "\e907";
}

.ins-globe:before {
  content: "\e908";
}

.ins-big-plus:before {
  content: "\e93d";
}

.ins-chat:before {
  content: "\e909";
}

.ins-clock:before {
  content: "\e90a";
}

.ins-arrow-down:before {
  content: "\e917";
}

.ins-arrow-back:before {
  content: "\e90f";
}

.ins-bookmark:before {
  content: "\e940";
}

.ins-box:before {
  content: "\e941";
}

.ins-briefcase:before {
  content: "\e942";
}

.ins-chart-bar:before {
  content: "\e943";
}

.ins-chart-line:before {
  content: "\e944";
}

.ins-chart-pie:before {
  content: "\e945";
}

.ins-ellipsis-vertical:before {
  content: "\e947";
}

.ins-ellipsis:before {
  content: "\e948";
}

.ins-forward:before {
  content: "\e949";
}

.ins-hamburger:before {
  content: "\e94a";
}

.ins-opportunity:before {
  content: "\e94b";
}

.ins-image:before {
  content: "\e94c";
}

.ins-tick-list:before {
  content: "\e94d";
}

.ins-lock:before {
  content: "\e94e";
}

.ins-map-pin:before {
  content: "\e94f";
}

.ins-caret-right:before {
  content: "\e904";
}

.ins-caret-left:before {
  content: "\e931";
}

.ins-caret-up:before {
  content: "\e933";
}

.ins-caret-down:before {
  content: "\e934";
}

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