@font-face {
  font-family: 'Work Sans';
  src: url('fonts/worksans/WorkSans-ExtraLight.eot');
  src: url('fonts/worksans/WorkSans-ExtraLight.eot') format('embedded-opentype'), url('fonts/worksans/WorkSans-ExtraLight.ttf') format('truetype'), url('fonts/worksans/WorkSans-ExtraLight.svg#work_sansextralight') format('svg');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Work Sans';
  src: url('fonts/worksans/WorkSans-Regular.eot');
  src: url('fonts/worksans/WorkSans-Regular.eot') format('embedded-opentype'), url('fonts/worksans/WorkSans-Regular.ttf') format('truetype'), url('fonts/worksans/WorkSans-Regular.svg#work_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Work Sans';
  src: url('fonts/worksans/WorkSans-ExtraBold.eot');
  src: url('fonts/worksans/WorkSans-ExtraBold.eot') format('embedded-opentype'), url('fonts/worksans/WorkSans-ExtraBold.ttf') format('truetype'), url('fonts/worksans/WorkSans-ExtraBold.svg#work_sansextrabold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat';
  src: url('fonts/montserrat/Montserrat-regular.eot');
  src: url('fonts/montserrat/Montserrat-regular.eot') format('embedded-opentype'), url('fonts/montserrat/Montserrat-regular.ttf') format('truetype'), url('fonts/montserrat/Montserrat-regular.svg#montserrat_regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'montserrat';
  src: url('fonts/montserrat/Montserrat-SemiBold.eot');
  src: url('fonts/montserrat/Montserrat-SemiBold.eot') format('embedded-opentype'), url('fonts/montserrat/Montserrat-SemiBold.ttf') format('truetype'), url('fonts/montserrat/Montserrat-SemiBold.svg#montserrat_semibold') format('svg');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'muli';
  src: url('fonts/muli/muli-regular-webfont.eot');
  src: url('fonts/muli/muli-regular-webfont.eot') format('embedded-opentype'), url('fonts/muli/muli-regular-webfont.ttf') format('truetype'), url('fonts/muli/muli-regular-webfont.svg#muliregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'muli';
  src: url('fonts/muli/muli-regular-webfont.eot');
  src: url('fonts/muli/muli-regular-webfont.eot') format('embedded-opentype'), url('fonts/muli/muli-regular-webfont.ttf') format('truetype'), url('fonts/muli/muli-regular-webfont.svg#muliitalic') format('svg');
  font-weight: italic;
  font-style: normal;
}
@font-face {
  font-family: 'syncopate';
  src: url('fonts/syncopate/syncopate-regular-webfont.eot');
  src: url('fonts/syncopate/syncopate-regular-webfont.eot') format('embedded-opentype'), url('fonts/syncopate/syncopate-regular-webfont.ttf') format('truetype'), url('fonts/syncopate/syncopate-regular-webfont.svg#syncopateregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'syncopate';
  src: url('fonts/worksans/syncopate-bold-webfont.eot');
  src: url('fonts/worksans/syncopate-bold-webfont.eot') format('embedded-opentype'), url('fonts/worksans/syncopate-bold-webfont.ttf') format('truetype'), url('fonts/worksans/syncopate-bold-webfont.svg#syncopatebold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/oswald-regular-webfont.eot');
  src: url('fonts/oswald/oswald-regular-webfont.eot') format('embedded-opentype'), url('fonts/oswald/oswald-regular-webfont.ttf') format('truetype'), url('fonts/oswald/oswald-regular-webfont.svg#oswaldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald';
  src: url('fonts/oswald/oswald-bold-webfont.eot');
  src: url('fonts/oswald/oswald-bold-webfont.eot') format('embedded-opentype'), url('fonts/oswald/oswald-bold-webfont.ttf') format('truetype'), url('fonts/oswald/oswald-bold-webfont.svg#oswaldbold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'oswald-light';
  src: url('fonts/oswald/oswald-light-webfont.eot');
  src: url('fonts/oswald/oswald-light-webfont.eot') format('embedded-opentype'), url('fonts/oswald/oswald-light-webfont.ttf') format('truetype'), url('fonts/oswald/oswald-light-webfont.svg#oswaldregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.table.small-font thead th,
.table.small-font td {
  font-size: 11px;
  line-height: 16px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/*!
 * Bootstrap v3.0.3
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-family: sans-serif;
}
body {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
a {
  background: transparent;
}
a:focus {
  outline: 0;
}
a:active,
a:hover {
  outline: 0;
}
p a {
  color: #1F74CE;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #1F74CE;
  color: #000000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 16px;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #B3B3B3;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"] {
  background: #FFFFFF;
  box-sizing: border-box;
  cursor: pointer;
  height: 17px;
  padding: 0 0 0 15px;
  position: relative;
  width: 17px;
  border: 1px solid #B3B3B3;
  border-radius: 2px !important;
  min-height: 15px;
}
input[type="checkbox"]:hover {
  border-color: #1F74CE;
}
input[type="radio"] {
  background: url('images/radio-unselected.svg') top left no-repeat;
  box-sizing: border-box;
  cursor: pointer;
  height: 17px;
  padding: 0;
  position: relative;
  width: 17px;
}
input[type="radio"]:hover {
  background: url('images/radio-hover.svg') top left no-repeat;
}
input[type="radio"]:focus {
  background: url('images/radio-focus.svg') top left no-repeat;
}
input[type="radio"]:checked[disabled] {
  background: url('images/radio-selected-and-disabled.svg') top left no-repeat;
}
input[type="radio"]:disabled {
  background: url('images/radio-disabled.svg') top left no-repeat;
}
/* We use CSS to hide the checkbox and relace it with our styled box */
input[type="checkbox"]:before,
input[type="radio"]:before {
  background-color: #FFFFFF;
  position: absolute;
  z-index: 1;
}
input[type=checkbox]:checked {
  background: url('images/checkbox-selected.svg') !important;
  background-size: 100% !important;
  color: #F0F0F3;
  height: 17px;
  width: 17px;
  border: none !important;
}
input[type=radio]:checked {
  background: url('images/radio-selected.svg') bottom left no-repeat;
  color: #F0F0F3;
  height: 17px;
  line-height: 120%;
  width: 17px;
}
input[type="search"] {
  -moz-box-sizing: content-box;
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0px 1000px #e8f0fe inset;
  -webkit-text-fill-color: #4D4D4D;
  caret-color: #4D4D4D;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    color: #000000 !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #B3B3B3;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #FFFFFF !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #FFFFFF !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000000 !important;
  }
  .label {
    border: 1px solid #000000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #B3B3B3 !important;
  }
}
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  font-size: 62.5%;
}
body {
  background-color: #FFFFFF;
  color: #222222;
  font-size: 12px;
  line-height: 1.42857143;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #222222;
  cursor: pointer;
  text-decoration: none;
}
p a:hover,
p a:focus {
  text-decoration: none;
}
a:focus {
  outline: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  -webkit-transition: all 0.2s ease-in-out;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 4px;
  display: inline-block;
  height: auto;
  line-height: 1.42857143;
  max-width: 100%;
  padding: 4px;
  transition: all 0.2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  border: 0;
  border-top: 1px solid #808080;
  margin-bottom: 20px;
  margin-top: 20px;
}
.sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  color: #222222;
  letter-spacing: 0;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  color: #B3B3B3;
  font-weight: normal;
  line-height: 100%;
}
h1 {
  margin-bottom: 10px;
  margin-top: 20px;
}
h1 small,
h2 small,
h3 small,
h1 .small,
h2 .small,
h3 .small {
  font-size: 65%;
}
h4 small,
h5 small,
h6 small,
h4 .small,
h5 .small,
h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 28px;
  margin-bottom: 18px;
}
h2,
.h2 {
  font-size: 22px;
  margin-bottom: 18px;
}
h3,
.h3 {
  font-size: 18px;
  margin-bottom: 15px;
}
h4,
.h4 {
  font-size: 13px;
  margin-bottom: 10px;
}
h5,
.h5 {
  font-size: 12px;
  margin-bottom: 15px;
}
h6,
.h6 {
  font-size: 11px;
  margin-bottom: 15px;
}
p {
  color: #222222;
  font-size: 12px;
  line-height: 18px;
  margin: 0 0 10px;
}
.lead {
  font-family: 'Arial';
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .lead {
    font-size: 18px;
  }
}
small,
.small {
  font-size: 11px;
  line-height: 16px;
}
cite {
  font-style: normal;
}
.text-muted {
  color: #B3B3B3;
}
.text-primary {
  color: #1F74CE;
}
.text-primary:hover {
  color: #1F74CE;
}
.text-warning {
  color: #8a6d3b;
}
.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
.text-danger:hover {
  color: #843534;
}
.text-success {
  color: #3c763d;
}
.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
.text-info:hover {
  color: #245269;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.page-header {
  border-bottom: 1px solid #B3B3B3;
  margin: 40px 0 20px;
  padding-bottom: 9px;
}
ul,
ol {
  margin-bottom: 10px;
  margin-top: 0;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  list-style: none;
  padding-left: 0;
}
.list-inline {
  list-style: none;
  padding-left: 0;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.list-inline > li:first-child {
  padding-left: 0;
}
dl {
  margin-bottom: 20px;
  margin-top: 0;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  border-bottom: 1px dotted #B3B3B3;
  cursor: help;
}
.initialism {
  font-size: 90%;
}
blockquote {
  border-left: 5px solid #B3B3B3;
  margin: 0 0 20px;
  padding: 10px 20px;
}
blockquote p {
  font-size: 18px;
  font-weight: normal;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small,
blockquote .small {
  color: #B3B3B3;
  display: block;
  line-height: 1.42857143;
}
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  border-left: 0;
  border-right: 5px solid #B3B3B3;
  padding-left: 0;
  padding-right: 15px;
}
blockquote.pull-right p,
blockquote.pull-right small,
blockquote.pull-right .small {
  text-align: right;
}
blockquote.pull-right small:before,
blockquote.pull-right .small:before {
  content: '';
}
blockquote.pull-right small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  font-style: normal;
  line-height: 1.42857143;
  margin-bottom: 20px;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  background-color: #B3B3B3;
  border-radius: 4px;
  color: #C7254E;
  font-size: 90%;
  padding: 2px 4px;
  text-transform: none;
  white-space: nowrap;
}
pre {
  background-color: #B3B3B3;
  border: 1px solid #B3B3B3;
  border-radius: 4px;
  color: #222222;
  display: block;
  font-size: 13px;
  line-height: 1.42857143;
  margin: 0 0 10px;
  padding: 9.5px;
  word-break: break-all;
  word-wrap: break-word;
}
pre code {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  font-size: inherit;
  padding: 0;
  white-space: pre-wrap;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
table {
  background-color: transparent;
  max-width: 100%;
}
th {
  text-align: left;
}
.table {
  border: 1px solid #B3B3B3;
  margin-bottom: 20px;
  width: 100%;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  background-color: #FFFFFF;
  font-size: 12px;
  line-height: 1.42857143;
  padding: 8px;
  vertical-align: middle;
}
.table > thead > tr > th {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 700;
  background-color: #F0F0F3;
  border-bottom: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  padding-left: 12px;
  padding-right: 12px;
  vertical-align: middle;
  background-clip: padding-box;
}
.table.table-condensed > thead > tr > th {
  min-height: 10px;
  height: auto;
}
.table.dark,
.table.darker {
  border-top: 1px solid #B3B3B3;
}
.table.dark > thead > tr > th {
  border-left: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  border-top: 1px solid #B3B3B3;
  background-color: #F0F0F3;
}
.table.darker > thead > tr > th {
  background-color: #a49791;
  border-left: 1px solid #8B817A;
  border-right: 1px solid #8B817A;
  box-shadow: 1px 0 0 #b6aaa1 inset;
  color: #FFFFFF;
}
.table.dark > thead > tr > th:first-child {
  box-shadow: none;
}
.table.darker > thead > tr > th:first-child {
  border-left: none;
}
.table.darker > thead > tr > th:last-child {
  border-right: none;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #B3B3B3;
}
.table .table {
  background-color: #FFFFFF;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th {
  padding: 8px 10px 8px 15px;
}
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td,
.table.table-condensed > tbody > tr > td {
  padding: 7px 10px 7px 10px;
  background-color: #F6F6F6;
}
.table-bordered {
  border: 1px solid #B3B3B3;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #B3B3B3;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #FFFFFF;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #B3B3B3;
}
table col[class*="col-"] {
  display: table-column;
  float: none;
  position: static;
}
table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}
.table > tbody > tr > td {
  border-right: 1px solid #B3B3B3 !important;
  border-bottom: 1px solid #B3B3B3 !important;
  padding-left: 12px;
  padding-right: 12px;
  background-clip: padding-box;
  height: 50px;
}
.table > tbody > tr > td:last-child {
  border-right: none !important;
}
.table > thead > tr > .active,
.table > tbody > tr > .active,
.table > tfoot > tr > .active,
.table > thead > .active > td,
.table > tbody > .active > td,
.table > tfoot > .active > td,
.table > thead > .active > th,
.table > tbody > .active > th,
.table > tfoot > .active > th {
  background-color: #B3B3B3;
}
.table-hover > tbody > tr > .active:hover,
.table-hover > tbody > .active:hover > td,
.table-hover > tbody > .active:hover > th {
  background-color: #B3B3B3;
}
.table > thead > tr > .success,
.table > tbody > tr > .success,
.table > tfoot > tr > .success,
.table > thead > .success > td,
.table > tbody > .success > td,
.table > tfoot > .success > td,
.table > thead > .success > th,
.table > tbody > .success > th,
.table > tfoot > .success > th {
  background-color: #DFF0D8;
}
.table-hover > tbody > tr > .success:hover,
.table-hover > tbody > .success:hover > td,
.table-hover > tbody > .success:hover > th {
  background-color: #D0E9C6;
}
.table > thead > tr > .danger,
.table > tbody > tr > .danger,
.table > tfoot > tr > .danger,
.table > thead > .danger > td,
.table > tbody > .danger > td,
.table > tfoot > .danger > td,
.table > thead > .danger > th,
.table > tbody > .danger > th,
.table > tfoot > .danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > .danger:hover,
.table-hover > tbody > .danger:hover > td,
.table-hover > tbody > .danger:hover > th {
  background-color: #ebcccc;
}
.table > thead > tr > .warning,
.table > tbody > tr > .warning,
.table > tfoot > tr > .warning,
.table > thead > .warning > td,
.table > tbody > .warning > td,
.table > tfoot > .warning > td,
.table > thead > .warning > th,
.table > tbody > .warning > th,
.table > tfoot > .warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > .warning:hover,
.table-hover > tbody > .warning:hover > td,
.table-hover > tbody > .warning:hover > th {
  background-color: #faf2cc;
}
@media (max-width: 767px) {
  .table-responsive {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #B3B3B3;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
legend {
  border: 0;
  border-bottom: 1px solid #B3B3B3;
  color: #222222;
  display: block;
  font-size: 21px;
  line-height: inherit;
  margin-bottom: 20px;
  padding: 0;
  width: 100%;
}
label {
  display: inline-block;
  margin-bottom: 5px;
}
input[type="search"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  line-height: normal;
  /* IE8-9 */
  vertical-align: bottom;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 0;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
output {
  color: #5a5756;
  display: block;
  font-size: 14px;
  line-height: 1.42857143;
  padding-top: 7px;
  vertical-align: middle;
}
.modal-body .form-control {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}
.form-control {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #B3B3B3;
  border-radius: 2px;
  color: #222222;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 1.42857143;
  padding: 5px 12px;
  vertical-align: middle;
  width: 100%;
}
.form-control:hover,
.form-control:focus,
.form-control:active {
  border-color: #1F74CE;
}
.form-control:focus {
  outline: 0;
}
.form-control:-moz-placeholder {
  color: #B3B3B3;
}
.form-control::-moz-placeholder {
  color: #B3B3B3;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #B3B3B3;
}
.form-control::-webkit-input-placeholder {
  color: #B3B3B3;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #E6E6E6 !important;
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  line-height: 19px;
  margin-bottom: 10px;
  margin-top: 10px;
  min-height: 15px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio.no-margin,
.checkbox.no-margin {
  margin-bottom: 0px;
  margin-top: 0px;
}
.radio label,
.checkbox label {
  cursor: pointer;
  display: inline;
  font-weight: normal;
  margin-bottom: 0;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: 0px;
}
.radio-inline,
.checkbox-inline {
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  margin-bottom: 0;
  padding-left: 20px;
  vertical-align: middle;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-left: 10px;
  margin-top: 0;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
input[type="checkbox"][disabled] {
  background-color: #B3B3B3 !important;
}
input[type="checkbox"][disabled]:checked {
  background: url('images/checkbox-selected-disabled.svg') !important;
  background-size: 100% !important;
}
.modal-body .tight .checkbox.multiline {
  margin-bottom: 5px;
}
.input-sm {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 10px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm {
  height: auto;
}
.input-lg {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.33;
  padding: 10px 16px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-color: #8a6d3b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  background-color: #fcf8e3;
  border-color: #8a6d3b;
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  background-color: #f2dede;
  border-color: #a94442;
  color: #a94442;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  border-color: #3c763d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  background-color: #DFF0D8;
  border-color: #3c763d;
  color: #3c763d;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  color: #F0F0F3;
  display: block;
  margin-bottom: 10px;
  margin-top: 5px;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
  }
  .form-inline select.form-control {
    width: auto;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.btn {
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  background: none;
  border: 1px solid transparent;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.btn i {
  vertical-align: middle;
}
.btn:focus {
  outline: 0;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  pointer-events: none;
}
.cursorNotAllowed {
  cursor: not-allowed !important;
  pointer-events: all !important;
}
.btn-default {
  background-color: #FFFFFF;
  border-color: #4D4D4D;
  color: #222222;
  border-radius: 3px;
  font-weight: 700;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  background-color: #DDE7F3;
  border-color: #4D4D4D;
  color: #222222;
}
.btn-default.btn-grouping-levels:hover,
.btn-default.btn-grouping-levels:focus,
.btn-default.btn-grouping-levels:active,
.btn-default.btn-grouping-levels.active {
  background: none;
  border: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-group > button.btn.btn-default.dropdown-toggle:hover,
.btn-group > button.btn.btn-default.dropdown-toggle:active,
.btn-group > button.btn.btn-default.dropdown-toggle:focus {
  border-color: #4D4D4D;
  background-color: #DDE7F3;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #FFFFFF;
  border-color: #B3B3B3;
  color: #B3B3B3;
}
.btn-default.disabled {
  border-bottom-right-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.btn-default a {
  color: #FFFFFF;
}
.btn-default .badge {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.btn-group btn-sm.btn-default {
  border-right: none;
}
.btn-group > .btn-sm + .btn-default.dropdown-toggle {
  border: 1px solid #4D4D4D;
  border-left-color: #4D4D4D;
}
.btn-group > .btn-sm + .btn-default.dropdown-toggle.disabled {
  border: 1px solid #B3B3B3;
}
btn btn-sm dropdown-toggle > .caret {
  margin-left: 2px;
  transform: translate(0px, 2px);
}
.btn-primary {
  background-color: #1F74CE;
  border-color: #1F74CE;
  color: #FFFFFF;
  border-radius: 3px;
  font-weight: 700;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
  background-color: #004A8C;
  border-color: #004A8C;
  color: #FFFFFF;
}
.btn-group > .btn.btn-primary:hover,
.btn-group > .btn.btn-primary.active,
.btn-group > .btn.btn-primary:active {
  background-color: #004A8C !important;
  border-color: #004A8C !important;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-back {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  color: #222222;
  padding: 0;
  text-decoration: none;
}
.btn-back:hover {
  border: none;
  color: #1F74CE;
  text-decoration: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #B3B3B3;
  border-color: #B3B3B3;
  color: #FFFFFF;
}
.btn-primary[disabled] > .caret,
.btn-primary.disabled > .caret {
  border-top-color: #FFFFFF;
}
.btn-primary .badge {
  background-color: #FFFFFF;
  color: #000000;
  opacity: 0.4;
}
.btn-warning {
  background-color: #EEAB00;
  border-color: #EEAB00;
  color: #FFFFFF;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #EEAB00;
  border-color: #EEAB00;
  color: #FFFFFF;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #EEAB00;
  border-color: #EEAB00;
}
.btn-warning .badge {
  background-color: #FFFFFF;
  color: #EEAB00;
}
.btn-danger {
  background-color: #DC2F18;
  border-color: #DC2F18;
  color: #FFFFFF;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-color: #EB5A47;
  border-color: #EB5A47;
  color: #FFFFFF;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #DC2F18;
  border-color: #DC2F18;
}
.btn-danger .badge {
  background-color: #FFFFFF;
  color: #DC2F18;
}
.btn-success {
  background-color: #33995E;
  border-color: #33995E;
  color: #FFFFFF;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-color: #33995E;
  border-color: #33995E;
  color: #FFFFFF;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #449d44;
}
.btn-success .badge {
  background-color: #FFFFFF;
  color: #5cb85c;
}
.btn-info {
  background-color: #F0F0F3;
  border-color: #B3B3B3;
  color: #222222;
}
.btn-icon + a.btn.btn-sm.dropdown-toggle.active {
  border: 0px;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-color: #F6F6F6;
  border-color: #B3B3B3;
  color: #222222;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #31b0d5;
}
.btn-info .badge {
  background-color: #FFFFFF;
  color: #5bc0de;
}
.btn-link {
  border-radius: 0;
  color: #1F74CE;
  cursor: pointer;
  font-weight: normal;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  -webkit-box-shadow: none;
  background-color: transparent;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  background-color: transparent;
  color: #1F74CE;
  text-decoration: underline;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #B3B3B3;
  text-decoration: none;
}
.btn-lg {
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
}
.btn-sm.btn-md {
  font-size: 12px;
  height: 30px;
  padding: 3px 10px 3px 10px;
  /*trying to keep btn-sm at 24px high;*/
}
.btn-placeholder {
  height: 30px;
}
.btn-sm {
  font-size: 12px;
  height: 22px;
  padding: 3px 19px 3px 19px;
  /*trying to keep btn-sm at 24px high;*/
}
.btn-xs {
  line-height: 100%;
  height: 30px;
}
.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.btn.btn-with-icon {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 6px 12px 6px 5px;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  -webkit-transition: opacity 0.15s linear;
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  -webkit-transition: height 0.35s ease;
  height: 0;
  overflow: hidden;
  position: relative;
  transition: height 0.35s ease;
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('fonts/glyphicons-halflings-regular.woff') format('woff'), url('fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.glyphicon {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  position: relative;
  top: 1px;
}
.glyphicon:empty {
  width: 1em;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.caret {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  display: none;
  float: left;
  font-size: 13px;
  left: 0;
  list-style: none;
  margin: 0;
  min-width: 130px;
  padding: 0;
  position: absolute;
  top: 100%;
  z-index: 1000;
}
.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.dropdown-menu .divider {
  border: 1px solid #B3B3B3;
  height: 0;
  margin: 6px 0 0 0;
  overflow: hidden;
}
.dropdown-menu > li {
  overflow: hidden;
}
.dropdown-menu > li > a {
  clear: both;
  color: #222222;
  display: block;
  font-weight: normal;
  line-height: 1.42857143;
  padding: 17px;
  text-transform: uppercase;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #F6F6F6;
  color: #222222;
  text-decoration: none;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #F6F6F6;
  color: #222222;
  outline: 0;
  text-decoration: none;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #6B615F;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  background-color: transparent;
  background-image: none;
  cursor: not-allowed;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  text-decoration: none;
}
.btn-group .dropdown-menu {
  font-size: 12px;
}
.btn-group .dropdown-menu > li > a {
  background-color: #FFFFFF;
  border: none;
  clear: both;
  color: #222222;
  cursor: pointer;
  display: block;
  font-weight: normal;
  padding: 5px 15px;
  text-align: left;
  text-transform: capitalize;
  white-space: nowrap;
}
.btn-group .dropdown-menu > li > a:hover,
.btn-group .dropdown-menu > li > a:focus {
  color: #222222;
  background-color: #F6F6F6;
  text-decoration: none;
}
.open > .dropdown-menu {
  display: block;
  border: 1px solid #B3B3B3;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  color: #948481;
  display: block;
  font-size: 10px;
  line-height: 1.42857143;
  padding: 8px 17px;
  text-transform: uppercase;
}
.dropdown-backdrop {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  left: auto;
  right: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-bottom: 4px solid;
  border-top: 0;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  bottom: 100%;
  top: auto;
  /* margin-bottom: 1px; */
}
.dropup ul.dropdown-menu {
  bottom: 30px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
}
.btn-group,
.btn-group-vertical {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  float: left;
  position: relative;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 5px;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn.btn-default.dropDownHidden:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 2px;
}
.btn-group > .btn.btn-default:first-child:not(:last-child):not(.dropdown-toggle):not(.picker-arrow-left):focus,
.btn-group > .btn.btn-default:first-child:not(:last-child):not(.dropdown-toggle):not(.picker-arrow-left):hover,
.btn-group > .btn.btn-default:first-child:not(:last-child):not(.dropdown-toggle):not(.picker-arrow-left):active {
  border-right-color: transparent;
  border-right-color: transparent !important;
}
.btn-group > .btn.dropdown-toggle:first-child .caret {
  margin-left: 10px;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  border-radius: 0;
  font-size: 12px;
  line-height: 1.5;
  padding: 1px 5px;
}
.btn-group-sm > .btn {
  border-radius: 0;
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 10px;
}
.btn-group-lg > .btn {
  border-radius: 0;
  font-size: 18px;
  line-height: 1.33;
  padding: 10px 16px;
}
.btn-group > .btn + .dropdown-toggle {
  border-bottom: none;
  border-left: solid 1px #4D4D4D;
  border-right: none;
  border-top: none;
  padding: 7px 11px;
}
.btn-group > .btn + .btn-primary.dropdown-toggle {
  border-left-color: #FFFFFF;
}
.btn-group > .btn + .btn-default.dropdown-toggle:hover {
  border-left-color: #4D4D4D !important;
}
.btn-group > .btn + .btn-primary.dropdown-toggle:hover {
  border-left-color: #FFFFFF !important;
}
.btn-group.btn-grouping-levels > .btn + .dropdown-toggle {
  border: none;
}
.btn-group > .btn-sm + .dropdown-toggle {
  border-bottom: none;
  /*border-left: none;*/
  border-right: none;
  border-top: none;
  height: 30px;
  padding: 2px 6px;
  margin-top: 5px;
}
.btn-group.btn-grouping-levels > .btn-sm + .dropdown-toggle {
  padding: 4px 0px;
}
.btn-group > .btn-sm.btn-md + .dropdown-toggle {
  border-bottom: none;
  border-left: solid 1px rgba(0, 0, 0, 0.1);
  border-right: none;
  border-top: none;
  height: 30px;
  padding: 2px 7px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-bottom-width: 0;
  border-width: 5px 5px 0;
}
.btn-default .caret {
  border-top-color: #222222;
}
.btn-default.disabled .caret {
  border-top-color: #B3B3B3;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  max-width: 100%;
  width: 100%;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table;
}
.btn-group-vertical > .btn-group:after {
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-left: 0;
  margin-top: -1px;
}
.btn-group-justified {
  border-collapse: separate;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  border-collapse: separate;
  display: table;
  position: relative;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  margin-bottom: 0;
  width: 100%;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  font-size: 18px;
  height: 46px;
  line-height: 1.33;
  padding: 10px 16px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 10px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  vertical-align: middle;
  white-space: nowrap;
  width: 1%;
  background-color: #4D4D4D;
  color: white;
  font-size: 10px;
  padding: 6px 8px;
  cursor: pointer;
  border: 1px solid #B3B3B3;
  border-left: 0px;
}
.input-group-btn:hover,
.input-group-addon.input-group-btn:hover {
  background-color: #F0F0F3;
}
.input-group-addon {
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  padding: 6px 12px;
  text-align: center;
}
.input-group-addon.input-sm {
  font-size: 12px;
  padding: 5px 10px;
}
.input-group-addon.input-lg {
  font-size: 18px;
  padding: 10px 16px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn:first-child > .btn {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn {
  margin-left: -1px;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}
.nav {
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  display: block;
  position: relative;
}
.nav > li > a {
  display: block;
  padding: 10px 15px;
  position: relative;
}
.nav > li:not(.active) > a:hover,
.nav > li:not(.active) > a:focus {
  background-color: #DDE7F3;
  text-decoration: none;
  border-bottom: 2px solid #1F74CE !important;
  color: #222222;
}
.nav > li.disabled > a {
  color: #B3B3B3;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  background-color: transparent;
  color: #B3B3B3;
  cursor: not-allowed;
  text-decoration: none;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #B3B3B3;
  border-color: #B3B3B3;
}
.nav .nav-divider {
  background-color: #B3B3B3;
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #B3B3B3;
  background-color: #F0F0F3;
}
.nav-tabs > li {
  float: left;
  margin-bottom: 0px;
  background-color: #F0F0F3;
  height: 100%;
}
.nav-tabs > li > a,
.nav.nav-tabs > li > a {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  line-height: 1.42857143;
  margin-right: 0px;
  padding: 10px 28px;
  position: relative;
  text-align: center;
}
#main-content .nav-tabs > li > a,
#main-content .nav.nav-tabs > li > a {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: uppercase;
}
.nav.nav-tabs > li > a.more {
  border: none;
  height: 39px;
  padding: 14px;
}
.nav.nav-tabs > li > a.more:before,
.nav.nav-tabs > li > a.more:after {
  display: none;
}
.nav-tabs.small > li > a,
.nav.nav-tabs.small > li > a {
  border-right: 0px;
  font-size: 13px;
  line-height: 1.42857143;
  padding: 10px 15px 7px 15px;
}
.nav-tabs.tier-one .active .arrow {
  border: 2px solid transparent;
  height: 0.01px;
  width: 100%;
  position: absolute;
  left: 0px;
  z-index: 5;
  background-color: transparent;
  top: 35px;
}
.nav-tabs.tier-one > li > a:after {
  background: #B3B3B3;
  content: "";
  display: block;
  height: 39px;
  position: absolute;
  right: 0px;
  margin-top: 4px;
  top: 0px;
  width: 1px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: #FFFFFF !important;
  cursor: default;
  font-weight: 600;
  border-bottom: 2px solid #1F74CE;
}
#main-content .nav-tabs > li.active > a,
#main-content .nav-tabs > li.active > a:hover,
#main-content .nav-tabs > li.active > a:focus {
  color: #1F74CE;
}
#main-content .simple > .nav-tabs > li.active > a:before {
  content: '';
  border-bottom: 4px solid transparent;
  border-left: 4px solid #1F74CE;
  border-top: 4px solid transparent;
  display: inline-block;
  height: 0;
  left: 14px;
  margin: 0;
  position: absolute;
  top: 13px;
  width: 0;
}
.nav-tabs.tier-two {
  background-color: #FFFFFF;
  padding-left: 14px;
}
.nav-tabs.tier-two > li {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  letter-spacing: 0;
}
.nav-tabs.tier-two > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  min-width: 120px;
  text-align: center;
}
.nav-tabs.tier-two > li:hover {
  background-color: #DDE7F3;
  cursor: pointer;
}
.nav-tabs.tier-two > li:not(.active):hover > a,
.nav-tabs.tier-two > li:not(.active) > a:hover {
  background-color: #DDE7F3;
  color: #222222 !important;
}
.nav-tabs.nav-justified {
  border-bottom: 0;
  width: 100%;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  left: auto;
  top: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  /*border-radius: 4px;*/
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #B3B3B3;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #B3B3B3;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #FFFFFF;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  /*border-radius: 4px;*/
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  background-color: #1F74CE;
  color: #FFFFFF;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-left: 0;
  margin-top: 2px;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  left: auto;
  top: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  border-radius: 4px;
  margin-right: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #B3B3B3;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #B3B3B3;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #FFFFFF;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1px;
}
.navbar {
  border: 1px solid transparent;
  margin-bottom: 20px;
  min-height: 50px;
  position: relative;
}
.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
.navbar-header:before,
.navbar-header:after {
  content: " ";
  display: table;
}
.navbar-header:after {
  clear: both;
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  max-height: 340px;
  overflow-x: visible;
  padding-left: 15px;
  padding-right: 15px;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse:before,
.navbar-collapse:after {
  content: " ";
  display: table;
}
.navbar-collapse:after {
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    border-top: 0;
    box-shadow: none;
    width: auto;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    overflow: visible !important;
    padding-bottom: 0;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.container > .navbar-header,
.container > .navbar-collapse {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse {
    margin-left: 0;
    margin-right: 0;
  }
}
.navbar-static-top {
  border-width: 0 0 1px;
  z-index: 1000;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  border-width: 0 0 1px;
  top: 0;
}
.navbar-fixed-bottom {
  border-width: 1px 0 0;
  bottom: 0;
  margin-bottom: 0;
}
.navbar-brand {
  float: left;
  font-size: 18px;
  line-height: 20px;
  padding: 15px 15px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  float: right;
  margin-bottom: 8px;
  margin-right: 15px;
  margin-top: 8px;
  padding: 9px 10px;
  position: relative;
}
.navbar-toggle .icon-bar {
  border-radius: 1px;
  display: block;
  height: 2px;
  width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  line-height: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    float: none;
    margin-top: 0;
    position: static;
    width: auto;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-bottom: 15px;
    padding-top: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-bottom: 8px;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 8px;
  padding: 10px 15px;
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
  }
  .navbar-form select.form-control {
    width: auto;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    -webkit-box-shadow: none;
    border: 0;
    box-shadow: none;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-top: 0;
    width: auto;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar-btn {
  margin-bottom: 8px;
  margin-top: 8px;
}
.navbar-btn.btn-sm {
  margin-bottom: 10px;
  margin-top: 10px;
}
.navbar-btn.btn-xs {
  margin-bottom: 14px;
  margin-top: 14px;
}
.navbar-text {
  margin-bottom: 15px;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-left: 15px;
    margin-right: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #FFFFFF;
  border-color: #B3B3B3;
}
.navbar-default .navbar-brand {
  color: #F0F0F3;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  background-color: transparent;
  color: #5a5756;
}
.navbar-default .navbar-text {
  color: #F0F0F3;
}
.navbar-default .navbar-nav > li > a {
  color: #F0F0F3;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #222222;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background-color: #808080;
  color: #5a5756;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  background-color: transparent;
  color: #B3B3B3;
}
.navbar-default .navbar-toggle {
  border-color: #B3B3B3;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #B3B3B3;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #B3B3B3;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #B3B3B3;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #808080;
  color: #5a5756;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #F0F0F3;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #222222;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #F6F6F6;
    color: #222222;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    color: #B3B3B3;
  }
}
.navbar-default .navbar-link {
  color: #F0F0F3;
}
.navbar-default .navbar-link:hover {
  color: #222222;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #000000;
}
.navbar-inverse .navbar-brand {
  color: #B3B3B3;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  background-color: transparent;
  color: #FFFFFF;
}
.navbar-inverse .navbar-text {
  color: #B3B3B3;
}
.navbar-inverse .navbar-nav > li > a {
  color: #B3B3B3;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  background-color: transparent;
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #000000;
  color: #FFFFFF;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  background-color: transparent;
  color: #454545;
}
.navbar-inverse .navbar-toggle {
  border-color: #222222;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #222222;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #000000;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #000000;
  color: #FFFFFF;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #000000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #000000;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #B3B3B3;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    background-color: transparent;
    color: #FFFFFF;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    background-color: #000000;
    color: #FFFFFF;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    background-color: transparent;
    color: #454545;
  }
}
.navbar-inverse .navbar-link {
  color: #B3B3B3;
}
.navbar-inverse .navbar-link:hover {
  color: #FFFFFF;
}
.label {
  color: #FFFFFF;
  display: inline;
  font-size: 75%;
  line-height: 1;
  padding: 0.4em 0.7em;
  position: relative;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.label[href]:hover,
.label[href]:focus {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #B3B3B3;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #1F74CE;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #1F74CE;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.label-timestamp {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.allocation-autosave > i {
  position: absolute;
  right: 125px;
  content: '';
  width: 15px;
  height: 15px;
  background-image: url(../bt-core/images/icon-reload.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.badge {
  background-color: #1F74CE;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  font-family: Arial, Sans-Serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 1;
  min-width: 10px;
  padding: 3px 7px;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.badge:hover,
a.badge:focus {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  background-color: #FFFFFF;
  color: #000000;
  opacity: 0.4;
}
.search-container .badge {
  background: #B3B3B3;
  border-radius: 2px;
  font-family: 'Arial';
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  color: #FFFFFF;
  margin: 4px 12px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.alert {
  background-color: #DDE7F3;
  color: #4D4D4D;
  border: 1px solid transparent;
  margin-bottom: 20px;
  padding: 15px;
  text-align: center;
}
.alert-embedded {
  background-color: #F0F0F3;
}
.alert-embedded strong,
.alert-embedded > p,
.alert-embedded > ul {
  color: #222222 !important;
}
.alert p {
  color: #4D4D4D;
}
.alert h4 {
  margin-top: 0;
  color: #4D4D4D;
}
.alert .close {
  color: #4D4D4D;
}
.alert .alert-link {
  text-decoration: underline;
}
.alert .alert-link:hover {
  color: #1F74CE;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
  color: #4D4D4D;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  color: inherit;
  position: relative;
  right: -21px;
  top: -2px;
}
.alert strong {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  margin-right: 10px;
  color: #4D4D4D;
  font-weight: 600;
}
.alert-success strong {
  color: #4D4D4D;
}
.alert-info strong {
  color: #a18f87;
}
.alert-warning strong {
  color: #4D4D4D;
}
.alert-danger strong {
  color: #DC2F18;
}
/* Added to bootstrap so that we can show errors and warnings 'inline' */
.alert.inline {
  background: transparent;
  color: #222222;
  border: none;
  display: inline;
  padding: 0px;
}
.alert.inline p {
  color: #222222;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  display: block;
  margin-bottom: -1px;
  padding: 10px 15px;
  position: relative;
}
.list-group-item:first-child {
  /*
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  */
}
.list-group-item:last-child {
  margin-bottom: 0;
  /*
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  */
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #222222;
}
a.list-group-item .list-group-item-heading {
  color: #222222;
}
a.list-group-item:hover,
a.list-group-item:focus {
  background-color: #F6F6F6;
  color: #222222;
  text-decoration: none;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  background-color: #1F74CE;
  border-color: #1F74CE;
  color: #FFFFFF;
  z-index: 2;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #E1EDF7;
}
.list-group-item-heading {
  margin-bottom: 5px;
  margin-top: 0;
}
.list-group-item-text {
  line-height: 1.3;
  margin-bottom: 0;
}
.well {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  background-color: #B3B3B3;
  border: 1px solid #B3B3B3;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
  min-height: 20px;
  padding: 19px;
}
.well blockquote {
  border-color: #B3B3B3;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  border-radius: 6px;
  padding: 24px;
}
.well-sm {
  border-radius: 3px;
  padding: 9px;
}
.close {
  color: #222222;
  filter: alpha(opacity=20);
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
}
.close:hover,
.close:focus {
  color: #1F74CE;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
  text-decoration: none;
}
button.close {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  bottom: 0;
  display: none;
  left: 0;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
}
.modal.centered-modal {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.modal.centered-modal .modal-dialog {
  margin: 0 !important;
}
.modal.fade .modal-dialog {
  -moz-transition: -moz-transform 0.3s ease-out;
  -ms-transform: translate(0, -25%);
  -o-transition: -o-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transform: translate(0, -25%);
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-dialog {
  margin: 10px;
  position: relative;
  width: auto;
  z-index: 1050;
}
.modal-content {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 5px;
  outline: none;
  position: relative;
  box-shadow: 0px 20px 34px rgba(0, 0, 0, 0.1);
}
.modal-backdrop {
  background-color: #222222;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1030;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.modal-header {
  /* min-height: 16.428571429px; seemingly unnecessary; breaks firefox */
  padding: 17px 22px;
  position: relative;
  background-color: #F0F0F3;
  height: 46px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal-header:before {
  background: #B3B3B3;
  bottom: 0px;
  content: "";
  display: block;
  height: 1px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.modal-header button.close {
  color: #222222;
  padding-top: 4px;
  font-size: 14px;
}
.modal-header .close {
  color: white;
  filter: alpha(opacity=100);
  font-size: 10px;
  font-weight: normal;
  line-height: 1;
  opacity: 1;
  text-shadow: 0px;
}
.modal-title,
h4.modal-title {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 600;
  color: #222222;
  line-height: 1.42857143;
  margin: 0;
}
.modal-body {
  padding: 20px;
  position: relative;
}
.modal-footer {
  margin-top: 0;
  min-height: 40px;
  padding-left: 24px;
  padding-right: 20px;
  position: relative;
  text-align: right;
  margin-bottom: 5px;
}
.modal-footer:before,
.modal-footer:after {
  content: "";
  display: table;
}
.modal-footer:before {
  content: "";
  display: block;
  height: 1px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: block;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn,
.modal-footer .btn + .btn-group {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal .modal-dialog .modal-content .modal-footer .messageBlock {
  font-size: 12px;
  line-height: 15px;
  margin: 0 10px;
  text-align: left;
}
/*.modal .modal-dialog .modal-content .modal-footer .deleteButton {
	margin-left: 0;
	margin-right: 0;
}*/
@media screen and (min-width: 768px) {
  .modal-dialog {
    margin: 30px auto;
    width: 600px;
  }
}
.tooltip {
  display: block;
  filter: alpha(opacity=0);
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  position: absolute;
  visibility: visible;
  z-index: 1100;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: 0.9;
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  background-color: #DC2F18;
  color: #FFFFFF;
  max-width: 200px;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  overflow-x: hidden;
}
.tooltip-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #DC2F18;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
  border-top-color: #DC2F18;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 5px;
}
.tooltip.top-right .tooltip-arrow {
  border-top-color: #DC2F18;
  border-width: 5px 5px 0;
  bottom: 0;
  right: 5px;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #DC2F18;
  border-width: 5px 5px 5px 0;
  left: 0;
  margin-top: -5px;
  top: 50%;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #DC2F18;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 0;
  top: 50%;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #DC2F18;
  border-width: 0 5px 5px;
  left: 50%;
  margin-left: -5px;
  top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
  border-bottom-color: #DC2F18;
  border-width: 0 5px 5px;
  left: 5px;
  top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
  border-bottom-color: #DC2F18;
  border-width: 0 5px 5px;
  right: 5px;
  top: 0;
}
.popover {
  background-clip: padding-box;
  background-color: #4D4D4D;
  border: 1px solid #B3B3B3;
  display: none;
  left: 0;
  max-width: 320px;
  padding: 1px;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: normal;
  z-index: 5000;
  border-radius: 4px;
}
.popover-double-check {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  min-width: 240px;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  background-color: #FFFFFF;
  color: White;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin: 0;
  padding: 8px 14px;
}
h2.popover-title,
h3.popover-title,
h4.popover-title,
h5.popover-title,
h6-popover-title {
  color: #222222;
  background-color: #FFFFFF;
}
.popover-double-check h3.popover-title {
  text-transform: none;
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.popover-content {
  color: White;
  padding: 9px 14px;
}
.popover-content p {
  color: White;
  font-size: 11px;
  line-height: 16px;
}
.popover .arrow,
.popover .arrow:after {
  border-color: transparent;
  border-style: solid;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  border-top-color: #4D4D4D;
  border-bottom-width: 0;
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
}
.popover.top .arrow:after {
  border-top-color: #4D4D4D;
  border-bottom-width: 0;
  bottom: 1px;
  content: " ";
  margin-left: -10px;
}
.popover.right .arrow {
  border-left-width: 0;
  border-right-color: #4D4D4D;
  left: -11px;
  margin-top: -11px;
  top: 50%;
}
.popover.right .arrow:after {
  border-left-width: 0;
  border-right-color: #4D4D4D;
  bottom: -10px;
  content: " ";
  left: 1px;
}
.popover.bottom .arrow {
  border-bottom-color: #4D4D4D;
  border-top-width: 0;
  left: 50%;
  margin-left: -11px;
  top: -11px;
}
.popover.bottom .arrow:after {
  border-bottom-color: #4D4D4D;
  border-top-width: 0;
  content: " ";
  margin-left: -10px;
  top: 1px;
}
.popover.left .arrow {
  border-left-color: #4D4D4D;
  border-right-width: 0;
  margin-top: -11px;
  right: -11px;
  top: 50%;
}
.popover.left .arrow:after {
  border-left-color: #4D4D4D;
  border-right-width: 0;
  bottom: -10px;
  content: " ";
  right: 1px;
}
.popover.popover-double-check.top .arrow:after {
  border-top-color: #FFFFFF;
}
.popover.popover-double-check.right .arrow:after {
  border-right-color: #FFFFFF;
}
.popover.popover-double-check.bottom .arrow:after {
  border-bottom-color: #FFFFFF;
}
.popover.popover-double-check.left .arrow:after {
  border-left-color: #FFFFFF;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  background-color: transparent;
  border: 0;
  color: transparent;
  font: 0/0 a;
  text-shadow: none;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-xs.visible-sm {
    display: block !important;
  }
  table.visible-xs.visible-sm {
    display: table;
  }
  tr.visible-xs.visible-sm {
    display: table-row !important;
  }
  th.visible-xs.visible-sm,
  td.visible-xs.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-xs.visible-md {
    display: block !important;
  }
  table.visible-xs.visible-md {
    display: table;
  }
  tr.visible-xs.visible-md {
    display: table-row !important;
  }
  th.visible-xs.visible-md,
  td.visible-xs.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-xs.visible-lg {
    display: block !important;
  }
  table.visible-xs.visible-lg {
    display: table;
  }
  tr.visible-xs.visible-lg {
    display: table-row !important;
  }
  th.visible-xs.visible-lg,
  td.visible-xs.visible-lg {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-sm.visible-xs {
    display: block !important;
  }
  table.visible-sm.visible-xs {
    display: table;
  }
  tr.visible-sm.visible-xs {
    display: table-row !important;
  }
  th.visible-sm.visible-xs,
  td.visible-sm.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-sm.visible-md {
    display: block !important;
  }
  table.visible-sm.visible-md {
    display: table;
  }
  tr.visible-sm.visible-md {
    display: table-row !important;
  }
  th.visible-sm.visible-md,
  td.visible-sm.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-sm.visible-lg {
    display: block !important;
  }
  table.visible-sm.visible-lg {
    display: table;
  }
  tr.visible-sm.visible-lg {
    display: table-row !important;
  }
  th.visible-sm.visible-lg,
  td.visible-sm.visible-lg {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-md.visible-xs {
    display: block !important;
  }
  table.visible-md.visible-xs {
    display: table;
  }
  tr.visible-md.visible-xs {
    display: table-row !important;
  }
  th.visible-md.visible-xs,
  td.visible-md.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-md.visible-sm {
    display: block !important;
  }
  table.visible-md.visible-sm {
    display: table;
  }
  tr.visible-md.visible-sm {
    display: table-row !important;
  }
  th.visible-md.visible-sm,
  td.visible-md.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-md.visible-lg {
    display: block !important;
  }
  table.visible-md.visible-lg {
    display: table;
  }
  tr.visible-md.visible-lg {
    display: table-row !important;
  }
  th.visible-md.visible-lg,
  td.visible-md.visible-lg {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-lg.visible-xs {
    display: block !important;
  }
  table.visible-lg.visible-xs {
    display: table;
  }
  tr.visible-lg.visible-xs {
    display: table-row !important;
  }
  th.visible-lg.visible-xs,
  td.visible-lg.visible-xs {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-lg.visible-sm {
    display: block !important;
  }
  table.visible-lg.visible-sm {
    display: table;
  }
  tr.visible-lg.visible-sm {
    display: table-row !important;
  }
  th.visible-lg.visible-sm,
  td.visible-lg.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg.visible-md {
    display: block !important;
  }
  table.visible-lg.visible-md {
    display: table;
  }
  tr.visible-lg.visible-md {
    display: table-row !important;
  }
  th.visible-lg.visible-md,
  td.visible-lg.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
.hidden-xs {
  display: block !important;
}
table.hidden-xs {
  display: table;
}
tr.hidden-xs {
  display: table-row !important;
}
th.hidden-xs,
td.hidden-xs {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-xs.hidden-sm,
  tr.hidden-xs.hidden-sm,
  th.hidden-xs.hidden-sm,
  td.hidden-xs.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-xs.hidden-md,
  tr.hidden-xs.hidden-md,
  th.hidden-xs.hidden-md,
  td.hidden-xs.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-xs.hidden-lg,
  tr.hidden-xs.hidden-lg,
  th.hidden-xs.hidden-lg,
  td.hidden-xs.hidden-lg {
    display: none !important;
  }
}
.hidden-sm {
  display: block !important;
}
table.hidden-sm {
  display: table;
}
tr.hidden-sm {
  display: table-row !important;
}
th.hidden-sm,
td.hidden-sm {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-sm.hidden-xs,
  tr.hidden-sm.hidden-xs,
  th.hidden-sm.hidden-xs,
  td.hidden-sm.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-sm.hidden-md,
  tr.hidden-sm.hidden-md,
  th.hidden-sm.hidden-md,
  td.hidden-sm.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-sm.hidden-lg,
  tr.hidden-sm.hidden-lg,
  th.hidden-sm.hidden-lg,
  td.hidden-sm.hidden-lg {
    display: none !important;
  }
}
.hidden-md {
  display: block !important;
}
table.hidden-md {
  display: table;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-md.hidden-xs,
  tr.hidden-md.hidden-xs,
  th.hidden-md.hidden-xs,
  td.hidden-md.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-md.hidden-sm,
  tr.hidden-md.hidden-sm,
  th.hidden-md.hidden-sm,
  td.hidden-md.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-md.hidden-lg,
  tr.hidden-md.hidden-lg,
  th.hidden-md.hidden-lg,
  td.hidden-md.hidden-lg {
    display: none !important;
  }
}
.hidden-lg {
  display: block !important;
}
table.hidden-lg {
  display: table;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (max-width: 767px) {
  .hidden-lg.hidden-xs,
  tr.hidden-lg.hidden-xs,
  th.hidden-lg.hidden-xs,
  td.hidden-lg.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-lg.hidden-sm,
  tr.hidden-lg.hidden-sm,
  th.hidden-lg.hidden-sm,
  td.hidden-lg.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-lg.hidden-md,
  tr.hidden-lg.hidden-md,
  th.hidden-lg.hidden-md,
  td.hidden-lg.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
/* BOOTSTRAP STYLE GUIDE CSS -- used for documentation */
body.styleGuide {
  padding-top: 0;
}
.styleGuide .sidenav {
  float: left;
  /*position: fixed;*/
  width: 180px;
}
.styleGuide .doc-content {
  float: right;
  width: 80%;
}
.styleGuide .appStage_inner ul li {
  margin-bottom: 15px;
  position: relative;
}
.styleGuide .appStage_inner ul li:before {
  background: #1F74CE;
  content: '';
  display: inline-block;
  height: 10px;
  left: -20px;
  position: absolute;
  top: 8px;
  width: 10px;
}
.styleGuide .BTAppMainPane.guide-deck-page {
  width: 1480px;
}
.bs-callout h4 {
  margin-bottom: 10px !important;
}
.styleGuide h2,
.styleGuide h3,
.styleGuide H4 {
  margin-bottom: 10px;
  margin-top: 40px;
}
.styleGuide > h5,
.styleGuide > h6 {
  margin-bottom: 10px;
  margin-top: 20px;
}
.styleGuide .bs-example h2,
.styleGuide .bs-example h3,
.styleGuide .bs-example h4 {
  margin-bottom: 0;
  margin-top: 0;
}
.styleGuide .table h1,
.styleGuide .table h2,
.styleGuide .table h3,
.styleGuide .table h4,
.styleGuide .table h5,
.styleGuide .table h6 {
  margin: 20px;
}
.styleGuide .bs-glyphicons li {
  position: relative;
}
.styleGuide .highlight textarea {
  -moz-tab-size: 3;
  -webkit-tab-size: 3;
  background: transparent;
  border: none;
  display: inline-block;
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
  font-size: 12px;
  height: auto;
  overflow: hidden;
  resize: none;
  tab-size: 3;
  width: 100%;
}
.bootdate.dropdown-menu {
  background: #FFFFFF;
}
/********* MODAL v2 ***********/
.modal-content.modalv2 .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-content.modalv2 .modal-title {
  display: flex;
  align-items: end;
}
/******** MODAL ALERT ********/

:root {
  --blue500-filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  --lightBlue10-filter: brightness(0) saturate(100%) invert(97%) sepia(6%) saturate(1759%) hue-rotate(182deg) brightness(104%) contrast(98%);
  --lightBlue50-filter: brightness(0) saturate(100%) invert(93%) sepia(2%) saturate(2904%) hue-rotate(186deg) brightness(102%) contrast(98%);
}
@media (max-width: 1140px) {
  /*TODO make main pane width a global value*/
  .container {
    padding: 0px 16px;
  }
}
/* LEGACY STYLES. remove once we fully convert or tech debt */
.icon-primary {
  filter: var(--blue500-filter);
}
.icon-disabled {
  filter: invert(96%) sepia(4%) saturate(38%) hue-rotate(331deg) brightness(96%) contrast(84%);
}
.inline-banner-arrow {
  filter: var(--lightBlue10-filter);
}
@media (max-width: 400px) {
  .inline-banner-arrow {
    filter: var(--lightBlue50-filter);
  }
}
/* END LEGACY STYLES */
/* Flexbox Utils */
.flex {
  display: flex;
}
.flex-column {
  flex-direction: column;
}
.flex-row {
  flex-direction: row;
}
.justify-start {
  justify-content: flex-start;
}
.justify-center {
  justify-content: center;
}
.justify-end {
  justify-content: flex-end;
}
.justify-between {
  justify-content: space-between;
}
.justify-evenly {
  justify-content: space-evenly;
}
.align-start {
  align-items: flex-start;
}
.align-center {
  align-items: center;
}
.align-end {
  align-items: flex-end;
}
.flex-align-middle {
  justify-content: center;
  align-items: center;
  display: flex;
}
.flow-wrap {
  flex-wrap: wrap;
}
/* height + width Utils */
.full-height {
  height: 100%;
}
.full-width {
  width: 100%;
}
/* Transition Utils */
.transition-color {
  transition: color 0.3s ease-in;
}
.transition-background {
  transition: background-color 0.3s ease-in;
}
/* icons */
.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" -25, "opsz" 48;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.data-symbol {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}
.data-main {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}
em {
  background-color: #DDE7F3;
  color: #4D4D4D;
  font-style: normal;
  padding: 3px;
  border-radius: 2px;
}
em.no-highlight {
  background-color: inherit;
  color: #1F74CE;
  padding: 0px;
}
.small-font {
  font-size: 11px;
}
/* we don't typically include list-style markers in unordered lists */
ul {
  list-style: none;
}
ol.spaced > li {
  margin-bottom: 10px;
}
/* An extra css class to set an object as "border-box" */
.border-box {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/* an easy way to set an object's width to 100% */
.fullsize {
  width: 100% !important;
}
.fullsize-block {
  width: 100% !important;
  display: block !important;
}
.full-height {
  height: 100% !important;
}
ul.fullsized {
  margin: 0;
  padding: 0;
}
.bt-hidden {
  display: none !important;
}
[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}
ul.column-3 li {
  display: inline-block;
  margin-top: 10px;
  padding-right: 10px;
  position: relative;
  vertical-align: top;
  width: 33%;
}
.no-top-margin {
  margin-top: 0px;
}
.no-bottom-margin {
  margin-bottom: 0px;
}
/* useful for alert boxes that appear in headers, footers and forms. */
.alert.no-margin {
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 0px;
}
.alert.alert-500 {
  margin: 10px auto;
  max-width: 500px;
}
/* common css-related formatting (padding, nowrap, clear, break) */
.nowrap {
  white-space: nowrap;
}
.bt-break {
  clear: both;
  display: block;
  padding-top: 15px;
}
div.clear {
  clear: both;
}
.bt-padded {
  padding: 6px;
}
.bt-padded-small {
  padding: 3px;
}
.bt-padded-large {
  padding: 24px;
}
.centered {
  text-align: center !important;
}
.unselectable,
.unselectable * {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
a.naked {
  color: #1F74CE;
}
a.naked:visited {
  color: #1F74CE;
}
a.naked:hover {
  text-decoration: underline;
}
a.highlight,
a.highlight:visited {
  color: #1F74CE;
}
a.highlight:hover,
a.highlight:focus {
  border-bottom: 1px solid #1F74CE;
  color: #1F74CE;
  text-decoration: none;
}
a.link {
  color: #FFFFFF;
  text-decoration: underline;
}
a.white {
  color: white;
  text-decoration: underline;
}
a.white:hover,
a.white:focus {
  color: #FFFFFF;
  text-decoration: underline;
}
.caret.right-side {
  margin-left: 12px;
}
.caret.left-side {
  margin-right: 12px;
}
.clickable {
  cursor: pointer;
}
.heading-light {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
}
/* used because all top toolbars should have 12px spacing from content */
.toolbar {
  margin-bottom: 12px;
}
.checkbox.toolbar.addNewVal-toolbar {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.checkbox.toolbar.addNewVal-toolbar > * {
  margin-top: 0px !important;
}
.checkbox.toolbar.addNewVal-toolbar > .icon-container {
  height: 18px;
  width: 18px;
}
/* when a checkbox is contained inside of a toolbar div, the top/bottom margin should be set to 0 */
.checkbox.toolbar {
  display: inline-block;
  margin-bottom: 0px;
  margin-top: 5px;
}
/* When a complex project "display name" contains a ":" character -- the grid object breaks it up.  These styles help display dname columns */
.bttd .dname {
  display: line-block;
}
.bttd .dname > .prjPart {
  color: inherit;
  line-height: 100%;
  margin-left: 10px;
}
.bttd .dname > .fullname {
  color: inherit;
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 0;
  margin-top: 3px;
  opacity: 0.7;
}
/* DATA PAGER control */
.page-size {
  display: none;
}
.paging-parent {
  background: #FFFFFF;
  height: 45px;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 13px;
}
.paging-parent .page-number {
  font-size: 11px;
  text-align: right;
  text-transform: uppercase;
}
.paging-parent .page-number .sz-label {
  display: none;
}
.paging-parent .page-number .sz-button,
.paging-parent .page-number .page-numbers {
  cursor: pointer;
  display: inline-block;
}
.paging-parent .page-number .js-previous {
  margin-right: 10px;
}
.paging-parent .page-number .js-next {
  margin-left: 10px;
}
.paging-parent .page-number .page-numbers .sz-pagenbr {
  display: inline-block;
  height: 14px;
  margin: 0 3px;
  text-align: center;
  width: 14px;
}
.paging-parent .page-number .page-numbers .active {
  background: #1F74CE;
  color: #FFFFFF;
}
.paging-parent,
.paging-parent * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.paged-table-wrapper {
  overflow-y: auto;
  border-right: 1px solid #B3B3B3;
  border-left: 1px solid #B3B3B3;
}
.paged-table-wrapper > .table {
  margin-bottom: 0px;
}
.paged-table-wrapper > .table > thead > tr > th:first-child,
.paged-table-wrapper > .table > tbody > tr > td:first-child {
  border-left: 0px !important;
}
.paged-table-wrapper > .table > thead > tr > th:last-child,
.paged-table-wrapper > .table > tbody > tr > td:last-child {
  border-right: 0px !important;
}
.paged-table-wrapper > .table {
  border-left: 0px !important;
  border-right: 0px !important;
}
.alert.fixed-top-footer {
  margin-bottom: 0px;
}
.alert-heading {
  color: #4D4D4D;
}
/* FIXED TOP divs have a header with a fixed height but allow the content to expand to 100%:
	 structure <div class="fixed-top"><div class="fixed-top-header" /><otherEl class="fixed-top-body" /></div>

	  NOTE THAT WE USE FLEX-MODEL (CSS3) TO ACCOMPLISH THIS, SO SET A MIN-HEIGHT ON YOUR BODY TO DEGRADE GRACEFULLY

*/
.fixed-top {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
}
.fixed-panel {
  -webkit-flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  position: relative;
}
.fixed-top-header,
.fixed-top-footer,
.fixed-panel-static {
  -ms-flex: none;
  -webkit-box-flex: none;
  -webkit-flex: none;
  flex: none;
}
.fixed-top-body,
.fixed-panel-flex {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.fixed-panel-flex {
  min-width: 1px;
}
.fixed-top-body {
  min-height: 1px;
}
.fixed-top-body.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}
/* FLEX MODEL BASED TOOLBAR:  2 divs:  first is left aligned, second is right aligned. */
.flex-toolbar {
  -webkit-box-pack: justify;
  -webkit-flex-direction: row;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
.flex-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.inline-flex-center {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.align-center {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.flex-justify-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-justify-around {
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
/* Chrome, Safari */
::-webkit-scrollbar {
  width: 15px;
}
::-webkit-scrollbar-thumb:vertical {
  background-color: #B3B3B3;
}
::-webkit-scrollbar-thumb:horizontal {
  background-color: #B3B3B3;
}
.main-content-error {
  width: 500px;
  margin: 0 auto;
  padding-top: 50px;
}
.img-center > img {
  width: 80%;
  margin: 10px;
}
.img-center {
  text-align: center;
}
.data-tools-tab {
  background-color: #db4226;
  border-color: #db4226;
  color: #ffffff;
  padding: 5px 10px;
  border-left: 1px solid gray;
}
.appPage .popover {
  background-clip: padding-box;
  background-color: #4D4D4D;
  border: 1px solid #B3B3B3;
  display: none;
  left: 0;
  padding: 1px;
  position: absolute;
  text-align: left;
  top: 0;
  white-space: normal;
  border-radius: 4px;
}
.appPage .popover .popover-content {
  color: #FFFFFF;
  padding: 16px;
  font-size: 10px;
}
.popover .popover-content .popover-bullet-points {
  padding-left: 20px !important;
}
.popover .popover-content .popover-bullet-point {
  list-style: square;
}
.appPage .popover-double-check {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  min-width: 240px;
  max-height: 400px;
}
.appPage .popover-double-check .popover-content {
  color: #FFFFFF;
  padding: 16px;
  font-size: 10px;
}
.appPage .fullscreen-doublecheck {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index: 1000;
}
.appPage .fullscreen-doublecheck .popover {
  position: relative;
  top: 0px !important;
  left: 0px !important;
  margin: auto;
}
.appPage .fullscreen-doublecheck .popover .popover-title,
.appPage .fullscreen-doublecheck .popover .arrow {
  display: none;
}
.appPage .fullscreen-doublecheck .popover .popover-content {
  text-align: center;
  font-size: 22px;
}
.appPage .fullscreen-doublecheck .popover .btn-toolbar.doublecheck {
  text-align: center;
}
.appPage .fullscreen-doublecheck .popover .btn-toolbar.doublecheck > a:not(:last-child) {
  margin: 0 15px 0 0 !important;
}
.fullscreenPopup {
  top: 0;
  left: 0;
  height: 100%;
  position: fixed;
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  z-index: 1000;
}
.fullscreenPopup > * {
  margin: auto !important;
}
.appPage #main-content .nav.nav-tabs > li.active > a {
  background-color: #FFFFFF;
  border-bottom: 2px solid #1F74CE !important;
  color: #222222;
  font-weight: 700;
  padding-bottom: 16px;
  line-height: 16px;
  height: 100%;
}
.appPage #main-content .nav-tabs > li:not(.active):hover > a {
  background-color: #DDE7F3;
  border-bottom: 2px solid #1F74CE !important;
  color: #222222;
  font-weight: 700;
  padding-bottom: 16px;
  line-height: 16px;
  height: 100%;
}
.appPage #main-content .nav-tabs > li > a,
.appPage #main-content .nav.nav-tabs > li > a {
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: initial;
  line-height: 15px;
}
.appPage .nav-tabs > li > a,
.appPage .nav.nav-tabs > li > a {
  background-color: #F0F0F3;
}
.nav-tabs-3 {
  display: flex;
  background: #FFFFFF;
  height: 50px;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  font-size: 13px;
  position: relative;
  border-bottom: 1px solid #B3B3B3;
}
.nav-tabs-3 > ul {
  display: flex;
  height: 100%;
  margin-bottom: 0px;
  padding: 0;
}
.nav-tabs-3 > ul > li {
  line-height: 50px;
  width: 133px;
  text-align: center;
  cursor: pointer;
  border-right: 1px solid #B3B3B3;
}
.nav-tabs-3 > ul > li:hover {
  background-color: #DDE7F3;
  color: #222222;
}
.nav-tabs-3 > ul > li.active {
  background-color: #F0F0F3;
  color: #222222;
}
.nav-tabs-3 > ul > li:hover:after,
.nav-tabs-3 > ul > li.active:after {
  content: '';
  width: 118%;
  height: 1px;
  background: #F0F0F3;
  display: block;
  margin: -1px 0 0 -10px;
  z-index: 10000;
}
.nav-tabs-3 > ul > li.active {
  font-weight: 700;
}
.nav-tabs.tier-two > .nav-item {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 150px;
  height: 30px;
}
.nav-tabs.tier-two > .nav-item.active {
  border-bottom: 2px solid #1F74CE;
  font-weight: 700;
}
.appPage ::-webkit-scrollbar {
  width: 10px;
}
[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}
.percent-complete > .circle-bg {
  fill: none;
  stroke: #eee;
  stroke-width: 3.8;
}
.percent-complete > .circle {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
}
.percent-complete.circular-chart .circle {
  stroke: #96C93C;
}
.percent-complete.circular-chart.warn .circle {
  stroke: #F0AD4E;
}
.percent-complete.circular-chart.flag .circle {
  stroke: #EA492A;
}
.bttd .percent-complete.circular-chart .percentage {
  fill: #222222;
  font-size: 12px;
  text-anchor: middle;
}
.bttd .percent-complete.circular-chart {
  max-height: 30px;
  min-height: 25px;
  min-width: 30px;
  margin-left: 10px;
}
.bttd .budget-summary {
  width: 100%;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.bttd .budget-text {
  padding-right: 9px;
}
.legend-block {
  display: flex;
  padding: 0;
  margin: 0;
  width: 100%;
  flex-flow: wrap;
}
.legend-block .legend-item {
  height: 8px;
  width: 15px;
  font-size: 10px;
  display: inline-flex;
}
.legend-block label {
  width: 40px;
  padding-left: 3px;
  font-size: 10px;
  color: #222222;
}
.legend-block-vertical {
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
}
.legend-block-vertical li {
  display: -webkit-box;
  padding: 0;
  margin: 0;
}
.legend-block-vertical .legend-item {
  height: 8px;
  width: 15px;
  font-size: 10px;
  display: inline-flex;
}
.legend-block-vertical label {
  width: 40px;
  padding-left: 3px;
  font-size: 10px;
  color: #222222;
}
.bt-toggle {
  display: flex;
  margin: 0;
  padding: 0;
  height: 30px;
  margin-right: 10px;
  align-items: center;
}
.bt-toggle .toggleOptions {
  display: inherit;
}
.bt-toggle .toggleOption:hover {
  cursor: pointer;
}
.bt-toggle .toggleOption {
  height: 22px;
  background: #E6E6E6;
  width: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.bt-toggle .toggleOption:first-child {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
.bt-toggle .toggleOption:last-child {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.bt-toggle .toggleOption .toggleLabel {
  color: #4D4D4D;
}
.bt-toggle li.toggleOption .toggleLabel {
  padding-top: 1px;
}
.bt-toggle .selectedOption {
  position: relative;
  height: 0;
  width: 0;
  transition: all 0.5s ease;
}
.bt-toggle .selectedOption::after {
  content: attr(data-before);
  position: absolute;
  left: 0px;
  top: -13px;
  height: 26px;
  font-weight: 700;
  background: #1F74CE;
  border-radius: 20px;
  color: white;
  width: 70px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
/********** Creating a new page with left pane & right pane (see addInsightTiles) **********/
.fixed-top-body.fixed-panel .left-pane-container {
  background: #F0F0F3;
  width: 243px;
  overflow-y: auto;
  margin-bottom: 11px;
  border: 1px solid #B3B3B3;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.dottedBorder {
  border: 1px solid #B3B3B3 !important;
  border-image: url(images/dottedBorderBackground.png) 1 round !important;
}
.goog-tooltip > div {
  color: #222222 !important;
  font-weight: 700;
  font-size: 11px !important;
}
/****** Global Edit Photo Modal *******/
.modal.editPhoto {
  overflow-y: auto;
}
.modal.editPhoto .modal-dialog {
  margin-top: 10%;
}
.modal.editPhoto .modal-dialog .modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal.editPhoto .modal-dialog .modal-header button.close {
  padding: 0;
}
.modal.editPhoto .modal-dialog .btn:not(:last-child) {
  margin-right: 15px;
}
.modal.editPhoto .editPhoto-container {
  display: flex;
}
.modal.editPhoto .editPhoto-container .editPhoto-half {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}
.modal.editPhoto .editPhoto-container .editPhoto-half > *:not(:last-child) {
  margin-bottom: 10px;
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview {
  height: 248px;
  width: 248px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview.noimg:hover {
  cursor: pointer;
  filter: invert(27%) sepia(55%) saturate(5313%) hue-rotate(331deg) brightness(94%) contrast(96%);
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview.noimg img {
  height: 30%;
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview .addimg {
  height: inherit;
  width: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview .addimg input {
  display: none;
}
.modal.editPhoto .editPhoto-container .uploadSection .imagePreview img {
  height: inherit;
}
.modal.editPhoto .editPhoto-container .uploadSection .imageControls .btn.upload {
  font-weight: 700;
}
.modal.editPhoto .editPhoto-container .uploadSection .imageControls .btn.upload input {
  display: none;
}
.modal.editPhoto .editPhoto-container .uploadSection .imageControls .icon-trash {
  height: 16px;
  width: 18px;
}
.modal.editPhoto .editPhoto-container .uploadSection .imageControls .icon-trash:hover {
  filter: unset;
}
.modal.editPhoto .editPhoto-container .uploadSection .imageControls .btn.delete:hover .icon-trash {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.modal.editPhoto .editPhoto-container .previewSection .previewText {
  font-size: 14px;
}
.modal.editPhoto .editPhoto-container .previewSection :is(.previewPhoto-big, .previewPhoto-small) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal.editPhoto .editPhoto-container .previewSection :is(.previewPhoto-big, .previewPhoto-small).noimg {
  border: 1px solid #B3B3B3;
}
.modal.editPhoto .editPhoto-container .previewSection .previewPhoto-big {
  height: 95px;
  width: 95px;
  border-radius: 50px;
  overflow: hidden;
}
.modal.editPhoto .editPhoto-container .previewSection .previewPhoto-small {
  height: 50px;
  width: 50px;
  border-radius: 50px;
  overflow: hidden;
}
.modal.editPhoto .editPhoto-container .previewSection :is(.previewPhoto-big, .previewPhoto-small) img {
  height: inherit;
}
.modal.editPhoto .editPhoto-container .previewSection :is(.previewPhoto-big, .previewPhoto-small).noimg img {
  height: 50%;
}
.modal.editPhoto .modal-footer {
  border-top: 1px solid #B3B3B3;
}
.modal.editPhoto .modal-footer .btn.save {
  width: 55px;
}
svg > g > g.google-visualization-tooltip {
  pointer-events: none;
}
.select-overlay {
  z-index: 1000;
  position: relative;
}
.select-overlay::after {
  content: '';
  z-index: 1001;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.btn-primary.btnLink {
  position: relative;
}
.btnLink::after {
  position: relative;
  content: '';
  background-image: url('../bt-core/images/externalSiteIcon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  right: 0px;
  top: 0px;
  width: 16px;
  height: 16px;
  margin-left: 10px;
}
.btn-primary.btnLink::after {
  filter: brightness(0) invert(1);
}
.btn-default.btnLink::after {
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.text-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
dotted-l {
  display: block;
  width: inherit;
  height: inherit;
  align-self: normal;
}
.dotted-l-container {
  display: flex;
  flex-flow: column;
  width: 24px;
  height: 100%;
}
.dotted-l-vertical {
  height: 50%;
  width: 2px;
  background: repeating-linear-gradient(0deg, #000000 0 2px, #0000 0 6px);
}
.dotted-l-horizontal {
  margin-top: -2px;
  height: 2px;
  width: 100%;
  background: repeating-linear-gradient(90deg, #000000 0 2px, #0000 0 6px);
}
.dotted-l-container.connect-to-next {
  align-items: center;
  flex-flow: row;
}
.dotted-l-container.connect-to-next .dotted-l-vertical {
  height: 100% !important;
}
.dotted-l-container.connect-to-next .dotted-l-horizontal {
  margin: 0 0 0 -2px;
}
.skeleton {
  background: linear-gradient(90deg, #F0F0F3, #d8d8d8);
  background-size: 400% 400%;
  animation: gradient 2s ease infinite;
  height: 100vh;
  border: none !important;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/*basic layouts for the master page types (nav header, footer, centering, etc.)
This will also include general font/body/color defaults and over-rides/compatibility css
*/
html,
body {
  height: 100%;
}
#main-content {
  width: 100%;
}
.main-content--intuitive-navigation {
  padding-top: 66px;
  height: 100%;
}
@media (max-width: 720px) {
  .main-content--intuitive-navigation {
    padding-top: 80px;
    padding-bottom: 80px;
    height: auto;
  }
  .app-overlay {
    width: 100%;
    position: fixed;
    z-index: 1000;
  }
}
.main-content--legacy-navigation {
  padding-top: 70px;
  position: absolute;
  height: 100%;
  left: 0px;
  top: 0px;
}
#main-pane {
  height: 100%;
  margin: 0px auto;
  position: relative;
  width: 1140px;
  max-width: 1140px;
}
body.extranet #main-pane {
  height: auto;
}
body.fullsize #main-pane {
  width: 100% !important;
  max-width: 100%;
}
.unselectable,
.unselectable * {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
/* for when the unselectable class is misapplied in safari */
.safari-allow-select {
  -webkit-user-select: text;
}
body.sub-frame {
  overflow: hidden;
}
.appPage .BTAppMainPane {
  height: 100%;
  /*overflow: hidden;*/
  min-height: 648px;
  padding-bottom: 10px;
  padding-top: 18px;
  position: relative;
  top: 0;
}
.appPage .BTAppMainPane.no-height {
  height: auto;
  min-height: 0;
  overflow: auto;
  padding-bottom: 10px;
}
.appPage .BTAppMainPane .loader {
  padding-top: 200px;
  text-align: center;
}
.appPage .BTAppMainPane .loader.center {
  padding-top: 0px;
}
.BTAppMainPane .bt-breadcrumbs.dashboard {
  font-size: 13px;
  margin: 0;
  padding: 20px 0 0 23px;
}
.bt-page-title {
  margin-bottom: 12px;
}
.bt-page-title .section-title {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
  color: #222222;
  font-weight: 700;
  margin-bottom: 5px;
}
.bt-page-title .section-title .title-info {
  margin-left: -2px;
  vertical-align: middle;
}
.bt-page-title .back-link,
.bt-breadcrumbs .back-link {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  margin: 5px 0 12px 0;
}
.bt-breadcrumbs {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 12px 0;
  color: #222222;
}
.bt-breadcrumbs .bt-page-title {
  margin: 0;
}
.bt-breadcrumbs .active {
  font-weight: 700;
}
.bt-breadcrumbs .arrow::before {
  content: "|";
  color: #222222;
}
.bt-breadcrumbs .arrow {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}
.bt-page-title .back-link .active-arrow-left,
.bt-breadcrumbs .back-link .active-arrow-left {
  margin-right: 0;
}
.bt-page-title .back-link .back-link-text,
.bt-breadcrumbs .back-link .back-link-text {
  padding-left: 5px;
}
@media (max-width: 1270px) {
  .system-nav .bt-menubar ul#nav_bar #intuitBlueDot {
    top: 70px;
  }
}
.app-overlay {
  width: 100%;
  position: fixed;
  z-index: 1000;
}
.bt-container {
  border: 1px solid #B3B3B3;
  margin: 20px auto;
  background: #F0F0F3;
  border-radius: 5px;
  box-sizing: border-box;
  padding-bottom: 100px;
}
/* _LayoutClean styles */
.cleanContentWrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.cleanContentWrapper .centeredMessage {
  align-self: baseline;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  margin: 70px auto 0 auto;
  padding: 50px 70px 60px;
  width: 60%;
}
.cleanContentWrapper .centeredMessage h1,
.cleanContentWrapper .centeredMessage h2,
.cleanContentWrapper .centeredMessage h3,
.cleanContentWrapper .centeredMessage h4,
.cleanContentWrapper .centeredMessage h5,
.cleanContentWrapper .centeredMessage h6 {
  margin-top: 0px;
}
.cleanContentWrapper .centeredMessage h4 {
  margin-bottom: 20px;
}
.cleanContentWrapper .centeredMessage p {
  font-size: 14px;
  margin-bottom: 0px;
}
.cleanContentWrapper .centeredMessage .form-group li {
  padding-bottom: 0px;
}
.cleanContentWrapper .centeredMessage .form-group label {
  display: inline-block;
  margin-left: 0px;
  text-transform: uppercase;
  width: 125px;
}
/* SubscriptionUpdate page styles  */
.cleanContentWrapper .subscriptionUpdateInfo {
  max-width: 650px;
}
.cleanContentWrapper .subscriptionUpdateInfo h6 {
  margin-top: 0px;
}
/* Step-by-step dialog page(s):  Invoice Wizard, QBImport, SignSubmit */
.step-frame {
  border: solid 1px #B3B3B3;
  border-radius: 5px;
}
.step-frame .step-footer {
  border-top: solid 1px #B3B3B3;
  padding: 10px;
}
.step-frame .form-group.small-centered {
  margin: 10% auto;
  max-width: 400px;
}
.step-frame .form-group.small-centered > li > h4 {
  font-weight: bold;
  font-size: 13px;
}
.step-frame .summary-panel {
  border-right: solid 1px #B3B3B3;
  color: #222222;
  max-width: 247px;
  min-width: 247px;
  padding: 0px;
}
.step-frame .summary-panel > div:not(.settingsTitle) {
  padding: 0px 13px;
}
.step-frame .summary-panel .settingsTitle {
  font-size: 13px;
  font-weight: bold;
  border-bottom: 1px solid #B3B3B3;
  color: #222222;
  line-height: 40px;
  background-color: #F0F0F3;
  padding: 0px 15px;
  height: 44px;
  border-top-left-radius: 5px;
}
.step-frame .summary-panel p,
.step-frame .summary-panel h4 {
  color: #222222;
}
.step-frame .summary-panel h4 {
  font-weight: bold;
}
.step-frame .workspace .steps {
  background: #F0F0F3;
}
.step-frame .workspace .steps .navigation-tabs {
  border-bottom: 1px solid #B3B3B3;
}
.step-frame .workspace .steps .navigation-tabs > li {
  float: left;
  height: 43px;
  padding: 13px 10px 0px 10px;
}
.step-frame .workspace .steps .navigation-tabs > li.active {
  background-color: #FFFFFF;
  border-bottom: 2px solid #1F74CE;
}
.step-frame .workspace .steps .navigation-tabs > li > div {
  height: 100%;
  font-size: 13px;
}
.step-frame .workspace .steps .navigation-tabs > li.active > div {
  font-weight: bold;
}
.step-frame .workspace .steps .navigation-tabs > li .stepNumber {
  background-color: #B3B3B3;
  color: #FFFFFF;
  display: inline-block;
  height: 17px;
  margin-right: 3px;
  text-align: center;
  width: 17px;
  border-radius: 2px;
}
.step-frame .workspace .steps .navigation-tabs > li.active .stepNumber {
  background-color: #1F74CE;
}
.step-frame .workspace-inner {
  overflow: auto;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
body {
  scrollbar-3dlight-color: #B3B3B3;
  scrollbar-arrow-color: #B3B3B3;
  scrollbar-base-color: rgba(255, 255, 255, 0.5);
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #B3B3B3;
  scrollbar-height: 12px;
  scrollbar-highlight-color: #B3B3B3;
  scrollbar-shadow-color: #B3B3B3;
  scrollbar-track-color: rgba(255, 255, 255, 0.5);
  scrollbar-width: 12px;
}
::-webkit-scrollbar {
  background: rgba(255, 255, 255, 0.5);
  height: 10px;
  width: 10px;
}
::-webkit-scrollbar:vertical {
  border-left: 1px solid rgba(100, 100, 100, 0.2);
}
::-webkit-scrollbar:horizontal {
  border-top: 1px solid rgba(100, 100, 100, 0.2);
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  -webkit-box-shadow: 0px;
  background: #B3B3B3;
}
::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0.5);
}
/* main menu system */
.system-nav {
  border-bottom: 1px solid #1F74CE;
  border-top: 6px solid #1F74CE;
  height: 69px;
  position: fixed;
  width: 100%;
  z-index: 1000;
}
body.extranet .system-nav {
  position: relative;
  width: auto;
}
.icon-bt-caret-bottom {
  margin-bottom: 5px;
}
.system-nav .logo-main {
  max-height: 34px;
  max-width: 119px;
}
.system-nav .bt-menubar {
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  -ms-flex-pack: center;
  -ms-flex-wrap: nowrap;
  -webkit-flex-direction: row;
  -webkit-justify-content: center;
  background-color: #F0F0F3;
  height: 100%;
  font-size: 13px;
  margin: 0px auto;
  min-width: 960px;
  position: relative;
}
.system-nav .bt-menubar ul#nav_bar {
  display: flex;
  height: 100%;
  max-width: 100%;
  padding: 0;
}
.system-nav .bt-menubar ul#nav_bar .nav_app,
.system-nav .bt-menubar ul#nav_bar .nav-logo {
  display: inline-block;
  height: 100%;
  line-height: 57px;
  padding: 0;
  position: relative;
  vertical-align: top;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu {
  margin-right: 12px;
}
.system-nav .bt-menubar ul#nav_bar .nav-logo {
  padding-right: 10px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app:not(.activity):not(.timer) {
  white-space: nowrap;
}
.system-nav .bt-menubar ul#nav_bar .nav_app > a {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding: 0 24px;
  text-transform: uppercase;
  font-family: Arial;
  font-weight: 500;
  font-size: 13px;
  text-align: center;
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar .nav_app ul.menus > li {
  width: fit-content;
  text-align: center;
}
.system-nav .bt-menubar ul#nav_bar .nav_app ul.menus > li:hover {
  background: #FFFFFF;
  border-bottom: 3px solid #1F74CE;
}
.system-nav .bt-menubar ul#nav_bar .nav_app ul.menus > li > a {
  font-weight: 600;
}
.system-nav .bt-menubar ul#nav_bar .nav_app ul.menus > li > a:hover {
  font-weight: 600;
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.open {
  background: #FFFFFF;
  border-bottom: 3px solid #1F74CE;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu.open {
  background: transparent;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.open > a,
.system-nav .bt-menubar ul#nav_bar .nav_app:hover > a {
  font-weight: 600;
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar > .divider {
  background: #B3B3B3;
  display: inline-block;
  float: left;
  height: 29px;
  margin: 0 10px;
  position: relative;
  top: 25%;
  vertical-align: middle;
  width: 1px;
}
.system-nav .bt-menubar ul#nav_bar > .spacer {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.system-nav .bt-menubar ul#nav_bar.express > .divider {
  margin-left: 71px;
}
.system-nav .bt-menubar ul#nav_bar.express > .nav-logo {
  margin-right: 71px;
}
.system-nav .bt-menubar ul#nav_bar .logo {
  padding-right: 30px;
}
.system-nav .bt-menubar ul#nav_bar .logo img {
  height: 17px;
  width: 139px;
}
.system-nav .bt-menubar ul#nav_bar .bt-icon-home {
  vertical-align: middle;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  font-size: 13px;
  list-style: none;
  margin: 4px 0 0 0;
  padding: 0 0 10px 0;
  position: absolute;
  top: 100%;
  width: 165px;
  z-index: 1000;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu > *:first-child {
  border-top: none !important;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu.dropdown-menu-simple {
  padding-top: 8px;
  border-radius: 0px 0px 2px 2px;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu li {
  border: none;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu li a {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  text-transform: capitalize;
  text-align: left;
  color: #222222;
  padding: 0px 0px 0px 20px;
  border-radius: 2px;
  line-height: 30px;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu > li > a:hover,
.system-nav .bt-menubar ul#nav_bar .dropdown-menu > li > a:focus {
  color: #222222;
  text-decoration: none;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-header {
  text-transform: capitalize;
  font-size: 10px;
  font-weight: 400;
  line-height: 24px;
  font-family: Arial;
  padding: 5px 0px 0px 0px;
  text-align: left;
  margin: 3px 14px 0px 14px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app .dropdown-menu .dropdown-header.no-border {
  margin-top: 0px;
  border: none;
}
.system-nav .bt-menubar ul#nav_bar .nav_app .dropdown-menu .dropdown-header {
  border-top: 1px solid #B3B3B3;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#timerLink > a,
.system-nav .bt-menubar ul#nav_bar .nav_app#settingsBar_help > a,
.system-nav .bt-menubar ul#nav_bar .nav_app#myAccount > a,
.system-nav .bt-menubar ul#nav_bar .nav_app#myActivity > a,
.system-nav .bt-menubar ul#nav_bar .nav_app#calendar > a,
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search > a {
  padding: 9px 5px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.loading .show-processing-red {
  background-position: 50% 0;
  margin-bottom: 3px;
  width: 22px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.open#settingsBar_help > a:after,
.system-nav .bt-menubar ul#nav_bar .nav_app.open#myAccount > a:after {
  left: 11px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .dropdown-menu {
  width: 257px;
  height: 178px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#timerLink .timerMenu {
  width: 400px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#myActivity .myActivity {
  width: 400px;
  border-radius: 5px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#myActivity .myActivity .dailyplanner {
  border-radius: 5px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .buttons {
  text-align: right;
}
.system-nav .bt-menubar ul#nav_bar #intuitBlueDot {
  position: fixed;
  right: 0px;
}
.system-nav .bt-menubar .nav_app.account .info {
  white-space: nowrap;
}
.system-nav .bt-menubar .nav_app.account .info .selectContainer {
  display: inline-block;
  background-color: transparent;
}
.system-nav .bt-menubar .nav_app.account .info .selectContainer select {
  -webkit-box-shadow: none;
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #222222;
  width: 220px;
  padding-left: 12px;
  margin-left: -24px;
}
.system-nav .bt-menubar .nav_app.account .info .selectContainer:after {
  border-top: 6px solid #FFFFFF;
}
.system-nav .bt-menubar .nav_app.account .info .firmLogo {
  display: table-cell;
  height: 110px;
  padding-left: 15px;
  padding-bottom: 6px;
  vertical-align: middle;
}
.system-nav .bt-menubar .nav_app.account .info .selectFirm {
  padding-left: 80px;
  margin-bottom: 10px;
  margin-top: -80px;
  border-bottom: 1px solid #B3B3B3;
}
.system-nav .bt-menubar .nav_app.account .info .userName {
  color: #222222;
  margin-left: -35px;
  margin-bottom: -22px;
  margin-top: -15px;
}
.system-nav .bt-menubar .nav_app.account .info .selectFirm,
.system-nav .bt-menubar .nav_app.account .info .userName {
  width: 215px;
  margin-left: 16px;
}
.system-nav .bt-menubar .nav_app.account .buttons {
  padding: 0 12px 0 20px;
  white-space: nowrap;
}
.system-nav .bt-menubar .nav_app.account .dropdown-menu > li > a.btn {
  background: #FFFFFF;
  display: inline-block;
  font-size: 12px;
  line-height: 13px;
  margin-right: 8px;
  padding: 10px;
  text-transform: none;
}
.system-nav .bt-menubar .nav_app.account .dropdown-menu > li > a.btn-signout {
  background: #1F74CE;
  border-color: #1F74CE;
  color: #FFFFFF !important;
  margin-left: -2px;
  display: inline-block;
  font-size: 12px;
  line-height: 22px !important;
  margin-right: 15px;
  width: 96px !important;
  height: 22px !important;
  text-transform: none;
}
.system-nav .bt-menubar .nav_app.account .dropdown-menu > li > a.btn-signout:hover {
  background: #004A8C;
  border-color: #004A8C;
}
.system-nav .bt-menubar .nav_app.account .dropdown-menu > li > a.btn-myprofile {
  background: #FFFFFF;
  border: 1px solid #4D4D4D;
  color: #222222 !important;
  display: inline-block;
  font-size: 12px;
  line-height: 22px !important;
  margin-left: -3px;
  margin-right: 13px;
  width: 105px !important;
  height: 22px !important;
  text-transform: none;
}
.system-nav .bt-menubar .nav_app.account .dropdown-menu > li > a.btn-myprofile:hover {
  background: #DDE7F3;
  border-color: #4D4D4D;
}
/*  TIMER  */
.form-group.dark h5,
.form-group.dark h6 {
  color: #222222;
}
.form-group.dark label {
  color: #222222;
}
.form-group.dark .form-control,
.form-group.dark .date-select,
.form-group.dark .bt-select,
.form-group.dark .bt-select input,
.form-group.dark .bt_select_box .input_wrap {
  background: #FFFFFF;
  color: #222222;
}
.form-group.dark .form-control:hover,
.form-group.dark .date-select:hover,
.form-group.dark .bt-select:hover,
.form-group.dark .bt-select input:hover,
.form-group.dark .bt_select_box .input_wrap:hover {
  border-color: #1F74CE;
}
.form-group.dark .disabled {
  background-color: #B3B3B3;
}
.form-group.dark .bt_select_box.disabled .input_wrap {
  background-color: #B3B3B3;
}
.form-group.dark li:last-child {
  padding-bottom: 0;
}
.form-group.dark .bt_select_box .input_wrap,
.form-group.dark .bt_select_box .input_wrap input {
  border: none;
  box-shadow: none;
}
/* TIMER */
.system-nav .bt-menubar .nav_app.timer .timerMenu {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  left: auto;
  line-height: 1.42857143;
  list-style: none;
  margin-top: -5px;
  padding: 0;
  position: absolute;
  right: 0px;
  width: auto;
  z-index: 1000;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .popupArrow {
  display: inline-block;
  height: 0;
  margin-right: 60px;
  margin-top: -16px;
  position: absolute;
  right: 0;
  width: 0;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu > ul {
  border-bottom: 1px solid #B3B3B3;
  height: 440px;
  overflow-y: auto;
  padding-left: 0;
}
.timer .alert-warning strong {
  color: #4D4D4D;
}
.timer .btn-group.timerBtn a.btn-default {
  border-radius: 3px !important;
  margin-right: 15px;
}
.timer .btn-group.timerBtn > .dropdown-toggle > .caret {
  margin-top: 11px;
}
.timer .btn-group > .btn.btn-default:first-child:not(:last-child):not(.dropdown-toggle):not(.picker-arrow-left):hover {
  border-right-color: #4D4D4D !important;
  border-color: #4D4D4D !important;
  background-color: #DDE7F3 !important;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .alert-warning {
  margin: 10px 6px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .footerToolbar {
  height: 65px;
  padding: 0 25px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .footerToolbar.detailsToolbar {
  padding: 0 50px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .info,
.intuitive-nav-modals .nav_app.activity .myActivity .info,
.system-nav .bt-menubar .nav_app.timer .timerMenu .info {
  height: 440px;
  padding: 35px 40px 15px 25px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .info .header,
.intuitive-nav-modals .nav_app.activity .myActivity .info .header,
.intuitive-nav-modals .nav_app.activity .myActivity .info .header,
.system-nav .bt-menubar .nav_app.timer .timerMenu .info .header {
  color: #222222;
  font-size: 16px;
  margin-bottom: 7px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .info p,
.intuitive-nav-modals .nav_app.activity .myActivity .info p,
.system-nav .bt-menubar .nav_app.timer .timerMenu .info p {
  color: #222222;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 15px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer {
  border-bottom: 1px solid #B3B3B3;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  min-height: 70px;
  padding: 10px 10px 15px 25px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer.active .hours {
  color: #1F74CE;
  font-size: 20px;
  font-weight: 600;
  font-family: Arial;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer .timerToolbar .bt-icon-timerBtn {
  width: 81px;
  padding: 6px 10px;
  margin-left: -10px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer .timerToolbar .bt-icon-timerBtn .bt-icon-timer {
  width: 19px;
  height: 18px;
  background-size: 100%;
  margin: -2px 0 0 10px;
  filter: brightness(0) invert(1) !important;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer.active .timerToolbar .bt-icon-timerBtn {
  padding: 6px 10px;
  margin-left: -10px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer.active .timerToolbar .bt-icon-timerBtn .bt-icon-timer {
  margin-left: 4px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%) !important;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .list .timer .timerInfo {
  display: inline-block;
  width: 70%;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerInfo .project {
  color: #222222;
  font-size: 14px;
  font-weight: 600;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerInfo .category,
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerInfo .notes {
  color: #99918f;
  font-size: 12px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerInfo .notes {
  margin-top: 5px;
  font-size: 13px;
  color: #222222;
  font-weight: 500;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerToolbar {
  display: inline-block;
  width: 20%;
  padding-right: 6px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerToolbar .hours {
  color: #222222 !important;
  font-size: 20px;
  font-weight: 600;
  font-family: Arial;
  float: right;
  margin-right: -4px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerToolbar .bt-icon-timer {
  float: right;
  margin-top: 2px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .timerToolbar .bt-icon-timer:hover {
  background-position-x: 0px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timerActive .timerToolbar .bt-icon-timerBtn {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  border-radius: 3px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .timer .icon-bt-caret-right {
  align-self: center;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .edit .navBar {
  border-bottom: 1px solid #B3B3B3;
  height: 56px;
  padding: 20px;
  padding-left: 55px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .edit .navBar .back,
.system-nav .bt-menubar .nav_app.timer .timerMenu .notice .navBar .back {
  color: transparent;
  cursor: pointer;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .edit .navBar .backIcon,
.system-nav .bt-menubar .nav_app.timer .timerMenu .notice .navBar .backIcon {
  background-image: url(images/forward-arrow.png);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  transform: scaleX(-1);
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: -5px;
  margin-bottom: 50px;
  cursor: pointer;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .edit .navBar .backIcon:hover,
.system-nav .bt-menubar .nav_app.timer .timerMenu .notice .navBar .backIcon:hover {
  filter: invert(87%) sepia(3%) saturate(1204%) hue-rotate(182deg) brightness(108%) contrast(91%);
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .edit .navBar .icon-close-box,
.system-nav .bt-menubar .nav_app.timer .timerMenu .notice .navBar .icon-close-box {
  cursor: pointer;
  float: right;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .details {
  margin-top: 17px;
  padding: 0px 49px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .details .timerActionBtn {
  margin-top: 0px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .details .timerPauseActionBtn {
  margin-top: 0px;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .details .timerActionBtnDD {
  color: #222222;
  background-color: #FFFFFF;
  border: #B3B3B3;
  width: 100%;
}
.system-nav .bt-menubar .nav_app.timer .timerMenu .details .timerActionBtnDD:hover {
  color: #222222;
  background-color: #F6F6F6;
  border: #B3B3B3;
}
.timerMenu .timerBtn .dropdown-backdrop {
  display: none;
}
/* new nav */
timers-menu-item {
  display: block;
  margin-top: 2px;
  height: 100%;
}
/* My Activity */
.system-nav .bt-menubar .nav_app.activity .myActivity {
  background-clip: padding-box;
  background-color: #F0F0F3;
  border: none;
  left: auto;
  line-height: 1.42857143;
  list-style: none;
  margin-top: -5px;
  padding: 0;
  position: absolute;
  right: 0px;
  width: auto;
  z-index: 1000;
}
.intuitive-nav-modals .nav_app.activity .myActivity {
  background-clip: padding-box;
  background-color: #F0F0F3;
  border: none;
  left: auto;
  line-height: 1.42857143;
  list-style: none;
  margin: 70px auto;
  padding: 0;
  position: absolute;
  right: 0;
  left: 0;
  width: auto;
  z-index: 1000;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .popupArrow,
.intuitive-nav-modals .nav_app.activity .myActivity .popupArrow {
  display: inline-block;
  height: 0;
  margin-right: 60px;
  margin-top: -16px;
  position: absolute;
  right: 0;
  width: 0;
}
.system-nav .bt-menubar .nav_app.activity .myActivity > ul,
.intuitive-nav-modals .nav_app.activity .myActivity > ul {
  border-bottom: 1px solid #332f2e;
  box-shadow: 0 1px 0 #5a5756;
  height: 545px;
  overflow-y: auto;
  padding-left: 0;
}
.system-nav .bt-menubar .nav_app.activity .myActivity > ul.add,
.intuitive-nav-modals .nav_app.activity .myActivity > ul.add {
  height: 440px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .footerToolbar,
.intuitive-nav-modals .nav_app.activity .myActivity .footerToolbar {
  height: 55px;
  padding: 0 25px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .footerToolbar.detailsToolbar,
.intuitive-nav-modals .nav_app.activity .myActivity .footerToolbar.detailsToolbar {
  padding: 0 50px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .footerToolbar .btn.btn-dark,
.intuitive-nav-modals .nav_app.activity .myActivity .footerToolbar .btn.btn-dark {
  background-color: #222222;
  border-color: #222222;
  color: #FFFFFF;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .footerToolbar .btn.btn-dark:hover,
.intuitive-nav-modals .nav_app.activity .myActivity .footerToolbar .btn.btn-dark:hover {
  background-color: #F0F0F3;
  border-color: #F0F0F3;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity {
  background-color: #FFFFFF;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 10px 10px 10px 25px;
  position: relative;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity:not(:last-child),
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity:not(:last-child) {
  border-bottom: 1px solid #B3B3B3;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity:hover,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity:hover {
  background-color: #F0F0F3;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity p,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity p {
  color: #222222;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .checkbox,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .checkbox {
  align-self: center;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .settings,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .settings {
  width: 85%;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .details,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .details {
  color: #222222;
  margin: 0 10px 0 0;
}
.activity-section-header h6 {
  font-size: 12px;
  font-weight: 600;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .details label,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .details label {
  color: #FFFFFF;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .note,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .note {
  color: #222222;
  font-size: 12px;
  margin: 0;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .icon-bt-caret-right,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .icon-bt-caret-right {
  align-self: center;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .list .activity .unread,
.intuitive-nav-modals .nav_app.activity .myActivity .list .activity .unread {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background-color: #1F74CE;
  border-radius: 10px;
  height: 12px;
  left: 28px;
  position: absolute;
  top: 12px;
  width: 12px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .navBar,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .navBar {
  border-bottom: 1px solid #332f2e;
  box-shadow: 0 1px 0 #5a5756;
  height: 56px;
  padding: 20px;
  padding-left: 55px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .navBar .back,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .navBar .back {
  color: #FFFFFF;
  cursor: pointer;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .navBar .backIcon,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .navBar .backIcon {
  background: url(images/forward-arrow.png) no-repeat;
  background-size: contain;
  bottom: -1px;
  height: 30px;
  position: inherit;
  object-fit: contain;
  right: 15px;
  width: 18px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .navBar .icon-close-box,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .navBar .icon-close-box {
  cursor: pointer;
  float: right;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .details,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .details {
  margin-top: 17px;
  padding: 0px 49px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .notes,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .notes {
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  -webkit-touch-callout: initial;
  -webkit-user-select: initial;
  min-height: 67px;
  user-select: initial;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .edit .notes a,
.intuitive-nav-modals .nav_app.activity .myActivity .edit .notes a {
  color: #FFFFFF;
  text-decoration: underline;
}
.system-nav .bt-menubar .nav_app.activity .unreadCounter,
.intuitive-nav-modals .nav_app.activity .unreadCounter {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  background: #FF5C35;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  line-height: 18px;
  padding-left: 1px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 11px;
  width: 18px;
}
.system-nav .bt-menubar .nav_app.activity > a:hover,
.intuitive-nav-modals .nav_app.activity > a:hover,
.system-nav .bt-menubar .nav_app.open.activity > a {
  color: #1F74CE;
}
.bigUnreadCounter {
  width: 30px !important;
}
.system-nav .bt-menubar .nav_app.activity .validationMessageAlert,
.intuitive-nav-modals .nav_app.activity .validationMessageAlert {
  color: #ffffff;
  margin: 10px 20px 0px 50px;
}
/* FLEX GRID */
.flex-container-right {
  display: flex;
  justify-content: flex-end;
}
.flex-container-6 {
  -moz-box-pack: justify;
  -ms-box-pack: justify;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.flex-container-6 .flex-0 {
  -ms-flex: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 0 0 auto;
}
.flex-container-6 .flex-4 {
  -ms-flex: 4;
  -webkit-box-flex: 4;
  -webkit-flex: 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 4;
}
/* MOBILE UI SUB-MENU ---------- */
.system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu:hover {
  background-color: transparent;
}
.system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu > ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding-left: 0 !important;
  height: 100%;
}
/* Activity Dialog */
.selectedActivityItem {
  color: #443E3D !important;
  background-color: #F0F0F3 !important;
  border-right: 2px solid #1F74CE;
  cursor: default;
  border-bottom: 1px solid #B3B3B3 !important;
}
.selectedActivityDetails {
  color: #222222 !important;
  background-color: #F0F0F3 !important;
  cursor: default;
}
.selectedActivityItem:hover {
  color: #222222 !important;
  background-color: #F0F0F3 !important;
  cursor: default;
  border-bottom: 1px solid #B3B3B3 !important;
}
.blurBackground {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  transition-duration: 0.2s;
}
.overlay {
  z-index: 1000;
}
.overlay:after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  transition-duration: 0.2s;
  background: rgba(0, 0, 0, 0.6);
}
.myActivityContainer {
  width: 100vw !important;
  min-width: 800px;
  max-width: 1024px;
  border: 1px solid #B3B3B3;
}
.popupArrowOffset {
  margin-top: -10px !important;
  margin-right: 53px !important;
  z-index: 1010;
}
.myActivityChildContainer {
  box-shadow: 0px 0px 25px 5px #B3B3B3;
  width: 100%;
  min-height: calc(690px * (90/150));
  height: 85vh;
}
.myActivityChildContainer .dailyplanner .page.edit {
  border-top-right-radius: 0px;
  border-color: #B3B3B3;
  border: none;
}
.myActivityChildContainer .page.edit .form_wrapper > form .container {
  border-top: none;
}
.myActivityChildContainer .footer_toolbar {
  height: 65px;
}
.myActivityChildContainer .dailyplanner .container.buttons.detailsToolbar {
  height: 66px;
}
.myActivityChildContainer .dailyplanner .page.edit .form_wrapper > form .container {
  box-shadow: none;
}
.myActivityChildContainer .dailyplanner .page.edit .form_wrapper > form .container > .pull-left > a.btn {
  margin-right: 15px;
}
.myActivityChildContainer .dailyplanner ul.tab-pane li {
  max-height: 50vh !important;
}
.myActivityDialogToolbarBottomBorder {
  border-bottom: 1px solid #B3B3B3;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .alert-success,
.intuitive-nav-modals .nav_app.activity .myActivity .alert-success {
  background-color: #DDE7F3;
  color: #4D4D4D;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .alert-success strong,
.intuitive-nav-modals .nav_app.activity .myActivity .alert-success strong {
  color: #4D4D4D;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .alert-success p,
.intuitive-nav-modals .nav_app.activity .myActivity .alert-success p {
  color: #4D4D4D;
}
.myActivityBulkButtonsContainer {
  margin-right: 10px;
  padding: 2px 10px 4px 15px !important;
  border: none;
  background-color: transparent !important;
}
.myActivityBulkButtonsContainer .caret {
  border-top-color: #222222;
}
.border0 {
  border: 0px;
}
.transparentBackground {
  background-color: transparent !important;
  border: none;
  padding-left: 0px;
}
.marginRight10 {
  margin-right: 10px;
}
.marginTop0 {
  margin-top: 0px;
}
.toolbarContainer {
  padding: 12px 10px;
}
.activlityListContainer {
  width: 370px;
}
.activityListScroll {
  overflow: auto;
  position: relative;
  background-color: #FFFFFF;
  border-right: 1px solid #B3B3B3;
}
.activityMessageBodyScroll {
  max-height: 375px;
  overflow-y: auto;
}
.system-nav .bt-menubar .nav_app.activity .myActivity .alert-success.activityMessageContainerArea,
.intuitive-nav-modals .nav_app.activity .myActivity .alert-success.activityMessageContainerArea {
  margin: 50px auto !important;
  max-width: 450px;
  padding: 12px !important;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.activityMessageNoteParagraph {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.loadingIconPositioning {
  display: block !important;
  margin: 30vh auto 0 auto;
}
.activityFilter {
  background-color: #FFFFFF;
  border-bottom: 1px solid #B3B3B3 !important;
  border-top: 1px solid #B3B3B3 !important;
  color: #222222;
  font-size: 12px;
  height: 36px;
  line-height: 22px;
  padding: 7px 10px 7px 19px;
  text-align: left;
  cursor: pointer;
}
.activityFilterTick {
  background: url('images/_sprite-icons@2x.png') no-repeat -190px -272px;
  background-size: 350px 415px;
  display: inline-block;
  height: 18px;
  margin-right: 5px;
  margin-bottom: -4px;
  width: 18px;
}
.activityFilterType {
  align-items: center;
  border-bottom: 1px solid #B3B3B3;
  color: #222222;
  display: flex;
  font-size: 11px;
  height: 26px;
  justify-content: space-between;
  line-height: 22px;
  padding: 3px 15px 3px 19px;
  background-color: #F0F0F3;
}
.activityFilter.checked,
.activityFilter:hover {
  background-color: #DDE7F3;
  color: #4D4D4D;
}
.activityFilterType .activityFilters .activityFilterTitle {
  color: #888888;
}
iframe.ie-hack-cover {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
body.bt-select-open .hide-on-btopen {
  visibility: hidden;
}
/* Hide snapchat button */
#designstudio-button {
  display: none;
}
.chat-close {
  z-index: 999997;
  position: fixed;
  right: 12px;
  opacity: 1;
  bottom: 51px;
  padding: 5px !important;
}
/*Universal Search Styles*/
.system-nav .bt-menubar ul#nav_bar #universal-search.nav_app.open > a:after,
.intuitive-nav-modals .nav_app.search.open > a:after {
  background-position: 0 0;
  content: '';
  display: block;
  height: 7px;
  margin: 0;
  width: 18px;
  z-index: 9000;
  position: relative;
  right: 0;
  top: 0;
  left: 0;
  margin-top: -10px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search {
  width: 500px;
  height: 89vh;
  right: 14px;
  top: -6px;
  position: absolute;
  overflow: auto;
  display: flex;
  background-color: #FFFFFF;
  border: 1px #B3B3B3 solid;
  margin-top: 66px;
  transition: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
}
.system-nav .bt-menubar .nav_app.search .universal-search {
  background-clip: padding-box;
  background-color: #443E3D;
  border: none;
  left: auto;
  line-height: 1.42857143;
  list-style: none;
  margin-top: 7px;
  padding: 0;
  position: absolute;
  right: -58px;
  width: auto;
  z-index: 1000;
}
.intuitive-nav-modals .nav_app.search .universal-search {
  width: 500px;
  height: 89vh;
  right: 14px;
  top: 66px;
  position: absolute;
  overflow: auto;
  display: flex;
  background-color: #FFFFFF;
  border: 1px #B3B3B3 solid;
  transition: transform 220ms cubic-bezier(0.2, 0, 0, 1) 0s, width 220ms cubic-bezier(0.2, 0, 0, 1) 0s;
  z-index: 1000;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search.ng-hide,
.intuitive-nav-modals .nav_app.search .universal-search.ng-hide {
  width: 0px;
}
#universal-search-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -64px;
  z-index: 10000000;
  padding-top: 0;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content,
.intuitive-nav-modals .nav_app.search .universal-search .search-content {
  margin: 24px 20px 0 20px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .search-text > input,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .search-text > input {
  border: none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border: 1px solid #B3B3B3;
  border-radius: 3px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #222222;
  font-size: 16px;
  height: 40px;
  line-height: 1.42857143;
  padding: 5px 12px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
  background-color: #FFFFFF;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .search-text > input::placeholder,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .search-text > input::placeholder {
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .center,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .center {
  align-items: center;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .center > div.fixed-panel-flex,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .center > div.fixed-panel-flex {
  min-width: 350px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .info-text,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .info-text {
  font-size: 14px;
  text-align: center;
  white-space: normal;
  max-width: 365px;
  margin-top: 20px;
  max-height: 90px;
  font-style: italic;
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results {
  overflow: auto;
  margin: 20px 0;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results .category,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results .category {
  margin-bottom: 15px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results .category > h4,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results .category > h4 {
  margin-top: 0;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results .category > ul,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results .category > ul {
  padding: 0;
  margin: 0 0 0 10px;
  font-size: 14px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results .category > ul > li,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results .category > ul > li {
  padding-bottom: 5px;
}
.system-nav .bt-menubar ul#nav_bar .nav_app#universal-search .universal-search .search-content .results .category > ul > li > small,
.intuitive-nav-modals .nav_app.search .universal-search .search-content .results .category > ul > li > small {
  font-style: italic;
  color: #222222;
}
.system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger {
  display: none;
}
/* Pendo Icon */
.bt-menubar ul#nav_bar .nav_app.pendo_container {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-bottom: 3px solid transparent;
}
.bt-menubar ul#nav_bar .nav_app.pendo_container #pendo_connect {
  padding: 0 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*  Tenant Switcher  */
.tenant-switcher {
  flex-flow: column;
  padding: 24px !important;
  margin-top: 0 !important;
  width: 312px !important;
  height: fit-content !important;
}
.open > .dropdown-menu.tenant-switcher {
  display: flex !important;
}
.tenant-switcher > .tenant-switcher-container {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: fit-content;
  gap: 12px;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu.tenant-switcher li a.btn-primary {
  color: #FFFFFF;
}
.system-nav .bt-menubar ul#nav_bar .dropdown-menu.tenant-switcher li a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  height: 30px !important;
  min-width: 0;
  font-weight: 500;
  text-align: center;
  padding: 0;
  border-radius: 3px;
  margin: 0;
}
.tenant-switcher .greeting {
  align-self: center;
  font-size: 20px;
}
.tenant-switcher .greeting .staffer-name {
  font-weight: 700;
}
.tenant-switcher .logged-in-as {
  color: #808080;
}
.tenant-switcher p {
  margin: 0;
}
.tenant-switcher .firm-info {
  display: flex;
  align-items: center;
  gap: 12px;
}
.tenant-switcher .firm-controls {
  display: flex;
  gap: 4px;
  width: 100%;
}
.tenant-switcher hr {
  margin: 0;
  border-top: 1px solid #808080;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
iframe.bt-settings-iframe {
  background-color: transparent;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2000;
}
body.bt-settings-frame {
  background-color: transparent;
}
body.bt-settings-frame > .modal {
  display: inherit;
}
body.bt-settings-frame > .modal > .modal-content {
  margin: 50px auto;
  max-height: 560px;
  min-height: 560px;
  width: 1000px;
}
body.bt-settings-frame > .modal > .modal-content > .modal-body {
  min-height: 427px;
  padding: 0;
}
body.bt-settings-frame > .modal > .modal-content .nav-tabs.tier-one > li > a:after {
  height: 30px;
}
body.bt-settings-frame > .modal > .modal-content .nav-tabs.tier-one.small > li > a:after {
  height: 25px;
}
body.bt-settings-frame .modal-content {
  background-color: #FFFFFF;
}
body.bt-settings-frame .modal-content {
  background-color: #FFFFFF;
}
body.bt-settings-frame .modal-header .logo-settings {
  margin: 0 10px;
}
body.bt-settings-frame .settings-navbar {
  border-left: 1px solid #B3B3B3;
  margin-left: 214px;
  max-width: 100%;
  z-index: 5;
}
body.bt-settings-frame .settings-body {
  width: 100%;
  min-height: 100px;
  /* had to add this to make the flex model firefox compatible */
}
body.bt-settings-frame .two-tier .settings-body {
  width: 100%;
}
body.bt-settings-frame .two-tier .settings-body .settings-main .main-pane {
  width: 100%;
  margin-bottom: 10px;
}
body.bt-settings-frame .master-detail-frame .settings-invoice-numbering {
  padding-bottom: 0px;
}
body.bt-settings-frame .master-detail-frame .settings-invoice-numbering .settings-invoice-numbering-next {
  margin-right: 0px;
}
body.bt-settings-frame .master-detail-frame .settings-invoice-numbering li:last-child {
  width: 100%;
}
body.bt-settings-frame .settings-sidebar {
  max-height: 100%;
  max-width: 214px;
  min-width: 214px;
  padding: 0 20px;
}
body.bt-settings-frame .one-tier .settings-sidebar {
  top: -35px;
}
body.bt-settings-frame .two-tier .settings-sidebar {
  top: -75px;
}
/* mozilla/firefox exception for sidebar vertical positioning
   the original way is fairly hacky as is so this shouldn't be a problem */
@-moz-document url-prefix() {
  body.bt-settings-frame .two-tier .settings-sidebar {
    top: 0;
  }
}
/* end firefox hack */
body.bt-settings-frame .settings-sidebar:after {
  background: #B3B3B3;
  content: "";
  display: block;
  max-height: 100%;
  width: 1px;
}
body.bt-settings-frame .settings-sidebar h5 {
  border-bottom: 1px solid #FFFFFF;
  color: #222222;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 13px;
}
body.bt-settings-frame .settings-sidebar h5:before {
  background: #B3B3B3;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
}
body.bt-settings-frame .settings-sidebar p {
  font-size: 12px;
}
body.bt-settings-frame .two-tier .settings-navbar {
  min-height: 75px;
}
body.bt-settings-frame .two-tier .settings-navbar .nav-tabs.tier-two {
  height: 50px;
  padding-top: 2px;
}
body.bt-settings-frame .two-tier .settings-navbar .nav-lesspadded li {
  padding-left: 0;
  padding-right: 0;
}
body.bt-settings-frame .two-tier .settings-navbar .nav-lesspadded a {
  padding-left: 10px;
  padding-right: 10px;
}
body.bt-settings-frame .settings-footer-toolbar {
  bottom: -39px;
  position: absolute;
  right: 41px;
  z-index: 50;
}
body.bt-settings-frame .settings-footer-toolbar-left {
  bottom: -40px;
  display: inline-block;
  font-size: 12px;
  position: absolute;
  width: 330px;
  z-index: 50;
}
body.bt-settings-frame .settings-group-content .settings-footer-toolbar-left {
  left: 20px;
}
body.bt-settings-frame .settings-group-content {
  display: inherit;
}
body.bt-settings-frame .settings-footer-toolbar .btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  height: 30px;
  margin-top: 5px;
  width: 23px;
  padding: 2px 6px;
}
body.bt-settings-frame .settings-footer-toolbar > .btn,
body.bt-settings-frame .settings-footer-toolbar > .btn-group {
  margin-bottom: 0;
  margin-left: 5px;
  min-width: 78px;
}
body.bt-settings-frame .settings-footer-toolbar > a.btn {
  padding: 7px 10px;
}
body.bt-settings-frame .settings-main {
  border-left: 1px solid #B3B3B3;
  position: relative;
  width: 100%;
  min-width: 1px;
}
body.bt-settings-frame .settings-main.no-toolbar {
  padding-top: 0;
}
body.bt-settings-frame .settings-main.has-toolbar {
  margin-top: 33px;
  position: relative;
}
body.bt-settings-frame .settings-main .main-pane {
  min-height: 150px;
  position: relative;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
body.bt-settings-frame .settings-main .paymentStyleDetail_wrapper.main-pane,
body.bt-settings-frame .settings-main .emailDetail_wrapper.main-pane,
body.bt-settings-frame .settings-main .pdfDetail_wrapper.main-pane,
body.bt-settings-frame .settings-main .calcDetail_wrapper.main-pane {
  max-height: 488px;
}
body.bt-settings-frame .two-tier .settings-main {
  max-height: 100%;
  position: relative;
}
body.bt-settings-frame .two-tier .settings-main .main-pane {
  position: relative;
}
body.bt-settings-frame .settings-main .main-pane.padded {
  overflow: auto;
  padding: 20px;
  position: relative;
}
body.bt-settings-frame .settings-main .toolbar {
  border-bottom: 1px solid #FFFFFF;
  max-width: 100%;
  padding: 6px;
  position: relative;
}
body.bt-settings-frame .settings-main .toolbar.addNewVal-toolbar {
  margin-top: 15px;
}
body.bt-settings-frame .settings-main.tall-toolbar .toolbar {
  border-bottom: 1px solid #B3B3B3;
  height: 51px;
  max-width: 100%;
  padding: 12px 3px;
}
body.bt-settings-frame .settings-main.tall-toolbar {
  /* padding-top: 50px; */
}
body.bt-settings-frame .settings-main .toolbar:after {
  background: #B3B3B3;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  max-width: 100%;
  min-width: 100%;
  position: absolute;
}
body.bt-settings-frame .toolbar > .btn {
  padding-right: 25px;
}
body.bt-settings-frame table.form-group-table.three td,
table.form-group-table.three th {
  width: 33%;
}
table.form-group-table.three {
  margin-top: -5px !important;
}
body.bt-settings-frame .toolbar .checkbox {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  margin: 0;
  padding-left: 0;
}
body.bt-settings-frame .toolbar .checkbox > input {
  margin-left: 0;
  margin-right: 5px;
  margin-top: 0;
}
body.bt-settings-frame .cc {
  padding-right: 22px;
}
body.bt-settings-frame ul.md-list {
  background-color: transparent;
  list-style-type: none;
  margin-bottom: 0;
  overflow: auto;
  padding: 0;
}
body.bt-settings-frame ul.md-list p.title {
  display: inline-flex;
  align-items: center;
}
body.bt-settings-frame ul.md-list p.title > span.icon-ai-assistant {
  background-image: url(images/icon-ai-star.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
}
body.bt-settings-frame ul.md-list > li {
  background-color: #FFFFFF;
  border-bottom: 1px solid #B3B3B3;
  border-right: 1px solid #B3B3B3;
  font-size: 12px;
  padding: 8px 0 7px 10px;
  position: relative;
}
body.bt-settings-frame ul.md-list > li.active,
body.bt-settings-frame ul.md-list > li.active > a {
  background-color: #F0F0F3;
  color: #222222;
  font-weight: 600;
}
body.bt-settings-frame ul.md-list > li:hover {
  background-color: #DDE7F3;
  color: #222222;
}
body.bt-settings-frame ul.md-list > li:hover p.title span,
body.bt-settings-frame ul.md-list > li:hover p.hint span {
  color: #4D4D4D;
}
body.bt-settings-frame ul.md-list > li:hover .item-controls .icon-question {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
body.bt-settings-frame ul.md-list > li .icon-linked-sm {
  position: absolute;
  right: 10px;
  top: 5px;
}
ul.md-list > li .inactive-flag {
  color: #BCABA2;
}
body.bt-settings-frame .md-form {
  background-color: #F0F0F3;
  border-left: 1px solid #B3B3B3;
  max-width: 365px;
  min-width: 365px;
  overflow-y: auto;
  padding: 10px 25px;
}
/* my company dialog */
body.bt-settings-frame .sngl-form {
  margin-top: 23px;
  /*min-height: 100%;*/
  /*overflow: hidden;*/
  width: 100%;
}
body.bt-settings-frame .mycompany-form {
  display: inline-block;
  float: left;
  padding-left: 30px;
  width: 50%;
  padding-top: 5px;
}
body.bt-settings-frame .popover ul.tooltipPwdRequirements li {
  padding-left: 0px;
  list-style-type: disc;
}
body.bt-settings-frame .mycompany-logo {
  display: inline-block;
  min-width: 50%;
  padding-left: 30px;
  padding-top: 24px;
}
body.bt-settings-frame .mycompany-logo .logo-size {
  position: absolute;
}
body.bt-settings-frame .mycompany-logo .file-upload-wrapper {
  padding-left: 75px;
}
body.bt-settings-frame .mycompany-logo .file-upload-wrapper input[type="file"] {
  opacity: 0;
  position: absolute;
  width: 74px;
}
body.bt-settings-frame .mycompany-logo .firmSettings_ImageWrapper {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  display: inline-block;
  height: 150px;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 150px;
}
body.bt-settings-frame .mycompany-logo #firmSettings_ImageWrapper_small {
  background: #FFFFFF;
  display: inline-block;
  overflow: hidden;
  position: relative;
  top: 50px;
  max-height: 50px;
  max-width: 50px;
}
#firmSettings_ImageSizeWrapper {
  padding: 0;
}
body.bt-settings-frame .mycompany-logo #firmSettings_ImageWrapper_small .icon-no-preview-available {
  height: 50px;
  width: 50px;
}
body.bt-settings-frame .mycompany-logo #firmSettings_ImageWrapper_large .icon-no-preview-available {
  height: 150px;
  width: 143px;
}
body.bt-settings-frame .mycompany-logo img.bt-menu-FirmLogo {
  height: auto;
  width: 100%;
}
body.bt-settings-frame .mycompany-logo #firmSettings_ImageWrapper_large {
  max-height: 150px;
  max-width: 150px;
  border: 1px dotted #B3B3B3;
}
/* billing information settings */
body.bt-settings-frame .bill-info ul.form-group {
  float: left;
  padding-left: 40px;
  width: 375px;
}
body.bt-settings-frame .bill-info ul.form-group > li {
  height: 56px;
  padding-bottom: 6px;
}
body.bt-settings-frame .bill-info ul.form-group > li.bill-block-title {
  height: 28px;
}
body.bt-settings-frame .bill-info ul.message {
  position: absolute;
  bottom: 0;
  margin-right: 40px;
  top: 332px;
}
body.bt-settings-frame .bill-info ul.message .alert {
  margin-bottom: 0;
}
body.bt-settings-frame .contact-info ul.form-group {
  float: left;
  padding-left: 40px;
  width: 450px;
}
body.bt-settings-frame .contact-info ul.form-group > li {
  height: 70px;
  padding-bottom: 6px;
}
body.bt-settings-frame .contact-info ul.form-group > li.bill-block-title {
  height: 28px;
}
.nav.nav-tabs.small > li.disabled > a:hover {
  color: #B3B3B3;
}
.settings-main .bt-listBox .item-controls {
  position: absolute;
  right: 25px;
  top: 9px;
}
.nav.nav-tabs > li > .invoice-configtab {
  padding: 10px 16px !important;
}
.settings-main .bt-listBox .item-controls a:hover {
  cursor: pointer;
}
.settings-main .confirmEmail {
  height: 430px;
  position: absolute;
  right: 0;
  top: -24px;
  width: 275px;
}
.settings-main .confirmEmail .sidebar {
  border-left: 1px solid #B3B3B3;
  height: 100%;
  padding: 15px 30px;
}
.settings-main .confirmEmail .sidebar a {
  text-decoration: underline;
}
.settings-main .confirmEmail .sidebar a:last-child {
  float: right;
}
.settings-main .confirmEmail .sidebar p {
  font-size: 12px;
  padding-bottom: 14px;
}
.settings-main .confirmEmail .sidebar .title {
  font-weight: 600;
}
.settings-main .confirmEmail .sidebar::before {
  background: white;
  content: "";
  display: block;
  height: 100%;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 1px;
}
.settings-main .confirmEmail .arrow {
  background: url(images/btsprite.png) no-repeat -275px -158px;
  bottom: 81px;
  display: inline-block;
  height: 19px;
  left: -13px;
  position: absolute;
  width: 15px;
  z-index: 2;
}
.bill-confirmation {
  margin: auto;
  position: relative;
  text-align: justify;
  top: 18%;
  width: 440px;
}
/* Staffer Notifications - settings window */
.staffer-notifications ul.form-group {
  float: left;
  padding: 0 40px;
}
/* The SECURITY settings pages have some special formatting */
.toolbar .securityGroupName {
  margin-left: 28px;
  width: 400px;
}
.toolbar .securityGroupName input {
  height: 25px;
  padding: 2px 12px;
  width: 300px;
}
ul.security-rights .bt-switch.btn-group {
  margin-right: 20px;
}
ul.security-rights.bt-listBox p.hint {
  margin: 15px 40px 16px 105px;
}
/* FULLSCREEN CLASS FOR SETTINGS MODALS */
body.bt-settings-frame .modal-content {
  margin: 60px auto 0 auto;
}
body.bt-settings-frame .modal-content.fullscreen {
  margin: 0 auto;
  max-height: 100%;
  min-height: 100%;
  padding: 0;
  width: 1040px;
}
body.bt-settings-frame .modal-content.fullscreen .settings-footer-toolbar {
  bottom: -35px;
}
body.bt-settings-frame .modal-content .link-fullscreen {
  position: absolute;
  right: 10px;
  top: 8px;
}
body.bt-settings-frame .modal-content .link-fullscreen-2021 {
  right: 47px;
  top: 17px;
}
body.bt-settings-frame .modal-content.fullscreen .link-data,
body.bt-settings-frame .modal-content .link-data.is-fullscreen {
  display: none;
}
body.bt-settings-frame .modal-content.fullscreen .link-data.is-fullscreen {
  display: inline;
}
/*MyAccount has some special formatting as well*/
.settings-main .account-content {
  padding: 0 45px;
}
.settings-main .account-content h6 {
  margin-bottom: 5px;
  margin-top: 15px;
}
.settings-main .section-button-container a.btn {
  bottom: 5px;
  position: absolute;
  right: 0;
  width: 100px;
}
.settings-main .section-button-container {
  border-bottom: 1px solid #B3B3B3;
  box-shadow: 0 4px 2px -3px #FFFFFF;
  padding-bottom: 5px;
  position: relative;
}
.settings-main .form-group.account-editor {
  margin-left: 100px;
  margin-top: 20px;
  width: 400px;
}
/*Vocabulary page setup*/
.settings-main.vocab-list .main-pane {
  height: 100%;
  overflow-y: auto;
}
.settings-main.vocab-list .main-pane > ul {
  margin: 0px auto;
  max-width: 530px;
}
/* Privacy page */
#privacy.settings-main .main-pane {
  height: 100%;
  overflow-y: auto;
}
#privacy.settings-main div.privacy-form ul.form-group {
  /* Don't use auto left margin to prevent presence of scrollbar from shifting contents left. */
  margin: 20px 30px 20px 30px;
}
#privacy.settings-main div.privacy-form ul.form-group li {
  padding-bottom: 0px;
}
#privacy.settings-main div.privacy-form ul.form-group li > h5 {
  color: #443E3D;
  font-weight: 600;
}
#privacy #policyTextHeading {
  margin-right: 10px;
  display: inline-block;
}
#privacy.settings-main div.privacy-form ul.form-group bt-markdown .internal-markdown-edit textarea {
  max-height: 175px;
}
#privacy.settings-main div.privacy-form ul.form-group div.markdown-text {
  max-height: none;
}
#privacy.settings-main div.privacy-form ul.form-group bt-markdown .preview-box {
  max-height: none;
}
#privacy.settings-main div.privacy-form ul.form-group div.standardPolicy {
  margin: 0px 12px 0px 12px;
}
/*Invite has some special formatting*/
.invite .settings-main .confirm {
  background-color: #B3B3B3;
  display: table;
  font-size: 14px;
  height: 427px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.invite .settings-main .confirm .confirmCloseDialog {
  margin-top: 10px;
  text-align: center;
}
.invite .settings-body .settings-sidebar {
  padding-top: 15px;
}
.invite .settings-main .centerMessage {
  display: table-cell;
  vertical-align: middle;
}
.invite .settings-body .centerMessage > p {
  margin: 0 auto;
  width: 90%;
}
.invite .settings-main .settings-footer-toolbar .inviteLoader {
  margin-left: -6px;
  margin-right: 8px;
}
#staffList .invalid {
  background-color: #FCEAE8;
}
#staffList .invalid > input {
  display: none;
}
#staffList input[type="checkbox"] {
  margin-right: 7px;
  margin-top: -5px;
  vertical-align: middle;
}
/* Invoice settings special formatting */
.tax-type-form,
.format-form {
  display: inline-block;
  float: left;
  padding: 23px 30px 30px 30px;
  width: 50%;
}
.format-form {
  padding-left: 0;
}
.securityDetail_wrapper ul.bt-listBox .btn-container,
.pdfDetail_wrapper ul.bt-listBox .btn-container,
.calcDetail_wrapper ul.bt-listBox .btn-container,
.features_wrapper ul.bt-listBox .btn-container,
.display_wrapper ul.bt-listBox .btn-container {
  display: inline-block;
  margin: 0;
  max-width: 100px;
  padding: 0;
}
.securityDetail_wrapper ul.bt-listBox p.title,
.pdfDetail_wrapper ul.bt-listBox p.title,
.calcDetail_wrapper ul.bt-listBox p.title,
.features_wrapper ul.bt-listBox p.title,
.display_wrapper ul.bt-listBox p.title {
  display: inline-block;
  line-height: 25px;
  position: relative;
}
.calcDetail_wrapper .btn-system {
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 2px;
}
.settings-main .btn-new {
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.helpIcon {
  background: url(images/gallery-sprite.png) no-repeat -106px -56px;
  display: inline-block;
  height: 14px;
  margin-bottom: -3px;
  margin-left: 5px;
  width: 13px;
}
.settings-main h6 {
  font-weight: 600;
  font-size: 13px;
  color: #222222;
  text-transform: capitalize;
}
.settings-main li > p {
  font-size: 12px;
  font-weight: 400;
}
settings-main hr {
  border-color: #B3B3B3;
}
.settings-main input + span.btn-sm {
  margin-top: 0px;
  padding-top: 6px;
}
.settings-main .btn-xs {
  background-color: #B3B3B3;
  border-color: #B3B3B3;
  color: #FFFFFF;
  border-radius: 2px !important;
  margin: 0px 2px;
}
.settings-main .btn-xs.active,
.settings-main .btn-xs:hover {
  background-color: #1F74CE;
  border-color: #1F74CE;
  color: #FFFFFF;
}
.settings-main .btn-xs.btn-off {
  margin-right: 0px;
  border-radius: 2px 0px 0px 2px !important;
}
.settings-main .btn-xs.btn-on {
  border-radius: 0px 2px 2px 0px !important;
}
.settings-main .centered {
  text-align: unset !important;
}
.settings-main ul.form-group.centered {
  margin: 0px 20px;
}
.settings-main .btn-bottom {
  margin-right: 5px;
}
body.bt-settings-frame .settings-main .toolbar .label {
  font-size: 11px;
  display: inline-block;
  margin: 0px 5px 0px 10px;
}
body.bt-settings-frame .settings-main .toolbar .selectContainer {
  max-width: 200px;
  font-size: 11px;
  display: inline-block;
}
body.bt-settings-frame .settings-main .toolbar .selectContainer:after {
  margin: 10px 2px;
}
body.bt-settings-frame .settings-main .toolbar p.btn-icon {
  padding-top: 6px;
}
body.bt-settings-frame .settings-main .toolbar > input.form-control {
  margin-top: 10px;
  border-radius: 2px;
  height: 30px;
}
body.bt-settings-frame .settings-main .toolbar > input.form-control.active,
body.bt-settings-frame .settings-main .toolbar > input.form-control:active,
body.bt-settings-frame .settings-main .toolbar > input.form-control:focus,
body.bt-settings-frame .settings-main .toolbar > input.form-control:hover {
  border-color: #1F74CE;
}
body.bt-settings-frame .settings-main .table.no-top {
  border-top: 0px;
}
body.bt-settings-frame .settings-main .invalid {
  background-color: #FCEAE8 !important;
  border: none;
}
body.bt-settings-frame .settings-main .invoice-tile-header {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 0;
  margin-right: 10px;
  align-self: center;
  margin-bottom: 0;
}
/*Calendat page special formatting*/
.settings-main.calendar .main-pane {
  overflow-y: auto;
}
.settings-main.calendar .form-group {
  width: 600px;
  margin: 0px auto;
}
.settings-main.calendar .settingsBlock label.checkbox {
  width: 32%;
  padding-left: 60px;
  vertical-align: top;
  margin-right: 0px;
  word-wrap: break-word;
}
.settings-main.calendar .settingsBlock.refreshOption .refresh {
  width: 42px;
  display: inline-block;
  margin: 0px 5px;
  text-align: center;
}
.settings-main.calendar .calLink .link {
  margin-bottom: 10px;
}
.settings-main.calendar .calLink .info {
  margin: 0px;
}
/* Other Names Table */
body.bt-settings-frame .other-names-grid-container .flex-table {
  margin-bottom: 15px;
}
body.bt-settings-frame .other-names-grid-container .flex-table .flex-tbody {
  padding-bottom: 0px;
  max-height: 300px;
}
body.bt-settings-frame .other-names-grid-container .flex-tbody .trash-container .glyphicon-trash {
  color: #B3B3B3;
}
body.bt-settings-frame .other-names-grid-container .flex-tbody .trash-container .glyphicon-trash:hover {
  cursor: pointer;
  color: #000000;
}
body.bt-settings-frame .other-names-grid-container .flex-table .flex-td {
  height: 33px;
}
body.bt-settings-frame .other-names-grid-container .flex-table .clickable:hover {
  cursor: pointer;
}
body.bt-settings-frame .other-names-grid-container .flex-table .flex-thead .flex-tr .fixed-th {
  min-width: 40px;
}
.other-names-grid-container .flex-table .flex-tbody .flex-tr .fixed-td {
  min-width: 40px;
}
.other-names-grid-container .flex-table .flex-tbody .flex-tr {
  padding-bottom: 0px;
}
.other-names-grid-container .flex-table .flex-tbody .flex-tr .trash-container .icon-trash {
  height: 100%;
  margin: 5px 0px 0px 10px;
  background-size: 80%;
}
body.bt-settings-frame .UpdateOtherNameWrapper + .modal-backdrop {
  z-index: 1045 !important;
}
/*Invoice address*/
.invoice-address ul.logo-items {
  display: -webkit-box;
  /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
  display: -moz-box;
  /* OLD: Firefox (buggy) */
  display: -ms-flexbox;
  /* MID: IE 10 */
  display: -webkit-flex;
  /* NEW, Chrome 21?28, Safari 6.1+ */
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: flex-start;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  list-style-type: none;
  list-style-position: inside;
  padding: 0px;
}
.invoice-address ul.logo-items.left #PreviewPrintLogo,
ul.logo-items.right #PreviewPrintLogo {
  max-width: 75px;
}
.invoice-address ul.logo-items .firm-address {
  font-size: 12px;
  background-color: #FFFFFF;
  padding: 3px;
  border: 1px dotted #B3B3B3;
}
.invoice-address ul.logo-items li.firm-logo {
  background-color: white;
  padding: 3px;
  border: 1px dotted #ccc;
}
.invoice-address ul.logo-items.left .firm-address {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.invoice-address ul.logo-items.left .firm-logo {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.invoice-address ul.logo-items.right .firm-address {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
  text-align: right;
}
.invoice-address ul.logo-items.right .firm-logo {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.invoice-address ul.logo-items.top .firm-address {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.invoice-address ul.logo-items.top .firm-logo {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.invoice-address ul.logo-items.top #PreviewPrintLogo,
ul.logo-items.bottom #PreviewPrintLogo {
  max-width: 150px;
}
.invoice-address ul.logo-items.top,
ul.logo-items.bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.invoice-address ul.logo-items.bottom .firm-address {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
.invoice-address ul.logo-items.bottom .firm-logo {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
}
.invoice-address ul.logo-items.solo #PreviewPrintLogo {
  max-width: 200px;
  max-height: 150px;
}
.invoice-address ul.logo-items.solo .firm-address {
  display: none;
}
.invoice-address .icon-no-preview-available {
  min-width: 74px;
  min-height: 74px;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li div.inputContainer.emailBody {
  resize: vertical;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li div.inputContainer.emailBody.invoiceReminder textarea {
  resize: vertical !important;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li div.emailReminder {
  margin: 10px 0 5px 0;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li div.emailReminder input {
  margin-bottom: 5px;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li input.emailReminderActive {
  vertical-align: middle;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li input.emailReminderDays {
  width: 40px;
  display: inline-block;
  vertical-align: baseline;
  text-align: center;
}
.bt-settings-frame div.modal-body div.settings-main div.main-pane.master-detail-frame ul.form-group li div.emailReminder textarea {
  height: 66px;
}
.settings-main .main-pane .sortable-chosen.sortable-ghost {
  opacity: 0.7 !important;
}
.settings-main .main-pane .sortable-chosen {
  opacity: 0;
}
.settings-main .main-pane .sortable-drag .bt-select ul li {
  display: none;
}
.settings-main .main-pane .icon-drag-bar {
  padding-right: 15px;
  cursor: move;
}
.settings-main .main-pane .drag-bar .fixed-top-body {
  padding-top: 3px;
}
.settings-main .main-pane > .md-list > li {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 0;
}
.holiday-content {
  display: flex;
  width: 100%;
}
.holiday-main-pane {
  margin: 12px;
  height: 440px;
}
.holiday-main-pane > div > div.btn-container {
  padding: 5px 0px;
}
.holiday-main-pane .pull-right {
  display: flex;
}
.holiday-main-pane .copy-holidays {
  margin: 4px 15px 0px 0px;
}
.holiday-main-pane .table {
  margin-top: 12px;
}
.holiday-main-pane .table-scrollable > thead > tr {
  background-color: #F0F0F3 !important;
  border-bottom: 1px solid #B3B3B3;
  display: inline-table !important;
}
.holiday-main-pane .table > thead > tr > th {
  border-bottom: none;
}
.holiday-main-pane .holiday-Dt {
  width: 20%;
}
.holiday-main-pane .holiday-Nt,
.holiday-main-pane .holiday-group {
  width: 35%;
}
.holiday-main-pane .holiday-group {
  height: initial;
}
.holiday-main-pane .holiday-group .bt_select_box.bt-multiselect {
  width: 100%;
}
.holiday-trash-cell {
  vertical-align: middle !important;
  text-align: center;
  width: 10%;
}
.holiday-sidebar .costcenter {
  display: block;
}
/* payment styles tab */
.payment-styles > h6 {
  margin-left: 20px;
}
.payment-styles-container {
  margin: 0 0 30px 20px;
  max-width: 240px;
}
.payment-styles-container > li {
  margin-left: 0;
}
.payment-styles-container > li ul.template-icons {
  padding-left: 0;
}
.payment-styles-container > li ul.template-icons li input {
  margin-right: 5px;
  margin-left: 0;
}
.payment-styles-container > li ul.template-icons li:first-child {
  padding-left: 0;
  margin: 0;
}
.payment-styles-container > li ul.template-icons li:last-child {
  margin-bottom: 0;
}
.payment-preview-container {
  margin-left: 20px;
  margin-right: 20px;
}
.payment-preview-container #iframeTarget {
  margin-top: 0;
  max-height: 387px;
}
.payment-preview-container iframe {
  pointer-events: none;
  border: 1px solid #B3B3B3;
  margin-top: 0;
  width: 1237px;
  height: 1105px;
  display: block;
  -moz-transform: scale(0.35, 0.35);
  -webkit-transform: scale(0.35, 0.35);
  -o-transform: scale(0.35, 0.35);
  -ms-transform: scale(0.35, 0.35);
  transform: scale(0.35, 0.35);
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
}
.payment-preview-link-wrapper {
  text-align: center;
}
.payment-preview-link {
  color: #1F74CE;
  text-align: center;
  margin-top: 5px;
  font-size: 13px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 55px;
  margin-right: 55px;
}
.payment-preview-link:hover {
  color: #1F74CE;
  text-decoration: underline;
}
.templateNameDialog .modal-dialog {
  width: 500px !important;
}
body.bt-settings-frame .templateNameDialog + .modal-backdrop {
  z-index: 1045 !important;
}
.colorpicker .dropdown-menu {
  background-color: #FFFFFF;
}
.colorpicker .close.close-colorpicker {
  display: none;
}
.colorpicker colorpicker-preview {
  display: none;
}
.portal-settings .inline-color-preview {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 27px;
  border-radius: 5px;
  border: 1px solid #8E8580;
}
.portal-settings .input-container3 .inline-color-preview {
  left: 78px;
}
.portal-settings .input-container2 .inline-color-preview {
  left: 93px;
  top: 32px;
}
.portal-settings .co-logo {
  max-height: 150px;
  max-width: 300px;
}
.portal-settings .color-swatch {
  width: 40px;
  height: 25px;
}
ul.payment-styles-container.form-group li > label {
  margin-left: 0;
}
i.modern-template-icon {
  width: 109px;
  height: 77px;
  border: solid 1px #979797;
  background: url(images/Wallet_Template_Icons.png) no-repeat;
  display: inline-block;
  background-size: 340px;
  background-position: -167px -182px;
  margin-bottom: 10px;
}
i.modern-template-icon.active {
  width: 109px;
  height: 77px;
  border: solid 1px #979797;
  background: url(images/Wallet_Template_Icons.png) no-repeat;
  display: inline-block;
  background-size: 340px;
  background-position: -167px -38px;
  margin-bottom: 10px;
}
i.classic-template-icon {
  width: 109px;
  height: 77px;
  border: solid 1px #979797;
  background: url(images/Wallet_Template_Icons.png) no-repeat;
  display: inline-block;
  background-size: 340px;
  background-position: -48px -182px;
  margin-bottom: 10px;
}
i.classic-template-icon.active {
  width: 109px;
  height: 77px;
  border: solid 1px #979797;
  background: url(images/Wallet_Template_Icons.png) no-repeat;
  display: inline-block;
  background-size: 340px;
  background-position: -49px -38px;
  margin-bottom: 10px;
}
body.bt-settings-frame .settings-sidebar.payment-styles-sidebar {
  margin-top: -86px;
}
body.bt-settings-frame .settings-sidebar.payment-styles-sidebar h5 {
  margin-bottom: 15px;
  padding-bottom: 12px;
}
body.bt-settings-frame .settings-sidebar.payment-styles-sidebar p {
  margin-top: 23px;
}
#invoiceDefaults ul.form-group > li > h6 {
  margin: 8px 0 4px 0;
}
#invoiceDefaults ul.form-group > li.invoiceRounding {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 0;
}
#invoiceDefaults ul.form-group > li.invoiceRounding label:first-child {
  margin-right: 20px;
}
.theme-toggle {
  position: absolute;
  left: -200;
  top: 180;
  width: 190px;
}
body.bt-settings-frame .theme-toggle h5 {
  border-top: 1px solid #B3B3B3;
  color: #222222;
  margin-top: 5px;
  font-weight: 700;
  padding-top: 10px;
}
body.bt-settings-frame .theme-name {
  font-weight: 700;
}
body.bt-settings-frame .theme-info {
  padding-bottom: 10px;
}
body.bt-settings-frame .modal-body .settings-navbar ul.fields {
  overflow-x: scroll;
  white-space: nowrap;
}
body.bt-settings-frame .modal-body .settings-navbar ul.fields > li {
  display: inline-block;
  float: none;
}
body.bt-settings-frame .modal-body .settings-navbar.tall {
  min-height: 90px;
}
body.bt-settings-frame .settings-sidebar .privacy-sidebar-body {
  min-height: 325px;
}
.privacy-bt-switch {
  margin: auto !important;
}
.calc-margin-align {
  margin-left: 60px !important;
}
/***********USER RIGHTS PERMISSION GROUP CSS*************/
.security-group-toolbar {
  margin-bottom: 0px;
}
.securityDetail_wrapper .form-group {
  margin-bottom: 0px;
}
ul.md-list.permissions-list > li:last-child {
  border-bottom: none !important;
}
ul.bt-listBox > li.permissionGroup-container {
  padding: 0px;
  cursor: pointer;
}
ul.bt-listBox > li.permissionGroup-container ul.bt-listBox > li {
  background-color: #FFFFFF;
}
.permissionGroup-name .icon-minus {
  margin: 10px 0px;
}
.permissionGroup-name {
  font-size: 12px;
  padding: 10px;
}
.permissionGroup-name:hover,
.permissionGroup-name.active {
  background-color: #F0F0F3;
  color: #4D4D4D;
}
.permissionGroup-name.active + ul.bt-listBox > li:hover {
  background-color: #DDE7F3;
}
.permissionGroup-name.active + ul.bt-listBox > li:hover p.title .entry-name,
.permissionGroup-name.active + ul.bt-listBox > li:hover p.hint {
  color: #4D4D4D;
}
.permissionSubGroup-name {
  font-size: 12px;
  padding: 10px 20px;
  border-bottom: 1px solid #B3B3B3;
  background-color: #FFFFFF;
}
ul.bt-listBox.subgroup > li {
  padding: 5px 20px;
}
ul.bt-listBox > li > ul.subgroup > li:hover {
  background-color: #DDE7F3;
  cursor: pointer;
}
ul.bt-listBox > li > ul.subgroup > li:hover .entry-name,
ul.bt-listBox > li > ul.subgroup > li:hover p.hint {
  color: #4D4D4D;
}
ul.bt-listBox > li > ul.subgroup > li:hover .item-controls .icon-question {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.permission-checkbox-list {
  padding-left: 30px;
}
.permission-checkbox-item {
  padding-left: 30px;
}
bt-settings-frame .bt-icon-info-sm {
  -ms-opacity: 0.3;
  margin-left: -2px;
  opacity: 0.3;
  vertical-align: middle;
}
.permissionGroup-container > .list-inline > li {
  width: 25%;
}
ul.sg-list.permissions-list > li:last-child {
  border-bottom: none !important;
}
.settings-main .table > tbody > tr > td {
  background-color: #FFFFFF;
}
/***********END USER RIGHTS PERMISSION GROUP CSS*************/
/***********DISPLAY SETTINGS CSS*************/
.display-checkbox-item {
  padding-left: 30px;
}
.settings-main .display_wrapper .disabled-setting {
  opacity: 0.6;
  cursor: not-allowed;
}
.display_wrapper {
  height: 190px;
  width: 500px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 30px;
}
.display_wrapper > * {
  flex: 1 1 20px;
}
.display_wrapper .checkbox {
  width: 120px;
}
.reminder-block {
  display: flex;
}
.reminder-folder-title {
  padding-left: 20px;
}
.reminder-folder {
  background: #F0F0F3;
  border: 1px solid #B3B3B3;
  border-radius: 4px;
  padding: 10px 10px 5px 0px;
}
.reminder-folder-icon {
  margin-left: 500px;
}
/***********END DISPLAY SETTINGS CSS*************/
/***********EDIT EXPENSE DIALOG*************/
.editExpenseDetail.modal .modal-dialog {
  width: fit-content !important;
  margin: 30px auto;
}
.editExpenseDetail.modal .edit-exchange-value {
  width: 100%;
}
.editExpenseDetail.modal .bt-slider-switch {
  margin: auto 0 auto auto;
}
/***********END EDIT EXPENSE DIALOG*************/
/*********** USER PROFILE SETTINGS *************/
.external-password-button {
  height: 40px;
  display: flex;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  width: 44%;
}
/*********** END USER PROFILE SETTINGS *************/
/**statusindicators*/
.statusIndicator {
  border: 1px solid #4D4D4D;
  border-radius: 4px;
  padding: 4px 8px;
  background-color: #E6E6E6;
}
.statusIndicator.statusBlue {
  border-color: #1F74CE;
  background-color: #E5F0FD;
}
.statusIndicator.statusGreen {
  border-color: #33995E;
  background-color: #ECF8F1;
}
.statusIndicator.statusYellow {
  border-color: #EEAB00;
  background-color: #FFF5DB;
}
.statusIndicator.statusRed {
  border-color: #DC2F18;
  background-color: #FCEAE8;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.material-symbols-outlined {
  font-size: 22px;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' -25, 'opsz' 48;
}
i.iconic {
  display: inline-block;
  width: 24px;
  height: 24px;
}
i.iconic.sm {
  width: 16px;
  height: 16px;
}
.btn > .iconic {
  width: 16px;
  height: 16px;
  margin-top: -2px;
  margin-right: -1px;
}
.iconic.home {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M10.121,0.879a3,3,0,0,0-4.243,0L1,5.757V15H15V5.757ZM6.157,14V9.392a1.843,1.843,0,1,1,3.686,0V14H6.157ZM14,14H10.843V9.392a2.843,2.843,0,0,0-5.686,0V14H2V6.172L6.586,1.586a2,2,0,0,1,2.828,0L14,6.172V14Z"/%3E%3C/svg%3E');
}
.iconic.home.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M10.121,0.879a3,3,0,0,0-4.243,0L1,5.757V15H15V5.757ZM6.157,14V9.392a1.843,1.843,0,1,1,3.686,0V14H6.157ZM14,14H10.843V9.392a2.843,2.843,0,0,0-5.686,0V14H2V6.172L6.586,1.586a2,2,0,0,1,2.828,0L14,6.172V14Z"/%3E%3C/svg%3E');
}
.iconic.home.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M10.121,0.879a3,3,0,0,0-4.243,0L1,5.757V15H15V5.757ZM6.157,14V9.392a1.843,1.843,0,1,1,3.686,0V14H6.157ZM14,14H10.843V9.392a2.843,2.843,0,0,0-5.686,0V14H2V6.172L6.586,1.586a2,2,0,0,1,2.828,0L14,6.172V14Z"/%3E%3C/svg%3E');
}
.btn .iconic.home {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23ffffff" d="M10.121,0.879a3,3,0,0,0-4.243,0L1,5.757V15H15V5.757ZM6.157,14V9.392a1.843,1.843,0,1,1,3.686,0V14H6.157ZM14,14H10.843V9.392a2.843,2.843,0,0,0-5.686,0V14H2V6.172L6.586,1.586a2,2,0,0,1,2.828,0L14,6.172V14Z"/%3E%3C/svg%3E');
}
.iconic.settings {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M8,5.191a2.943,2.943,0,1,0,2.943,2.943A2.946,2.946,0,0,0,8,5.191ZM8,10.1A1.962,1.962,0,1,1,9.962,8.134,1.964,1.964,0,0,1,8,10.1Z"/%3E%3Cpath d="M12,1.206H4l-0.035.061L3.717,1.7,0,8.134l4,6.928h8l3.434-5.947,0.283-.49L16,8.134ZM11.434,14.081H4.566L1.133,8.134,4.566,2.187h6.867l3.434,5.947Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.settings.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M8,5.191a2.943,2.943,0,1,0,2.943,2.943A2.946,2.946,0,0,0,8,5.191ZM8,10.1A1.962,1.962,0,1,1,9.962,8.134,1.964,1.964,0,0,1,8,10.1Z"/%3E%3Cpath fill="%2311A8B4" d="M12,1.206H4l-0.035.061L3.717,1.7,0,8.134l4,6.928h8l3.434-5.947,0.283-.49L16,8.134ZM11.434,14.081H4.566L1.133,8.134,4.566,2.187h6.867l3.434,5.947Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.settings:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M8,5.191a2.943,2.943,0,1,0,2.943,2.943A2.946,2.946,0,0,0,8,5.191ZM8,10.1A1.962,1.962,0,1,1,9.962,8.134,1.964,1.964,0,0,1,8,10.1Z"/%3E%3Cpath fill="%230E8F99" d="M12,1.206H4l-0.035.061L3.717,1.7,0,8.134l4,6.928h8l3.434-5.947,0.283-.49L16,8.134ZM11.434,14.081H4.566L1.133,8.134,4.566,2.187h6.867l3.434,5.947Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.settings {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M8,5.191a2.943,2.943,0,1,0,2.943,2.943A2.946,2.946,0,0,0,8,5.191ZM8,10.1A1.962,1.962,0,1,1,9.962,8.134,1.964,1.964,0,0,1,8,10.1Z"/%3E%3Cpath fill="%23FFFFFF" d="M12,1.206H4l-0.035.061L3.717,1.7,0,8.134l4,6.928h8l3.434-5.947,0.283-.49L16,8.134ZM11.434,14.081H4.566L1.133,8.134,4.566,2.187h6.867l3.434,5.947Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.timer {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M8,2a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,2ZM8,15a6,6,0,1,1,6-6A6,6,0,0,1,8,15Z"/%3E%3Cpath d="M8,7.5a1.482,1.482,0,0,0-.652.155L5.026,5.334l-0.707.707L6.645,8.367A1.484,1.484,0,0,0,6.5,9,1.5,1.5,0,1,0,8,7.5Zm0,2A0.5,0.5,0,1,1,8.5,9,0.5,0.5,0,0,1,8,9.5Z"/%3E%3Crect x="7" width="2" height="1"/%3E%3Crect x="0.982" y="2.483" width="2" height="1" transform="translate(-1.528 2.276) rotate(-45)"/%3E%3Crect x="13.495" y="2.005" width="1" height="2" transform="translate(1.975 10.776) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.timer.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M8,2a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,2ZM8,15a6,6,0,1,1,6-6A6,6,0,0,1,8,15Z"/%3E%3Cpath fill="%2311A8B4" d="M8,7.5a1.482,1.482,0,0,0-.652.155L5.026,5.334l-0.707.707L6.645,8.367A1.484,1.484,0,0,0,6.5,9,1.5,1.5,0,1,0,8,7.5Zm0,2A0.5,0.5,0,1,1,8.5,9,0.5,0.5,0,0,1,8,9.5Z"/%3E%3Crect fill="%2311A8B4" x="7" width="2" height="1"/%3E%3Crect fill="%2311A8B4" x="0.982" y="2.483" width="2" height="1" transform="translate(-1.528 2.276) rotate(-45)"/%3E%3Crect fill="%2311A8B4" x="13.495" y="2.005" width="1" height="2" transform="translate(1.975 10.776) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.timer.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M8,2a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,2ZM8,15a6,6,0,1,1,6-6A6,6,0,0,1,8,15Z"/%3E%3Cpath fill="%230E8F99" d="M8,7.5a1.482,1.482,0,0,0-.652.155L5.026,5.334l-0.707.707L6.645,8.367A1.484,1.484,0,0,0,6.5,9,1.5,1.5,0,1,0,8,7.5Zm0,2A0.5,0.5,0,1,1,8.5,9,0.5,0.5,0,0,1,8,9.5Z"/%3E%3Crect fill="%230E8F99" x="7" width="2" height="1"/%3E%3Crect fill="%230E8F99" x="0.982" y="2.483" width="2" height="1" transform="translate(-1.528 2.276) rotate(-45)"/%3E%3Crect fill="%230E8F99" x="13.495" y="2.005" width="1" height="2" transform="translate(1.975 10.776) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.timer {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M8,2a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,2ZM8,15a6,6,0,1,1,6-6A6,6,0,0,1,8,15Z"/%3E%3Cpath fill="%23FFFFFF" d="M8,7.5a1.482,1.482,0,0,0-.652.155L5.026,5.334l-0.707.707L6.645,8.367A1.484,1.484,0,0,0,6.5,9,1.5,1.5,0,1,0,8,7.5Zm0,2A0.5,0.5,0,1,1,8.5,9,0.5,0.5,0,0,1,8,9.5Z"/%3E%3Crect fill="%23FFFFFF" x="7" width="2" height="1"/%3E%3Crect fill="%23FFFFFF" x="0.982" y="2.483" width="2" height="1" transform="translate(-1.528 2.276) rotate(-45)"/%3E%3Crect fill="%23FFFFFF" x="13.495" y="2.005" width="1" height="2" transform="translate(1.975 10.776) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.help {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M9.666,4.748a2.725,2.725,0,0,0-1.659-.479,2.7,2.7,0,0,0-1.629.478,2.127,2.127,0,0,0-.836,1.3l-0.016.072L6.438,6.634l0.02-.147a1.406,1.406,0,0,1,.468-0.93,1.509,1.509,0,0,1,1.021-.34,1.646,1.646,0,0,1,1,.258,0.816,0.816,0,0,1,.326.689,0.885,0.885,0,0,1-.394.785,3.525,3.525,0,0,1-1.414.432l-0.085.013V9.076H8.42V8a2.476,2.476,0,0,0,1.345-.567,1.737,1.737,0,0,0,.559-1.366A1.564,1.564,0,0,0,9.666,4.748Z"/%3E%3Cpath d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Ccircle cx="8" cy="10.75" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.help.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M9.666,4.748a2.725,2.725,0,0,0-1.659-.479,2.7,2.7,0,0,0-1.629.478,2.127,2.127,0,0,0-.836,1.3l-0.016.072L6.438,6.634l0.02-.147a1.406,1.406,0,0,1,.468-0.93,1.509,1.509,0,0,1,1.021-.34,1.646,1.646,0,0,1,1,.258,0.816,0.816,0,0,1,.326.689,0.885,0.885,0,0,1-.394.785,3.525,3.525,0,0,1-1.414.432l-0.085.013V9.076H8.42V8a2.476,2.476,0,0,0,1.345-.567,1.737,1.737,0,0,0,.559-1.366A1.564,1.564,0,0,0,9.666,4.748Z"/%3E%3Cpath fill="%2311A8B4" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Ccircle fill="%2311A8B4" cx="8" cy="10.75" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.help.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M9.666,4.748a2.725,2.725,0,0,0-1.659-.479,2.7,2.7,0,0,0-1.629.478,2.127,2.127,0,0,0-.836,1.3l-0.016.072L6.438,6.634l0.02-.147a1.406,1.406,0,0,1,.468-0.93,1.509,1.509,0,0,1,1.021-.34,1.646,1.646,0,0,1,1,.258,0.816,0.816,0,0,1,.326.689,0.885,0.885,0,0,1-.394.785,3.525,3.525,0,0,1-1.414.432l-0.085.013V9.076H8.42V8a2.476,2.476,0,0,0,1.345-.567,1.737,1.737,0,0,0,.559-1.366A1.564,1.564,0,0,0,9.666,4.748Z"/%3E%3Cpath fill="%230E8F99" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Ccircle fill="%230E8F99" cx="8" cy="10.75" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
btn .iconic.help {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M9.666,4.748a2.725,2.725,0,0,0-1.659-.479,2.7,2.7,0,0,0-1.629.478,2.127,2.127,0,0,0-.836,1.3l-0.016.072L6.438,6.634l0.02-.147a1.406,1.406,0,0,1,.468-0.93,1.509,1.509,0,0,1,1.021-.34,1.646,1.646,0,0,1,1,.258,0.816,0.816,0,0,1,.326.689,0.885,0.885,0,0,1-.394.785,3.525,3.525,0,0,1-1.414.432l-0.085.013V9.076H8.42V8a2.476,2.476,0,0,0,1.345-.567,1.737,1.737,0,0,0,.559-1.366A1.564,1.564,0,0,0,9.666,4.748Z"/%3E%3Cpath fill="%23FFFFFF" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Ccircle fill="%23FFFFFF" cx="8" cy="10.75" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.account {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M8,9.1a3,3,0,0,0,3-3V4A3,3,0,0,0,5,4V6.1A3,3,0,0,0,8,9.1ZM6,4a2,2,0,0,1,4,0V6.1a2,2,0,0,1-4,0V4Z"/%3E%3Cpath d="M12,10H4a3,3,0,0,0-3,3v2H15V13A3,3,0,0,0,12,10Zm2,4H2V13a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v1Z"/%3E%3C/svg%3E%0A');
}
.iconic.account.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M8,9.1a3,3,0,0,0,3-3V4A3,3,0,0,0,5,4V6.1A3,3,0,0,0,8,9.1ZM6,4a2,2,0,0,1,4,0V6.1a2,2,0,0,1-4,0V4Z"/%3E%3Cpath fill="%2311A8B4" d="M12,10H4a3,3,0,0,0-3,3v2H15V13A3,3,0,0,0,12,10Zm2,4H2V13a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v1Z"/%3E%3C/svg%3E%0A');
}
.iconic.account.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M8,9.1a3,3,0,0,0,3-3V4A3,3,0,0,0,5,4V6.1A3,3,0,0,0,8,9.1ZM6,4a2,2,0,0,1,4,0V6.1a2,2,0,0,1-4,0V4Z"/%3E%3Cpath fill="%230E8F99" d="M12,10H4a3,3,0,0,0-3,3v2H15V13A3,3,0,0,0,12,10Zm2,4H2V13a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v1Z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.account {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M8,9.1a3,3,0,0,0,3-3V4A3,3,0,0,0,5,4V6.1A3,3,0,0,0,8,9.1ZM6,4a2,2,0,0,1,4,0V6.1a2,2,0,0,1-4,0V4Z"/%3E%3Cpath fill="%23FFFFFF" d="M12,10H4a3,3,0,0,0-3,3v2H15V13A3,3,0,0,0,12,10Zm2,4H2V13a2,2,0,0,1,2-2h8a2,2,0,0,1,2,2v1Z"/%3E%3C/svg%3E%0A');
}
.iconic.print {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M13,6V0H3V6H0v5a3,3,0,0,0,3,3v2H13V14a3,3,0,0,0,3-3V6H13ZM4,1h8V6H4V1Zm8,14H4V10h8v5Zm3-4a2,2,0,0,1-2,2V9H3v4a2,2,0,0,1-2-2V7H15v4Z"/%3E%3C/svg%3E%0A');
}
.iconic.print.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M13,6V0H3V6H0v5a3,3,0,0,0,3,3v2H13V14a3,3,0,0,0,3-3V6H13ZM4,1h8V6H4V1Zm8,14H4V10h8v5Zm3-4a2,2,0,0,1-2,2V9H3v4a2,2,0,0,1-2-2V7H15v4Z"/%3E%3C/svg%3E%0A');
}
.iconic.print.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M13,6V0H3V6H0v5a3,3,0,0,0,3,3v2H13V14a3,3,0,0,0,3-3V6H13ZM4,1h8V6H4V1Zm8,14H4V10h8v5Zm3-4a2,2,0,0,1-2,2V9H3v4a2,2,0,0,1-2-2V7H15v4Z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.print {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M13,6V0H3V6H0v5a3,3,0,0,0,3,3v2H13V14a3,3,0,0,0,3-3V6H13ZM4,1h8V6H4V1Zm8,14H4V10h8v5Zm3-4a2,2,0,0,1-2,2V9H3v4a2,2,0,0,1-2-2V7H15v4Z"/%3E%3C/svg%3E%0A');
}
.iconic.link {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M7.4,11.8L4.84,14.355a2.212,2.212,0,0,1-3.128-3.128L4.269,8.671A2.2,2.2,0,0,1,5.8,8.027l-0.016-1a3.194,3.194,0,0,0-2.22.938L1,10.521a3.212,3.212,0,0,0,4.542,4.542L8.1,12.506a3.219,3.219,0,0,0,.934-2.424l-1,.047A2.218,2.218,0,0,1,7.4,11.8Z"/%3E%3Cpath d="M15,1.073a3.216,3.216,0,0,0-4.542,0L7.9,3.629A3.2,3.2,0,0,0,6.973,6.2l1-.092A2.208,2.208,0,0,1,8.6,4.336L11.16,1.78a2.212,2.212,0,1,1,3.128,3.128L11.731,7.464a2.2,2.2,0,0,1-1.564.645v1a3.189,3.189,0,0,0,2.271-.937L15,5.615A3.216,3.216,0,0,0,15,1.073Z"/%3E%3Crect x="3.461" y="7.568" width="9.079" height="1" transform="translate(-3.362 8.02) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.link.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M7.4,11.8L4.84,14.355a2.212,2.212,0,0,1-3.128-3.128L4.269,8.671A2.2,2.2,0,0,1,5.8,8.027l-0.016-1a3.194,3.194,0,0,0-2.22.938L1,10.521a3.212,3.212,0,0,0,4.542,4.542L8.1,12.506a3.219,3.219,0,0,0,.934-2.424l-1,.047A2.218,2.218,0,0,1,7.4,11.8Z"/%3E%3Cpath fill="%2311A8B4" d="M15,1.073a3.216,3.216,0,0,0-4.542,0L7.9,3.629A3.2,3.2,0,0,0,6.973,6.2l1-.092A2.208,2.208,0,0,1,8.6,4.336L11.16,1.78a2.212,2.212,0,1,1,3.128,3.128L11.731,7.464a2.2,2.2,0,0,1-1.564.645v1a3.189,3.189,0,0,0,2.271-.937L15,5.615A3.216,3.216,0,0,0,15,1.073Z"/%3E%3Crect fill="%2311A8B4" x="3.461" y="7.568" width="9.079" height="1" transform="translate(-3.362 8.02) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.link.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M7.4,11.8L4.84,14.355a2.212,2.212,0,0,1-3.128-3.128L4.269,8.671A2.2,2.2,0,0,1,5.8,8.027l-0.016-1a3.194,3.194,0,0,0-2.22.938L1,10.521a3.212,3.212,0,0,0,4.542,4.542L8.1,12.506a3.219,3.219,0,0,0,.934-2.424l-1,.047A2.218,2.218,0,0,1,7.4,11.8Z"/%3E%3Cpath fill="%230E8F99" d="M15,1.073a3.216,3.216,0,0,0-4.542,0L7.9,3.629A3.2,3.2,0,0,0,6.973,6.2l1-.092A2.208,2.208,0,0,1,8.6,4.336L11.16,1.78a2.212,2.212,0,1,1,3.128,3.128L11.731,7.464a2.2,2.2,0,0,1-1.564.645v1a3.189,3.189,0,0,0,2.271-.937L15,5.615A3.216,3.216,0,0,0,15,1.073Z"/%3E%3Crect fill="%230E8F99" x="3.461" y="7.568" width="9.079" height="1" transform="translate(-3.362 8.02) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.link {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M7.4,11.8L4.84,14.355a2.212,2.212,0,0,1-3.128-3.128L4.269,8.671A2.2,2.2,0,0,1,5.8,8.027l-0.016-1a3.194,3.194,0,0,0-2.22.938L1,10.521a3.212,3.212,0,0,0,4.542,4.542L8.1,12.506a3.219,3.219,0,0,0,.934-2.424l-1,.047A2.218,2.218,0,0,1,7.4,11.8Z"/%3E%3Cpath fill="%23FFFFFF" d="M15,1.073a3.216,3.216,0,0,0-4.542,0L7.9,3.629A3.2,3.2,0,0,0,6.973,6.2l1-.092A2.208,2.208,0,0,1,8.6,4.336L11.16,1.78a2.212,2.212,0,1,1,3.128,3.128L11.731,7.464a2.2,2.2,0,0,1-1.564.645v1a3.189,3.189,0,0,0,2.271-.937L15,5.615A3.216,3.216,0,0,0,15,1.073Z"/%3E%3Crect fill="%23FFFFFF" x="3.461" y="7.568" width="9.079" height="1" transform="translate(-3.362 8.02) rotate(-45)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.pay {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M2,1V3H1V5H0v9H14V12h1V10h1V1H2ZM13,13H1V12H13v1Zm1-2H2V10H14v1Zm1-2H3V2H15V9Z"/%3E%3Cpath d="M9,8A2.5,2.5,0,1,0,6.5,5.5,2.5,2.5,0,0,0,9,8ZM9,4A1.5,1.5,0,1,1,7.5,5.5,1.5,1.5,0,0,1,9,4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.pay.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M2,1V3H1V5H0v9H14V12h1V10h1V1H2ZM13,13H1V12H13v1Zm1-2H2V10H14v1Zm1-2H3V2H15V9Z"/%3E%3Cpath fill="%2311A8B4" d="M9,8A2.5,2.5,0,1,0,6.5,5.5,2.5,2.5,0,0,0,9,8ZM9,4A1.5,1.5,0,1,1,7.5,5.5,1.5,1.5,0,0,1,9,4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.pay.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M2,1V3H1V5H0v9H14V12h1V10h1V1H2ZM13,13H1V12H13v1Zm1-2H2V10H14v1Zm1-2H3V2H15V9Z"/%3E%3Cpath fill="%230E8F99" d="M9,8A2.5,2.5,0,1,0,6.5,5.5,2.5,2.5,0,0,0,9,8ZM9,4A1.5,1.5,0,1,1,7.5,5.5,1.5,1.5,0,0,1,9,4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.pay {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M2,1V3H1V5H0v9H14V12h1V10h1V1H2ZM13,13H1V12H13v1Zm1-2H2V10H14v1Zm1-2H3V2H15V9Z"/%3E%3Cpath fill="%23FFFFFF" d="M9,8A2.5,2.5,0,1,0,6.5,5.5,2.5,2.5,0,0,0,9,8ZM9,4A1.5,1.5,0,1,1,7.5,5.5,1.5,1.5,0,0,1,9,4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.email {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M14.025,7.113L3,1.234A2.021,2.021,0,0,0,2.063,1a2.065,2.065,0,0,0-1.617.809A2.146,2.146,0,0,0,.072,3.676l0.01,0.037L0.094,3.749,1.557,8,0.151,12.241a2.165,2.165,0,0,0,.338,1.935A2.063,2.063,0,0,0,2.117,15a2.006,2.006,0,0,0,.925-0.227l10.985-5.9,1.647-.884ZM1.04,3.424A1.114,1.114,0,0,1,2.063,2a1.017,1.017,0,0,1,.468.116L12.616,7.5H2.441Zm1.545,10.46A1.018,1.018,0,0,1,2.117,14,1.115,1.115,0,0,1,1.1,12.556L2.447,8.5H12.623Z"/%3E%3C/svg%3E%0A');
}
.iconic.email.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M14.025,7.113L3,1.234A2.021,2.021,0,0,0,2.063,1a2.065,2.065,0,0,0-1.617.809A2.146,2.146,0,0,0,.072,3.676l0.01,0.037L0.094,3.749,1.557,8,0.151,12.241a2.165,2.165,0,0,0,.338,1.935A2.063,2.063,0,0,0,2.117,15a2.006,2.006,0,0,0,.925-0.227l10.985-5.9,1.647-.884ZM1.04,3.424A1.114,1.114,0,0,1,2.063,2a1.017,1.017,0,0,1,.468.116L12.616,7.5H2.441Zm1.545,10.46A1.018,1.018,0,0,1,2.117,14,1.115,1.115,0,0,1,1.1,12.556L2.447,8.5H12.623Z"/%3E%3C/svg%3E%0A');
}
.iconic.email.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M14.025,7.113L3,1.234A2.021,2.021,0,0,0,2.063,1a2.065,2.065,0,0,0-1.617.809A2.146,2.146,0,0,0,.072,3.676l0.01,0.037L0.094,3.749,1.557,8,0.151,12.241a2.165,2.165,0,0,0,.338,1.935A2.063,2.063,0,0,0,2.117,15a2.006,2.006,0,0,0,.925-0.227l10.985-5.9,1.647-.884ZM1.04,3.424A1.114,1.114,0,0,1,2.063,2a1.017,1.017,0,0,1,.468.116L12.616,7.5H2.441Zm1.545,10.46A1.018,1.018,0,0,1,2.117,14,1.115,1.115,0,0,1,1.1,12.556L2.447,8.5H12.623Z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.email {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M14.025,7.113L3,1.234A2.021,2.021,0,0,0,2.063,1a2.065,2.065,0,0,0-1.617.809A2.146,2.146,0,0,0,.072,3.676l0.01,0.037L0.094,3.749,1.557,8,0.151,12.241a2.165,2.165,0,0,0,.338,1.935A2.063,2.063,0,0,0,2.117,15a2.006,2.006,0,0,0,.925-0.227l10.985-5.9,1.647-.884ZM1.04,3.424A1.114,1.114,0,0,1,2.063,2a1.017,1.017,0,0,1,.468.116L12.616,7.5H2.441Zm1.545,10.46A1.018,1.018,0,0,1,2.117,14,1.115,1.115,0,0,1,1.1,12.556L2.447,8.5H12.623Z"/%3E%3C/svg%3E%0A');
}
.iconic.upload {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon points="11 9.5 8 6.5 5 9.5 7.5 9.5 7.5 16 8.5 16 8.5 9.5 11 9.5"/%3E%3Cpath d="M12.963,4.13a4.482,4.482,0,0,0-8.217-2.1A4.99,4.99,0,0,0,5,12H6V11H5a3.99,3.99,0,0,1-.2-7.976L5.3,3A3.642,3.642,0,0,1,8.5,1a3.467,3.467,0,0,1,3.466,3.212l0.059,0.715,0.7,0.173A2.993,2.993,0,0,1,12,11H10v1h2A3.993,3.993,0,0,0,12.963,4.13Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.upload.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%2311A8B4" points="11 9.5 8 6.5 5 9.5 7.5 9.5 7.5 16 8.5 16 8.5 9.5 11 9.5"/%3E%3Cpath fill="%2311A8B4" d="M12.963,4.13a4.482,4.482,0,0,0-8.217-2.1A4.99,4.99,0,0,0,5,12H6V11H5a3.99,3.99,0,0,1-.2-7.976L5.3,3A3.642,3.642,0,0,1,8.5,1a3.467,3.467,0,0,1,3.466,3.212l0.059,0.715,0.7,0.173A2.993,2.993,0,0,1,12,11H10v1h2A3.993,3.993,0,0,0,12.963,4.13Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.upload.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%230E8F99" points="11 9.5 8 6.5 5 9.5 7.5 9.5 7.5 16 8.5 16 8.5 9.5 11 9.5"/%3E%3Cpath fill="%230E8F99" d="M12.963,4.13a4.482,4.482,0,0,0-8.217-2.1A4.99,4.99,0,0,0,5,12H6V11H5a3.99,3.99,0,0,1-.2-7.976L5.3,3A3.642,3.642,0,0,1,8.5,1a3.467,3.467,0,0,1,3.466,3.212l0.059,0.715,0.7,0.173A2.993,2.993,0,0,1,12,11H10v1h2A3.993,3.993,0,0,0,12.963,4.13Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.upload {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%23FFFFFF" points="11 9.5 8 6.5 5 9.5 7.5 9.5 7.5 16 8.5 16 8.5 9.5 11 9.5"/%3E%3Cpath fill="%23FFFFFF" d="M12.963,4.13a4.482,4.482,0,0,0-8.217-2.1A4.99,4.99,0,0,0,5,12H6V11H5a3.99,3.99,0,0,1-.2-7.976L5.3,3A3.642,3.642,0,0,1,8.5,1a3.467,3.467,0,0,1,3.466,3.212l0.059,0.715,0.7,0.173A2.993,2.993,0,0,1,12,11H10v1h2A3.993,3.993,0,0,0,12.963,4.13Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.inbox {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon points="8 9 11 6 8.5 6 8.5 0 7.5 0 7.5 6 5 6 8 9"/%3E%3Cpath d="M10.893,8V9a1,1,0,0,1-1,1H6A1,1,0,0,1,5,9V8H0v5a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V8H10.893ZM15,13a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V9H4a2,2,0,0,0,2,2H9.893a2,2,0,0,0,2-2H15v4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.inbox.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%2311A8B4" points="8 9 11 6 8.5 6 8.5 0 7.5 0 7.5 6 5 6 8 9"/%3E%3Cpath fill="%2311A8B4" d="M10.893,8V9a1,1,0,0,1-1,1H6A1,1,0,0,1,5,9V8H0v5a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V8H10.893ZM15,13a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V9H4a2,2,0,0,0,2,2H9.893a2,2,0,0,0,2-2H15v4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.inbox.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%230E8F99" points="8 9 11 6 8.5 6 8.5 0 7.5 0 7.5 6 5 6 8 9"/%3E%3Cpath fill="%230E8F99" d="M10.893,8V9a1,1,0,0,1-1,1H6A1,1,0,0,1,5,9V8H0v5a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V8H10.893ZM15,13a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V9H4a2,2,0,0,0,2,2H9.893a2,2,0,0,0,2-2H15v4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.inbox {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon fill="%23FFFFFF" points="8 9 11 6 8.5 6 8.5 0 7.5 0 7.5 6 5 6 8 9"/%3E%3Cpath fill="%23FFFFFF" d="M10.893,8V9a1,1,0,0,1-1,1H6A1,1,0,0,1,5,9V8H0v5a3,3,0,0,0,3,3H13a3,3,0,0,0,3-3V8H10.893ZM15,13a2,2,0,0,1-2,2H3a2,2,0,0,1-2-2V9H4a2,2,0,0,0,2,2H9.893a2,2,0,0,0,2-2H15v4Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.info {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Crect x="7.5" y="7.351" width="1" height="4.649"/%3E%3Ccircle cx="8" cy="5.25" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.info.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Crect fill="%2311A8B4" x="7.5" y="7.351" width="1" height="4.649"/%3E%3Ccircle fill="%2311A8B4" cx="8" cy="5.25" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.info.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%230E8F99" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Crect fill="%230E8F99" x="7.5" y="7.351" width="1" height="4.649"/%3E%3Ccircle fill="%230E8F99" cx="8" cy="5.25" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.info {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath fill="%23FFFFFF" d="M8,1a7,7,0,1,0,7,7A7.008,7.008,0,0,0,8,1ZM8,14a6,6,0,1,1,6-6A6,6,0,0,1,8,14Z"/%3E%3Crect fill="%23FFFFFF" x="7.5" y="7.351" width="1" height="4.649"/%3E%3Ccircle fill="%23FFFFFF" cx="8" cy="5.25" r="0.75"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.trash {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M1.9,4l0.93,9.3A2.991,2.991,0,0,0,5.81,16h4.38a2.991,2.991,0,0,0,2.985-2.7L14.1,4H1.9ZM12.18,13.2A2,2,0,0,1,10.19,15H5.81a2,2,0,0,1-1.99-1.8L3,5H13Z"/%3E%3Crect x="1.724" y="1.207" width="12.382" height="1.001" transform="translate(-0.178 1.449) rotate(-10.345)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.trash.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Cpath d="M1.9,4l0.93,9.3A2.991,2.991,0,0,0,5.81,16h4.38a2.991,2.991,0,0,0,2.985-2.7L14.1,4H1.9ZM12.18,13.2A2,2,0,0,1,10.19,15H5.81a2,2,0,0,1-1.99-1.8L3,5H13Z"/%3E%3Crect x="1.724" y="1.207" width="12.382" height="1.001" transform="translate(-0.178 1.449) rotate(-10.345)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.trash.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99" %3E%3Cpath d="M1.9,4l0.93,9.3A2.991,2.991,0,0,0,5.81,16h4.38a2.991,2.991,0,0,0,2.985-2.7L14.1,4H1.9ZM12.18,13.2A2,2,0,0,1,10.19,15H5.81a2,2,0,0,1-1.99-1.8L3,5H13Z"/%3E%3Crect x="1.724" y="1.207" width="12.382" height="1.001" transform="translate(-0.178 1.449) rotate(-10.345)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.trash {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Cpath d="M1.9,4l0.93,9.3A2.991,2.991,0,0,0,5.81,16h4.38a2.991,2.991,0,0,0,2.985-2.7L14.1,4H1.9ZM12.18,13.2A2,2,0,0,1,10.19,15H5.81a2,2,0,0,1-1.99-1.8L3,5H13Z"/%3E%3Crect x="1.724" y="1.207" width="12.382" height="1.001" transform="translate(-0.178 1.449) rotate(-10.345)"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.date {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Cpolygon points="7.854 10.854 9.25 9.457 10.646 10.854 11.354 10.146 9.957 8.75 11.354 7.354 10.646 6.646 9.25 8.043 7.854 6.646 7.146 7.354 8.543 8.75 7.146 10.146 7.854 10.854"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.date.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Cpolygon points="7.854 10.854 9.25 9.457 10.646 10.854 11.354 10.146 9.957 8.75 11.354 7.354 10.646 6.646 9.25 8.043 7.854 6.646 7.146 7.354 8.543 8.75 7.146 10.146 7.854 10.854"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.date.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99" %3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Cpolygon points="7.854 10.854 9.25 9.457 10.646 10.854 11.354 10.146 9.957 8.75 11.354 7.354 10.646 6.646 9.25 8.043 7.854 6.646 7.146 7.354 8.543 8.75 7.146 10.146 7.854 10.854"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.date {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Cpolygon points="7.854 10.854 9.25 9.457 10.646 10.854 11.354 10.146 9.957 8.75 11.354 7.354 10.646 6.646 9.25 8.043 7.854 6.646 7.146 7.354 8.543 8.75 7.146 10.146 7.854 10.854"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.sz {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpolygon points="10.171 3 13.999 3.001 14 6.829 10.171 3"/%3E%3Cpolygon points="2 6.829 2.001 3.001 5.829 3 2 6.829"/%3E%3Cpolygon points="10.171 13 13.999 12.999 14 9.171 10.171 13"/%3E%3Cpolygon points="2 9.171 2.001 12.999 5.829 13 2 9.171"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.sz.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Cpolygon points="10.171 3 13.999 3.001 14 6.829 10.171 3"/%3E%3Cpolygon points="2 6.829 2.001 3.001 5.829 3 2 6.829"/%3E%3Cpolygon points="10.171 13 13.999 12.999 14 9.171 10.171 13"/%3E%3Cpolygon points="2 9.171 2.001 12.999 5.829 13 2 9.171"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.sz.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99"%3E%3Cpolygon points="10.171 3 13.999 3.001 14 6.829 10.171 3"/%3E%3Cpolygon points="2 6.829 2.001 3.001 5.829 3 2 6.829"/%3E%3Cpolygon points="10.171 13 13.999 12.999 14 9.171 10.171 13"/%3E%3Cpolygon points="2 9.171 2.001 12.999 5.829 13 2 9.171"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.sz {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Cpolygon points="10.171 3 13.999 3.001 14 6.829 10.171 3"/%3E%3Cpolygon points="2 6.829 2.001 3.001 5.829 3 2 6.829"/%3E%3Cpolygon points="10.171 13 13.999 12.999 14 9.171 10.171 13"/%3E%3Cpolygon points="2 9.171 2.001 12.999 5.829 13 2 9.171"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.weekly {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Crect x="4" y="7" width="2" height="2"/%3E%3Crect x="7" y="7" width="2" height="2"/%3E%3Crect x="4" y="10" width="2" height="2"/%3E%3Crect x="7" y="10" width="2" height="2"/%3E%3Crect x="10" y="7" width="2" height="2"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.weekly.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Crect x="4" y="7" width="2" height="2"/%3E%3Crect x="7" y="7" width="2" height="2"/%3E%3Crect x="4" y="10" width="2" height="2"/%3E%3Crect x="7" y="10" width="2" height="2"/%3E%3Crect x="10" y="7" width="2" height="2"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.weekly.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99" %3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Crect x="4" y="7" width="2" height="2"/%3E%3Crect x="7" y="7" width="2" height="2"/%3E%3Crect x="4" y="10" width="2" height="2"/%3E%3Crect x="7" y="10" width="2" height="2"/%3E%3Crect x="10" y="7" width="2" height="2"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.weekly {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3Crect x="4" y="7" width="2" height="2"/%3E%3Crect x="7" y="7" width="2" height="2"/%3E%3Crect x="4" y="10" width="2" height="2"/%3E%3Crect x="7" y="10" width="2" height="2"/%3E%3Crect x="10" y="7" width="2" height="2"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.daily {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3C/svg%3E%0A');
}
.iconic.daily.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3C/svg%3E%0A');
}
.iconic.daily.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.daily {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M1,1V12a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V1H1ZM14,12a2,2,0,0,1-2,2H4a2,2,0,0,1-2-2V5.5H14V12Zm0-7.5H2V2H14V4.5Z"/%3E%3C/svg%3E%0A');
}
.iconic.group {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Cpath d="M6,11v2h6V5H10V3H4v8H6Zm5,1H7V6h4v6ZM5,4H9V5H6v5H5V4Z"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.group.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Cpath d="M6,11v2h6V5H10V3H4v8H6Zm5,1H7V6h4v6ZM5,4H9V5H6v5H5V4Z"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.group.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99"%3E%3Cpath d="M6,11v2h6V5H10V3H4v8H6Zm5,1H7V6h4v6ZM5,4H9V5H6v5H5V4Z"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.group {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Cpath d="M6,11v2h6V5H10V3H4v8H6Zm5,1H7V6h4v6ZM5,4H9V5H6v5H5V4Z"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.flat {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg%3E%3Crect x="5" y="4.5" width="6" height="1"/%3E%3Crect x="5" y="7.5" width="6" height="1"/%3E%3Crect x="5" y="10.5" width="6" height="1"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.flat.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%2311A8B4"%3E%3Crect x="5" y="4.5" width="6" height="1"/%3E%3Crect x="5" y="7.5" width="6" height="1"/%3E%3Crect x="5" y="10.5" width="6" height="1"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.flat.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%230E8F99"%3E%3Crect x="5" y="4.5" width="6" height="1"/%3E%3Crect x="5" y="7.5" width="6" height="1"/%3E%3Crect x="5" y="10.5" width="6" height="1"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.btn .iconic.flat {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23FFFFFF"%3E%3Crect x="5" y="4.5" width="6" height="1"/%3E%3Crect x="5" y="7.5" width="6" height="1"/%3E%3Crect x="5" y="10.5" width="6" height="1"/%3E%3Cpath d="M0,1V2H2V15H14V2h2V1H0ZM13,14H3V2H13V14Z"/%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.edit {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M14.86,2.771a1.5,1.5,0,0,0-2.089.368L11,5.669V1H2.586L0.293,3.293,0,3.586V15H11V10.9L15.229,4.86A1.5,1.5,0,0,0,14.86,2.771ZM1,4L3,2H3.5V3.927a0.573,0.573,0,0,1-.573.573H1V4ZM1,14V5.5H2.927A1.575,1.575,0,0,0,4.5,3.927V2H10V7.1L8.114,9.789,7.622,13.107,10,11.82V14H1ZM14.41,4.286L9.889,10.743l-0.983.532L9.069,10.17l4.521-6.457A0.5,0.5,0,0,1,14.41,4.286Z"/%3E%3C/svg%3E%0A');
}
.iconic.edit.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M14.86,2.771a1.5,1.5,0,0,0-2.089.368L11,5.669V1H2.586L0.293,3.293,0,3.586V15H11V10.9L15.229,4.86A1.5,1.5,0,0,0,14.86,2.771ZM1,4L3,2H3.5V3.927a0.573,0.573,0,0,1-.573.573H1V4ZM1,14V5.5H2.927A1.575,1.575,0,0,0,4.5,3.927V2H10V7.1L8.114,9.789,7.622,13.107,10,11.82V14H1ZM14.41,4.286L9.889,10.743l-0.983.532L9.069,10.17l4.521-6.457A0.5,0.5,0,0,1,14.41,4.286Z"/%3E%3C/svg%3E%0A');
}
.iconic.edit.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M14.86,2.771a1.5,1.5,0,0,0-2.089.368L11,5.669V1H2.586L0.293,3.293,0,3.586V15H11V10.9L15.229,4.86A1.5,1.5,0,0,0,14.86,2.771ZM1,4L3,2H3.5V3.927a0.573,0.573,0,0,1-.573.573H1V4ZM1,14V5.5H2.927A1.575,1.575,0,0,0,4.5,3.927V2H10V7.1L8.114,9.789,7.622,13.107,10,11.82V14H1ZM14.41,4.286L9.889,10.743l-0.983.532L9.069,10.17l4.521-6.457A0.5,0.5,0,0,1,14.41,4.286Z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.edit {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M14.86,2.771a1.5,1.5,0,0,0-2.089.368L11,5.669V1H2.586L0.293,3.293,0,3.586V15H11V10.9L15.229,4.86A1.5,1.5,0,0,0,14.86,2.771ZM1,4L3,2H3.5V3.927a0.573,0.573,0,0,1-.573.573H1V4ZM1,14V5.5H2.927A1.575,1.575,0,0,0,4.5,3.927V2H10V7.1L8.114,9.789,7.622,13.107,10,11.82V14H1ZM14.41,4.286L9.889,10.743l-0.983.532L9.069,10.17l4.521-6.457A0.5,0.5,0,0,1,14.41,4.286Z"/%3E%3C/svg%3E%0A');
}
.iconic.invalid {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,448 c-105.865,0-192-86.135-192-192c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"/%3E%3C/svg%3E%0A');
}
.iconic.invalid.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FF4E3C" d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,448 c-105.865,0-192-86.135-192-192c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"/%3E%3C/svg%3E%0A');
}
.iconic.invalid.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23D94233" d="M256,0C114.844,0,0,114.844,0,256s114.844,256,256,256s256-114.844,256-256S397.156,0,256,0z M256,448 c-105.865,0-192-86.135-192-192c0-40.406,12.25-78.604,35.542-111.198l267.656,267.656C334.604,435.75,296.406,448,256,448z M412.458,367.198L144.802,99.542C177.396,76.25,215.594,64,256,64c105.865,0,192,86.135,192,192 C448,296.406,435.75,334.604,412.458,367.198z"/%3E%3C/svg%3E%0A');
}
.iconic.locked {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163 163"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23D3D3D3" d="M 57.309237,28.613758 C 69.414303,28.613758 77.210648,41.312289 77.373241,57.059444 L 37.245232,57.059444 C 37.407825,41.312289 45.204171,28.613758 57.309237,28.613758 z M 57.309237,12.890993 C 38.448422,12.890993 23.164658,32.849312 23.164658,57.465927 L 23.172788,58.083781 C 16.758485,60.433253 12.189615,66.571147 12.189615,73.774028 L 12.189615,112.98338 C 12.189615,130.43777 32.391824,144.59151 57.309237,144.59151 C 82.226649,144.59151 102.42886,130.43777 102.42886,112.98338 L 102.42886,73.774028 C 102.42886,66.571147 97.859991,60.433253 91.445681,58.083781 L 91.453811,57.465927 C 91.453811,32.849312 76.170051,12.890993 57.309237,12.890993 z M 44.50502,94.138832 C 44.50502,87.090412 50.236431,81.375261 57.309237,81.375261 C 64.382042,81.375261 70.113453,87.090412 70.113453,94.138832 C 70.113453,98.650792 67.763981,102.61806 64.219449,104.88624 L 64.219449,116.6336 L 50.399024,116.6336 L 50.399024,104.88624 C 46.854492,102.61806 44.50502,98.650792 44.50502,94.138832 z" style="fill-rule:evenodd;stroke:none;stroke-width:0.81296617;stroke-linecap:round;stroke-linejoin:round" /%3E%3C/svg%3E');
}
.iconic.locked.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163 163"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M 57.309237,28.613758 C 69.414303,28.613758 77.210648,41.312289 77.373241,57.059444 L 37.245232,57.059444 C 37.407825,41.312289 45.204171,28.613758 57.309237,28.613758 z M 57.309237,12.890993 C 38.448422,12.890993 23.164658,32.849312 23.164658,57.465927 L 23.172788,58.083781 C 16.758485,60.433253 12.189615,66.571147 12.189615,73.774028 L 12.189615,112.98338 C 12.189615,130.43777 32.391824,144.59151 57.309237,144.59151 C 82.226649,144.59151 102.42886,130.43777 102.42886,112.98338 L 102.42886,73.774028 C 102.42886,66.571147 97.859991,60.433253 91.445681,58.083781 L 91.453811,57.465927 C 91.453811,32.849312 76.170051,12.890993 57.309237,12.890993 z M 44.50502,94.138832 C 44.50502,87.090412 50.236431,81.375261 57.309237,81.375261 C 64.382042,81.375261 70.113453,87.090412 70.113453,94.138832 C 70.113453,98.650792 67.763981,102.61806 64.219449,104.88624 L 64.219449,116.6336 L 50.399024,116.6336 L 50.399024,104.88624 C 46.854492,102.61806 44.50502,98.650792 44.50502,94.138832 z" style="fill-rule:evenodd;stroke:none;stroke-width:0.81296617;stroke-linecap:round;stroke-linejoin:round" /%3E%3C/svg%3E');
}
.iconic.locked.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 163 163"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M 57.309237,28.613758 C 69.414303,28.613758 77.210648,41.312289 77.373241,57.059444 L 37.245232,57.059444 C 37.407825,41.312289 45.204171,28.613758 57.309237,28.613758 z M 57.309237,12.890993 C 38.448422,12.890993 23.164658,32.849312 23.164658,57.465927 L 23.172788,58.083781 C 16.758485,60.433253 12.189615,66.571147 12.189615,73.774028 L 12.189615,112.98338 C 12.189615,130.43777 32.391824,144.59151 57.309237,144.59151 C 82.226649,144.59151 102.42886,130.43777 102.42886,112.98338 L 102.42886,73.774028 C 102.42886,66.571147 97.859991,60.433253 91.445681,58.083781 L 91.453811,57.465927 C 91.453811,32.849312 76.170051,12.890993 57.309237,12.890993 z M 44.50502,94.138832 C 44.50502,87.090412 50.236431,81.375261 57.309237,81.375261 C 64.382042,81.375261 70.113453,87.090412 70.113453,94.138832 C 70.113453,98.650792 67.763981,102.61806 64.219449,104.88624 L 64.219449,116.6336 L 50.399024,116.6336 L 50.399024,104.88624 C 46.854492,102.61806 44.50502,98.650792 44.50502,94.138832 z" style="fill-rule:evenodd;stroke:none;stroke-width:0.81296617;stroke-linecap:round;stroke-linejoin:round" /%3E%3C/svg%3E');
}
.iconic.loader {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"%3E%3Cg%3E%3Cpath d="M109.25 55.5h-36l12-12a29.54 29.54 0 0 0-49.53 12H18.75A46.04 46.04 0 0 1 96.9 31.84l12.35-12.34v36zm-90.5 17h36l-12 12a29.54 29.54 0 0 0 49.53-12h16.97A46.04 46.04 0 0 1 31.1 96.16L18.74 108.5v-36z"/%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1280ms" repeatCount="indefinite"%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.loader.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"%3E%3Cg%3E%3Cpath fill="%2311A8B4" d="M109.25 55.5h-36l12-12a29.54 29.54 0 0 0-49.53 12H18.75A46.04 46.04 0 0 1 96.9 31.84l12.35-12.34v36zm-90.5 17h36l-12 12a29.54 29.54 0 0 0 49.53-12h16.97A46.04 46.04 0 0 1 31.1 96.16L18.74 108.5v-36z"/%3E%3CanimateTransform attributeName="transform" type="rotate" from="0 64 64" to="360 64 64" dur="1280ms" repeatCount="indefinite"%3E%3C/animateTransform%3E%3C/g%3E%3C/svg%3E%0A');
}
.iconic.loader-lg {
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"%3E%3Cg stroke="%23272727" fill="none"%3E%3Ccircle stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48"/%3E%3Cline stroke-linecap="round" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5"%3E%3CanimateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" /%3E%3C/line%3E%3Cline stroke-linecap="round" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74"%3E%3CanimateTransform attributeName="transform" dur="15s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" /%3E%3C/line%3E%3C/g%3E%3C/svg%3E');
  width: 100px;
  height: 100px;
}
.iconic.loader-lg.primary {
  background-color: #11A8B4;
  background-image: url('data:image/svg+xml,%3Csvg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve"%3E%3Cg stroke="%23FFFFFF" fill="none"%3E%3Ccircle stroke-width="4" stroke-miterlimit="10" cx="50" cy="50" r="48"/%3E%3Cline stroke-linecap="round" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="85" y2="50.5"%3E%3CanimateTransform attributeName="transform" dur="2s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" /%3E%3C/line%3E%3Cline stroke-linecap="round" stroke-width="4" stroke-miterlimit="10" x1="50" y1="50" x2="49.5" y2="74"%3E%3CanimateTransform attributeName="transform" dur="15s" type="rotate" from="0 50 50" to="360 50 50" repeatCount="indefinite" /%3E%3C/line%3E%3C/g%3E%3C/svg%3E');
  width: 100px;
  height: 100px;
}
.iconic.filter {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.68 210.68"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath d="M205.613,30.693c0-10.405-10.746-18.149-32.854-23.676C154.659,2.492,130.716,0,105.34,0 C79.965,0,56.021,2.492,37.921,7.017C15.813,12.544,5.066,20.288,5.066,30.693c0,3.85,1.476,7.335,4.45,10.479l68.245,82.777v79.23 c0,2.595,1.341,5.005,3.546,6.373c1.207,0.749,2.578,1.127,3.954,1.127c1.138,0,2.278-0.259,3.331-0.78l40.075-19.863 c2.55-1.264,4.165-3.863,4.169-6.71l0.077-59.372l68.254-82.787C204.139,38.024,205.613,34.542,205.613,30.693z M44.94,20.767 C61.467,17.048,82.917,15,105.34,15s43.874,2.048,60.399,5.767c18.25,4.107,23.38,8.521,24.607,9.926 c-1.228,1.405-6.357,5.819-24.607,9.926c-16.525,3.719-37.977,5.767-60.399,5.767S61.467,44.338,44.94,40.62 c-18.249-4.107-23.38-8.521-24.607-9.926C21.56,29.288,26.691,24.874,44.94,20.767z M119.631,116.486 c-1.105,1.341-1.711,3.023-1.713,4.761l-0.075,57.413l-25.081,12.432v-69.835c0-1.741-0.605-3.428-1.713-4.771L40.306,54.938 C58.1,59.1,81.058,61.387,105.34,61.387c24.283,0,47.24-2.287,65.034-6.449L119.631,116.486z"/%3E%3C/svg%3E%0A');
}
.iconic.filter.primary {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.68 210.68"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%2311A8B4" d="M205.613,30.693c0-10.405-10.746-18.149-32.854-23.676C154.659,2.492,130.716,0,105.34,0 C79.965,0,56.021,2.492,37.921,7.017C15.813,12.544,5.066,20.288,5.066,30.693c0,3.85,1.476,7.335,4.45,10.479l68.245,82.777v79.23 c0,2.595,1.341,5.005,3.546,6.373c1.207,0.749,2.578,1.127,3.954,1.127c1.138,0,2.278-0.259,3.331-0.78l40.075-19.863 c2.55-1.264,4.165-3.863,4.169-6.71l0.077-59.372l68.254-82.787C204.139,38.024,205.613,34.542,205.613,30.693z M44.94,20.767 C61.467,17.048,82.917,15,105.34,15s43.874,2.048,60.399,5.767c18.25,4.107,23.38,8.521,24.607,9.926 c-1.228,1.405-6.357,5.819-24.607,9.926c-16.525,3.719-37.977,5.767-60.399,5.767S61.467,44.338,44.94,40.62 c-18.249-4.107-23.38-8.521-24.607-9.926C21.56,29.288,26.691,24.874,44.94,20.767z M119.631,116.486 c-1.105,1.341-1.711,3.023-1.713,4.761l-0.075,57.413l-25.081,12.432v-69.835c0-1.741-0.605-3.428-1.713-4.771L40.306,54.938 C58.1,59.1,81.058,61.387,105.34,61.387c24.283,0,47.24-2.287,65.034-6.449L119.631,116.486z"/%3E%3C/svg%3E%0A');
}
.iconic.filter.primary:hover {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.68 210.68"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%230E8F99" d="M205.613,30.693c0-10.405-10.746-18.149-32.854-23.676C154.659,2.492,130.716,0,105.34,0 C79.965,0,56.021,2.492,37.921,7.017C15.813,12.544,5.066,20.288,5.066,30.693c0,3.85,1.476,7.335,4.45,10.479l68.245,82.777v79.23 c0,2.595,1.341,5.005,3.546,6.373c1.207,0.749,2.578,1.127,3.954,1.127c1.138,0,2.278-0.259,3.331-0.78l40.075-19.863 c2.55-1.264,4.165-3.863,4.169-6.71l0.077-59.372l68.254-82.787C204.139,38.024,205.613,34.542,205.613,30.693z M44.94,20.767 C61.467,17.048,82.917,15,105.34,15s43.874,2.048,60.399,5.767c18.25,4.107,23.38,8.521,24.607,9.926 c-1.228,1.405-6.357,5.819-24.607,9.926c-16.525,3.719-37.977,5.767-60.399,5.767S61.467,44.338,44.94,40.62 c-18.249-4.107-23.38-8.521-24.607-9.926C21.56,29.288,26.691,24.874,44.94,20.767z M119.631,116.486 c-1.105,1.341-1.711,3.023-1.713,4.761l-0.075,57.413l-25.081,12.432v-69.835c0-1.741-0.605-3.428-1.713-4.771L40.306,54.938 C58.1,59.1,81.058,61.387,105.34,61.387c24.283,0,47.24-2.287,65.034-6.449L119.631,116.486z"/%3E%3C/svg%3E%0A');
}
.btn .iconic.filter {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.68 210.68"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M205.613,30.693c0-10.405-10.746-18.149-32.854-23.676C154.659,2.492,130.716,0,105.34,0 C79.965,0,56.021,2.492,37.921,7.017C15.813,12.544,5.066,20.288,5.066,30.693c0,3.85,1.476,7.335,4.45,10.479l68.245,82.777v79.23 c0,2.595,1.341,5.005,3.546,6.373c1.207,0.749,2.578,1.127,3.954,1.127c1.138,0,2.278-0.259,3.331-0.78l40.075-19.863 c2.55-1.264,4.165-3.863,4.169-6.71l0.077-59.372l68.254-82.787C204.139,38.024,205.613,34.542,205.613,30.693z M44.94,20.767 C61.467,17.048,82.917,15,105.34,15s43.874,2.048,60.399,5.767c18.25,4.107,23.38,8.521,24.607,9.926 c-1.228,1.405-6.357,5.819-24.607,9.926c-16.525,3.719-37.977,5.767-60.399,5.767S61.467,44.338,44.94,40.62 c-18.249-4.107-23.38-8.521-24.607-9.926C21.56,29.288,26.691,24.874,44.94,20.767z M119.631,116.486 c-1.105,1.341-1.711,3.023-1.713,4.761l-0.075,57.413l-25.081,12.432v-69.835c0-1.741-0.605-3.428-1.713-4.771L40.306,54.938 C58.1,59.1,81.058,61.387,105.34,61.387c24.283,0,47.24-2.287,65.034-6.449L119.631,116.486z"/%3E%3C/svg%3E%0A');
}
span.grid-filter {
  padding: 2px 2px 0px 2px;
  border: 1px solid #fff;
  background-color: #ddd;
  display: inline-block;
}
span.grid-filter .iconic.btn-filter {
  height: 14px;
  width: 14px;
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210.68 210.68"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cpath fill="%23FFFFFF" d="M205.613,30.693c0-10.405-10.746-18.149-32.854-23.676C154.659,2.492,130.716,0,105.34,0 C79.965,0,56.021,2.492,37.921,7.017C15.813,12.544,5.066,20.288,5.066,30.693c0,3.85,1.476,7.335,4.45,10.479l68.245,82.777v79.23 c0,2.595,1.341,5.005,3.546,6.373c1.207,0.749,2.578,1.127,3.954,1.127c1.138,0,2.278-0.259,3.331-0.78l40.075-19.863 c2.55-1.264,4.165-3.863,4.169-6.71l0.077-59.372l68.254-82.787C204.139,38.024,205.613,34.542,205.613,30.693z M44.94,20.767 C61.467,17.048,82.917,15,105.34,15s43.874,2.048,60.399,5.767c18.25,4.107,23.38,8.521,24.607,9.926 c-1.228,1.405-6.357,5.819-24.607,9.926c-16.525,3.719-37.977,5.767-60.399,5.767S61.467,44.338,44.94,40.62 c-18.249-4.107-23.38-8.521-24.607-9.926C21.56,29.288,26.691,24.874,44.94,20.767z M119.631,116.486 c-1.105,1.341-1.711,3.023-1.713,4.761l-0.075,57.413l-25.081,12.432v-69.835c0-1.741-0.605-3.428-1.713-4.771L40.306,54.938 C58.1,59.1,81.058,61.387,105.34,61.387c24.283,0,47.24-2.287,65.034-6.449L119.631,116.486z"/%3E%3C/svg%3E%0A');
}
span.grid-filter.active {
  background-color: #11A8B4;
}
span.grid-filter.active:hover {
  background-color: #0E8F99;
}
.iconic.drag-bar {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23dddddd"%3E%3Ccircle cx="3" cy="3" r="1" /%3E%3Ccircle cx="7" cy="3" r="1" /%3E%3Ccircle cx="3" cy="7" r="1" /%3E%3Ccircle cx="7" cy="7" r="1" /%3E%3Ccircle cx="3" cy="11" r="1" /%3E%3Ccircle cx="7" cy="11" r="1" /%3E%3C/g%3E%3C/svg%3E');
  width: 9px;
  height: 100%;
}
.iconic.drag-bar:hover,
.iconic.drag-bar.active {
  background-image: url('data:image/svg+xml,%3Csvg id="Ebene_1" data-name="Ebene 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 12"%3E%3Ctitle%3EBigTime%3C/title%3E%3Cg fill="%23CCCCCC"%3E%3Ccircle cx="3" cy="3" r="1" /%3E%3Ccircle cx="7" cy="3" r="1" /%3E%3Ccircle cx="3" cy="7" r="1" /%3E%3Ccircle cx="7" cy="7" r="1" /%3E%3Ccircle cx="3" cy="11" r="1" /%3E%3Ccircle cx="7" cy="11" r="1" /%3E%3C/g%3E%3C/svg%3E');
}
.drag-bar.wrapper {
  cursor: pointer;
  width: 15px;
  background-color: #f3f3f3;
}
.drag-bar.wrapper.full-left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
}
/*  New, 2X sprint icon format(s):  class="bt-icon icon-linked" */
.bt-icon {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/_sprite-icons@2x.png);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.bt-icon:hover > * {
  opacity: 0.8;
}
.icon-linked {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-link.png');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-linked-sm {
  background-position: 0 -234px;
  background-size: 360px 396px;
  display: inline-block;
  height: 18px;
  width: 18px;
}
.icon-unlinked-sm {
  background-position: 0px -259px;
  background-size: 360px 396px;
  display: inline-block;
  height: 8px;
  width: 18px;
}
.icon-fullscreen {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -113px -247px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}
.icon-fullscreen:hover {
  opacity: 0.8;
}
.icon-fullscreen-g {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -136px -248px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 24px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
}
.icon-fullscreen-g:hover {
  opacity: 0.8;
}
.icon-fullscreen-blue {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/expand_icon_blue.png');
  background-repeat: no-repeat;
  background-size: 20px 20px;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-fullscreen-blue:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-point-left-green {
  background-position: -224px -138px;
  background-size: 360px 396px;
  display: inline-block;
  height: 40px;
  width: 145px;
}
.bt-icon-info.active,
.bt-icon-info-orange {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -225px -225px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 26px;
}
.bt-icon-info-sm {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-help.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 23px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  vertical-align: middle;
}
.bt-icon-info-sm:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-icon-info-tiny {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-help.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 19px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  vertical-align: middle;
}
.bt-icon-info-tiny:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-icon-info-xs {
  background: url(images/gallery-sprite.png) no-repeat -106px -56px;
  display: inline-block;
  height: 16px;
  width: 16px;
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-info-sm-white {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-help.svg');
  background-repeat: no-repeat;
  background-size: 16px;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px !important;
  filter: brightness(0) invert(1);
}
.bt-icon-home {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-home.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-home:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-icon-timer {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-time.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-timer:hover,
.bt-icon-timer.active,
a:hover .bt-icon-timer,
.open .trigger .bt-icon-timer {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-icon-timer-white {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-time.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  filter: none;
}
.bt-icon-help {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-help.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-help:hover,
.bt-icon-help.active,
.active .bt-icon-help,
.open .bt-icon-help,
.active .bt-icon-help:hover,
a:hover .bt-icon-help,
.open .bt-icon-help:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-icon-person {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-profile.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-person:hover,
.bt-icon-person.active,
.active .bt-icon-person,
.open .bt-icon-person,
.active .bt-icon-person:hover,
a:hover .bt-icon-person,
.open .bt-icon-person:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-status-posted {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-posted-success.svg');
  filter: invert(74%) sepia(75%) saturate(543%) hue-rotate(80deg) brightness(88%) contrast(90%);
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
  height: 18px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 18px;
}
.icon-status-imported {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/svg/data-import-solid.svg');
  background-size: 18px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 18px;
  width: 18px;
  margin-left: 18px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.icon-close-gry {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/_sprite-icons@2x.png);
  background-position: -138px -124px;
  background-repeat: no-repeat;
  background-size: 284px 320px;
  display: inline-block;
  height: 12px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 12px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-close-box {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-close.svg');
  background-repeat: no-repeat;
  background-size: 18px 18px;
  display: inline-block;
  height: 18px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 18px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-close-box:hover {
  filter: invert(87%) sepia(3%) saturate(1204%) hue-rotate(182deg) brightness(108%) contrast(91%);
}
.icon-close {
  background-image: url(images/icon-close.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-close:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-trash {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-delete.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-trash:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-trash-transp {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -173px -23px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-trash-transp:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-add-skills {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/svg/add-icon-skills.svg');
  background-repeat: no-repeat;
  background-size: 12px;
  display: inline-block;
  height: 12px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 12px;
  margin-left: 10px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.skillAvailableButton:hover > .icon-add-skills {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-close-skills {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/svg/close-icon-skills.svg');
  background-repeat: no-repeat;
  background-size: 15px;
  display: inline-block;
  height: 15px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 15px;
  margin-left: 10px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.skillSelectButton:hover > .icon-close-skills {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-minus {
  ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-minus.svg);
  background-repeat: no-repeat;
  background-size: 75%;
  display: inline-block;
  height: 3px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
}
.icon-minus:hover {
  filter: invert(87%) sepia(3%) saturate(1204%) hue-rotate(182deg) brightness(108%) contrast(91%);
}
.icon-plus {
  ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-plus.svg);
  background-repeat: no-repeat;
  background-size: 75%;
  display: inline-block;
  height: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
}
.icon-plus:hover {
  filter: invert(87%) sepia(3%) saturate(1204%) hue-rotate(182deg) brightness(108%) contrast(91%);
}
.icon-bt-cloud-sm {
  background-image: url(images/icon-quickbooks-upload.svg);
  height: 22px;
  width: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-cloud-sm:hover {
  filter: invert(27%) sepia(55%) saturate(5313%) hue-rotate(331deg) brightness(94%) contrast(96%);
  cursor: pointer;
}
.icon-bt-cloud-sm:hover {
  filter: invert(27%) sepia(55%) saturate(5313%) hue-rotate(331deg) brightness(94%) contrast(96%);
  cursor: pointer;
}
.icon-bt-cloud-sm-active {
  background-image: url(images/icon-quickbooks-upload.svg);
  height: 22px;
  width: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  filter: invert(61%) sepia(38%) saturate(7244%) hue-rotate(334deg) brightness(106%) contrast(101%);
}
.icon-bt-cloud-sm-light {
  background-image: url(images/icon-quickbooks-upload.svg);
  height: 22px;
  width: 22px;
  display: inline-block;
  background-repeat: no-repeat;
  filter: invert(84%) sepia(41%) saturate(0%) hue-rotate(302deg) brightness(101%) contrast(106%);
}
.icon-bt-cloud {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -90px -336px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 38px;
}
.icon-bt-cloud-active {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -180px -336px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 38px;
}
.icon-bt-cloud-light {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -135px -336px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 38px;
}
.icon-bt-cloud-square {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-quickbooks-upload.svg);
  background-repeat: no-repeat;
  background-size: 106%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-cloud-square:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-cloud-square-active {
  background-image: url(images/icon-quickbooks-upload-hover.svg);
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  display: inline-block;
  filter: none;
}
.icon-bt-cloud-square-warning {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -141px -358px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}
.icon-bt-cloud-square-light {
  background-image: url(images/icon-quickbooks-upload-hover.svg);
  height: 22px;
  width: 22px;
  background-size: 22px 22px;
  display: inline-block;
}
.icon-bt-cloud-square-light:hover {
  background-image: url(images/icon-quickbooks-upload-hover.svg);
}
.icon-cash {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-pay.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-cash-light {
  background-image: url(images/icon-pay-hover.svg);
  background-size: 22px 22px;
  height: 22px;
  width: 22px;
  display: inline-block;
}
.icon-menu {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -630px -314px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 30px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 36px;
}
.icon-cash-active,
.icon-cash:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-drag {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-drag.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-calendar-white {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-calendar.svg);
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-calendar-white:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-calendar-white:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-edit {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-edit.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-edit:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-edit2 {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -180px 0;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 19px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-edit3 {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -211px -127px;
  background-repeat: no-repeat;
  background-size: 350px 386px;
  display: inline-block;
  height: 18px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 18px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-edit3:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-drag-bar {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-drag.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-expand-gray-sm {
  background-position: -623px 3px;
  background-size: 350px 495px;
  height: 10px;
  width: 24px;
}
.icon-expand-active-sm {
  background-image: url(images/icon-field-down-arrow.svg);
  filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(94%) contrast(91%);
  background-position: 6px 10px;
  background-repeat: no-repeat;
  height: 22px;
  width: 22px;
}
.icon-note {
  background-position: -270px -180px;
  height: 59px;
  width: 59px;
  /*background-size: 360px 396px;*/
}
.icon-inbox {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-mail.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-inbox:hover,
.icon-inbox.active,
a:hover .icon-inbox,
.open .trigger .icon-inbox {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-inbox.active {
  background-position: -248px -337px;
}
.icon-gear-edit {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -270px -134px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px;
}
.icon-person-box {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -270px -158px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}
.icon-mail-blue {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-send-email.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-mail-blue:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-mail {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -225px -292px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 24px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
}
.icon-mail:hover {
  opacity: 0.8;
}
.bt-icon-more {
  background-image: url('images/main-nav.png');
  background-position: -118px -5px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 10px;
  width: 35px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-back-arrow {
  background-image: url(images/icon-field-down-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 18px;
  margin: 0px 5px 2px -5px;
  width: 18px;
  transform: rotate(90deg);
  cursor: pointer;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-back-arrow:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-forward-arrow {
  background-image: url(images/icon-field-down-arrow.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 18px;
  margin: 0px 5px 2px -5px;
  width: 18px;
  transform: rotate(270deg);
  cursor: pointer;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-forward-arrow:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-date {
  background-image: url('../bt-core/images/icon-calendar-2.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 18px;
  cursor: pointer;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-date:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-settings {
  background-image: url('../bt-core/images/icon-settings-2.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 18px;
  cursor: pointer;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-settings:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-menu-list {
  background-image: url('../bt-core/images/icon-menu-list.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 18px;
  cursor: pointer;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-menu-list:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-print {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-printer.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-print:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-info {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-info.png');
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-alert-message {
  background-color: #DDE7F3;
  height: 50px;
  padding-top: 15px;
  text-align: left;
  vertical-align: middle;
}
.bt-icon-arrow-left,
.bt-icon-arrow-right {
  display: inline-block;
  height: 24px;
  width: 24px;
}
.bt-icon-arrow-left {
  border-right: 1px solid #888888;
}
.bt-icon-arrow-right {
  border-left: 1px solid #888888;
}
.bt-icon-arrow-left:before,
.bt-icon-arrow-right:before {
  background-color: transparent;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  content: "";
  display: inline-block;
  height: 10px;
  width: 13px;
}
.bt-icon-arrow-left:before {
  border-right: 5px solid white;
  margin: 7px 9px 6px 1px;
}
.bt-icon-arrow-right:before {
  border-left: 5px solid white;
  margin: 7px 1px 6px 9px;
}
.icon-tax-link {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: 0 -360px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 48px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 63px;
}
/* TABLE/GRID/DAILY VIEW ICONS */
.toggleView > .btn-icon-margin,
.groupByToolbar .btn-icon-margin {
  margin-left: 0px;
  margin-right: 0px;
}
.toggleView > .btn-icon-margin:first-child,
.groupByToolbar .btn-icon-margin:first-child {
  margin-left: 0;
}
.toggleView > .btn-icon-margin:last-child,
.groupByToolbar .btn-icon-margin:last-child {
  margin-right: 4px;
}
.icon-view-table {
  background-image: url(images/icon-listview.png);
  background-size: 100%;
  display: inline-block;
  height: 27px;
  width: 27px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-view-table.active {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-view-table-new {
  background-image: url(images/icon-listview.png);
  background-size: 100%;
  display: inline-block;
  height: 22px;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  margin-top: 3px;
}
.icon-view-table-new.active {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-view-planner {
  background-image: url('images/gallery-sprite.png');
  background-position: -33px -201px;
  display: inline-block;
  height: 24px;
  width: 27px;
}
.icon-view-planner.active {
  background-position: -3px -201px;
}
.icon-view-planner-new {
  background-image: url(images/icon-detailView.png);
  background-size: 100%;
  display: inline-block;
  height: 22px;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  margin-top: 3px;
}
.icon-view-planner-new.active {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-view-flat-new {
  background-image: url('images/gallery-sprite.png');
  background-position: -61px -151px;
  display: inline-block;
  height: 24px;
  width: 27px;
}
.icon-view-flat-new.active {
  background-position: -61px -176px;
}
.icon-view-hierarchy-new {
  background-image: url('images/gallery-sprite.png');
  background-position: -91px -151px;
  display: inline-block;
  height: 24px;
  width: 27px;
}
.icon-view-hierarchy-new.active {
  background-position: -91px -176px;
}
.icon-grouping-level-0 {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-view-flat.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 4px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-grouping-level-1 {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-view-by-project.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 4px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-grouping-level-1.active {
  background-image: url('images/icon-view-by-project-hover.svg');
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-grouping-level-2 {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-view-by-tasks.svg');
  background-size: 98%;
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 4px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
a:hover > .icon-grouping-level-0,
.icon-grouping-level-0:hover,
.icon-grouping-level-0.active,
a:hover > .icon-grouping-level-1,
.icon-grouping-level-1:hover,
.icon-grouping-level-1.active,
a:hover > .icon-grouping-level-2,
.icon-grouping-level-2:hover,
.icon-grouping-level-2.active {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-grouping-level-2.active {
  background-image: url('images/icon-view-by-tasks-hover.svg');
}
.icon-bt-locked {
  background-image: url('images/svg/icon-lock.svg');
  background-size: 18px 18px;
  display: inline-block;
  height: 18px;
  width: 18px;
}
.icon-file {
  background: #33995E;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}
.icon-rejected {
  background: #1F74CE;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  width: 10px;
}
.icon-rejected.right {
  margin-right: 0px;
  margin-left: 5px;
}
/* PROCESSING ICONS AND GIFs */
/*Attach to a block element to show a processing icon within that item's background (instead of a separate object)*/
.show-processing-plain {
  background-image: url('images/processing-arrows-neutral.gif');
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  filter: none;
}
.show-processing-red {
  background-image: url('images/processing-arrows-red.gif');
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}
.show-processing-red-small {
  background-image: url('images/processing-arrows-red.gif');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: #1F74CE;
}
.show-processing-red-medium {
  background-image: url('images/processing-arrows-red.gif');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 24px;
  width: 24px;
  background-color: #1F74CE;
}
.show-processing-red-large {
  background-image: url('images/processing-arrows-red.gif');
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 26px;
  width: 26px;
  background-color: #1F74CE;
}
.icon-gray {
  filter: alpha(40);
  opacity: 0.4;
}
.icon-right {
  margin-left: 17px;
}
.bt-rotate-left {
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  -webkit-transform: rotate(-180deg);
  /* Safari and Chrome */
  transform: rotate(-180deg);
}
.bt-rotate-right {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Safari and Chrome */
  transform: rotate(180deg);
}
.bt-rotate-up {
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -webkit-transform: rotate(-90deg);
  /* Safari and Chrome */
  transform: rotate(-90deg);
}
.bt-rotate-down {
  -ms-transform: rotate(90deg);
  /* IE 9 */
  -webkit-transform: rotate(90deg);
  /* Safari and Chrome */
  transform: rotate(90deg);
}
.badge.processing-plain {
  background-color: transparent;
  background-image: url('images/processing-arrows-neutral.gif');
  background-repeat: no-repeat;
  margin-left: 17px;
  padding: 1px 7px 2px 16px;
  text-indent: -1000px;
}
.processing-bar {
  background-image: url('images/processing-bar.gif');
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  vertical-align: middle;
  width: 128px;
}
.processing-bar2 {
  background-image: url('images/processing-bar2.gif');
  background-repeat: no-repeat;
  display: inline-block;
  height: 15px;
  vertical-align: middle;
  width: 128px;
}
.processing-icon {
  background-image: url('images/processing-icon.gif');
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}
.bt-score.badge {
  background-color: #FFFFFF;
  color: #f39100;
  display: inline-block;
  filter: alpha(opacity=100);
  font-size: 12px;
  height: 20px;
  margin: 0;
  opacity: 1;
  padding: 3px 0 0 5px;
  vertical-align: middle;
  width: 20px;
}
.bt-icon {
  display: inline-block;
}
.bt-icon.error {
  background-position: 0px -224px;
  display: inline-block;
  margin-top: -2px;
  vertical-align: middle;
}
.bt-icon.error-flat {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  background-color: #004A8C;
  background-image: none;
  border-radius: 20px;
  display: inline-block;
  height: 10px;
  margin-right: 10px;
  margin-top: -3px;
  vertical-align: middle;
  width: 5px;
}
.bt-icon.inline-left {
  display: inline-block;
  padding-right: 5px;
}
.bt-icon.inline-right {
  display: inline-block;
  padding-left: 5px;
}
.bt-icon.post {
  background-position: 0px -193px;
  vertical-align: middle;
}
.btn.processing .bt-icon.post {
  background-color: transparent;
  background-image: url('images/processing-arrows-neutral.gif');
  background-position: 0px 0px;
}
.icon-loading {
  background-color: #FFFFFF;
  background-image: url('images/processing-sm.gif');
  background-position: 0 0;
  display: inline-block;
  height: 12px;
  width: 18px;
}
.icon-question {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-help.svg');
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-question:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.btn.btn-transparent > i[class*="icon-"] {
  margin-right: 8px;
  vertical-align: bottom;
}
.btn.btn-icon {
  background-color: transparent;
  border: 0px;
  line-height: 0;
  /* gets rid of the extra space reserved for text for this button (icon buttons have no text) */
  padding: 0;
}
.dropdown-menu .btn.btn-icon {
  margin-top: 0px;
}
.dropdown-menu .btn.btn-icon:hover {
  background-color: #F6F6F6;
  color: #222222;
}
.search-container .btn.btn-icon {
  margin-top: 2px;
}
.btn-group + .btn-icon {
  margin-left: 15px;
}
.active .caret {
  border-top: 5px solid #222222;
  margin-top: 5px;
}
.icon-bt-cog,
.icon-bt-cog.default {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-settings.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-cog:hover,
.icon-bt-cog.default:hover {
  filter: invert(87%) sepia(3%) saturate(1204%) hue-rotate(182deg) brightness(108%) contrast(91%);
}
.icon-bt-add,
.icon-bt-add.default {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: 0 -109px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}
.icon-bt-plus {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -44px -197px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 26px;
}
.icon-bt-minus {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -88px -197px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 26px;
}
.icon-bt-back {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2xx.png');
  background-position: -88px -153px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 26px;
}
.icon-bt-next {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2xx.png');
  background-position: -132px -153px;
  background-repeat: no-repeat;
  background-size: 360px 396px;
  display: inline-block;
  height: 26px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 26px;
}
.icon-box-up {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -187px -220px;
  background-repeat: no-repeat;
  background-size: 383px 496px;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
}
.icon-up {
  background-image: url(images/icon-arrow-up.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-up:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-box-dn {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -187px -248px;
  background-repeat: no-repeat;
  background-size: 383px 496px;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
}
.icon-down {
  background-image: url(images/icon-arrow-down.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 24px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-down:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-checked {
  -ms-interpolation-mode: nearest-neighbor;
  background: url('images/checkbox-selected.svg') !important;
  background-size: 100% !important;
  display: inline-block;
  height: 13px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 18px;
  height: 18px;
}
.icon-bt-find {
  background-image: url('images/gallery-sprite.png');
  background-position: -46px -150px;
  display: inline-block;
  height: 14px;
  width: 15px;
}
.icon-bt-filter {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-filter.svg');
  background-repeat: no-repeat;
  background-size: 22px;
  display: inline-block;
  height: 22px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-icon-filter:hover,
.icon-bt-filter:hover,
.icon-bt-filter.active,
.btn.btn-icon.active > .icon-bt-filter,
.btn.btn-icon:hover > .icon-bt-filter {
  -ms-interpolation-mode: nearest-neighbor;
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.btn.btn-icon:hover > .icon-fullscreen-g,
.btn.btn-icon:hover > .icon-fullscreen-blue {
  opacity: 0.8;
}
.icon-bt-search {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/navbar/icon-search.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-search:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-search-transparent {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -331px -44px;
  background-repeat: no-repeat;
  background-size: 1700%;
  display: inline-block;
  height: 24px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  top: 0;
  width: 24px;
}
.btn-filter .icon-filter {
  background-color: #FFFFFF;
  background-image: url('images/gallery-sprite.png');
  background-position: -73px -119px;
  display: inline-block;
  height: 13px;
  width: 15px;
}
.btn-filter.active .icon-filter {
  background-position: -94px -119px;
}
.grid-controls .bt-icon-setup,
.icon-grid-customize {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-settings.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.grid-controls .bt-icon-setup:hover,
.icon-grid-customize:hover {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-settings-hover.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}
.icon-grid-customize-sm {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-settings.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-left: 5px;
  margin-right: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.btn.btn-icon:hover > .icon-grid-customize-sm,
.icon-grid-customize-sm:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-apply.icon-white {
  background-image: url('images/gallery-sprite.png');
  background-position: -5px -52px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.icon-apply.icon-gray {
  background-image: url('images/gallery-sprite.png');
  background-position: -5px -4px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.icon-apply {
  background-image: url('images/gallery-sprite.png');
  background-position: -5px -28px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.icon-back {
  background-image: url('images/gallery-sprite.png');
  background-position: -34px -3px;
  display: inline-block;
  height: 22px;
  margin: 0;
  vertical-align: middle;
  width: 22px;
}
.icon-back.icon-white {
  background-image: url('images/gallery-sprite.png');
  background-position: -34px -27px;
  display: inline-block;
  height: 22px;
  vertical-align: middle;
  width: 22px;
}
.icon-bt-forward {
  background-image: url('images/gallery-sprite.png');
  background-position: -63px -3px;
  display: inline-block;
  height: 22px;
  margin: 0;
  vertical-align: middle;
  width: 22px;
}
.icon-bt-forward.icon-white {
  background-image: url('images/gallery-sprite.png');
  background-position: -63px -27px;
  display: inline-block;
  height: 22px;
  margin: 0;
  vertical-align: middle;
  width: 22px;
}
.icon-bt-caret-right {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #222222;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
}
.icon-bt-caret-left {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #F0F0F3;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
}
.icon-bt-caret-top {
  border-bottom: 6px solid #F0F0F3;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  display: inline-block;
  height: 0;
  width: 0;
}
.icon-bt-caret-bottom {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #222222;
  display: inline-block;
  height: 0;
  width: 0;
}
.caret {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222222;
  display: inline-block;
  height: 0;
  width: 0;
}
.btn-primary > .caret {
  border-top-color: #FFFFFF;
}
.caret.primary {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1F74CE;
}
.bt-arrow {
  border: solid #222222;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
}
.bt-arrow.primary,
.btn-primary > .bt-arrow {
  border-color: #FFFFFF;
}
.bt-arrow.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: -2px;
}
.bt-arrow.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  margin-left: 4px;
}
.bt-arrow.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 4px;
}
.bt-arrow.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -2px;
}
.icon-bt-close {
  background-image: url(images/gallery-sprite.png);
  background-position: -60px -52px;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.icon-word {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-word.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-word:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-print-sm.midline {
  vertical-align: text-bottom;
}
.icon-print-sm {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-printer.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-print-sm:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-vertical-ellipsis {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-vertical-ellipsis.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  margin-top: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  background-position: center;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-vertical-ellipsis:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  cursor: pointer;
}
.btrgrid_cell .badge.small {
  margin: 0 5px 0 0;
  padding: 2px 5px;
}
.btrgrid_cell .badge.primary {
  background-color: #f39100;
}
.badge.post-hours {
  background-color: #f39100;
  background-image: url(images/btsprite.png);
  background-position: 8px -2202px;
}
.badge.error {
  background-color: #004A8C;
  background-image: url('images/btsprite.png');
  background-position: 3px -2246px;
  padding: 4px 11px;
}
.badge.error-flat {
  background-color: #004A8C;
  background-image: none;
  height: 14px;
  margin: 0;
  padding: 3px;
  text-align: center;
  width: 35px;
}
.badge.badge-btn {
  -moz-border-radius: 4px;
  -moz-text-shadow: none;
  -webkit-border-radius: 4px;
  -webkit-text-shadow: none;
  background-color: #B3B3B3;
  border-radius: 4px;
  color: #FFFFFF;
  font-weight: normal;
  text-shadow: none;
}
.badge.badge-btn.blue {
  background-color: #1F74CE;
}
.badge.badge-btn.orange {
  background-color: #f39100;
}
.badge.badge-btn-large {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  font-size: 12px;
  padding: 10px 20px;
}
/* Need this exception for grids that contain multi-line text fields (can't rely on line-height for positioning)*/
.grid-canvas.autogrow .btrgrid_cell .badge.error {
  top: 3px;
}
.icon-calendar {
  filter: alpha(opacity=30);
  margin-right: 3px;
  opacity: 0.5;
}
.icon-plus-sign {
  background-image: url(images/btsprite.png);
  background-position: -1px -1633px;
  margin-right: 3px;
}
.icon-people {
  background-image: url(images/btsprite.png);
  background-position: -1px 0;
}
.icon-post-arrow {
  background-image: url(images/btsprite.png);
  background-position: 0 -864px;
}
.btsprite-pointLeft {
  background-image: url(images/btsprite.png);
  background-position: -2px -2184px;
}
.btsprite-pointRight {
  background-image: url(images/btsprite.png);
  background-position: 0 -2165px;
}
span.bt-icon-simple {
  background-image: url(images/btsprite.png);
  cursor: pointer;
  display: inline-block;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
  width: 16px;
}
.bt-list-bulleted-icon {
  list-style: none;
  list-style-position: outside;
  list-style-type: circle;
  padding-left: 23px;
}
/* QuickBooks POSTING Status (for grid display) */
.bt-post-status {
  background-image: url(images/QBPostStatus.gif);
  background-repeat: no-repeat;
  vertical-align: middle;
}
.bt-post-status.status-0 {
  background-position: 0px 1px !important;
}
.bt-post-status.status-1 {
  background-position: -26px 1px !important;
}
.bt-post-status.status-2 {
  background-image: url(images/_sprite-icons@2x.png);
  background-size: 2500%;
  background-position: -212px -255px !important;
}
.bt-post-status.status-3 {
  background-position: -76px 1px !important;
}
.bt-post-status.status-4 {
  background-image: url(images/processing-arrows-inverse.gif) !important;
  background-position: 0px 0px !important;
}
.bt-post-status.status-10 {
  background-position: -126px 1px !important;
}
span.bt-post-status {
  display: inline-block;
  height: 15px;
  overflow: hidden;
  width: 14px;
}
.btrgrid_cell span.bt-post-status {
  margin: 0px 4px;
  vertical-align: text-top;
}
.bt-post-status.bt-popover {
  cursor: pointer;
}
#jsonError {
  max-height: 250px;
  overflow: auto;
  padding: 10px;
  width: 400px;
}
div.jsonErrorContent {
  margin-bottom: 30px;
  min-height: 70px;
}
div.jsonErrorIcon {
  background: url(images/erroricon.png) no-repeat;
  float: left;
  height: 70px;
  width: 70px;
}
div.bt-print-dialog-long {
  margin-bottom: 15px;
  width: 160px;
}
.bt-buttom-sm {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  cursor: pointer;
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  height: 14px;
  opacity: 0.7;
  vertical-align: text-bottom;
  width: 14px;
}
.bt-buttom-sm:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1;
}
.waiting {
  cursor: wait !important;
}
.bthours-flag {
  background-image: url(images/trigger-arrow.png);
  display: inline-block;
  height: 6px;
  position: absolute;
  width: 9px;
  z-index: 100;
}
#dvEdit_hrsflag {
  background-image: url(images/editrow.png);
  background-position: -60px -62px;
  height: 12px;
  right: 30%;
  top: 23px;
  width: 20px;
  z-index: 250;
}
.flip_up #dvEdit_hrsflag {
  background-position: -91px -62px;
  top: -7px;
}
/* Welcome Page */
a.play-button {
  display: block;
}
a.play-button img {
  height: 0px;
  margin: 95px 244px;
  width: 0px;
}
a.play-button:hover img {
  height: 80px;
  margin: 55px 122px;
  width: 80px;
}
.bt-welcome-content-wrap {
  float: left;
  min-width: 620px;
}
.bt-welcome-content {
  width: 620px;
}
.bt-welcome-content div {
  float: left;
}
.bt-car-wrap {
  padding: 35px 0px 25px 0px;
}
.bt-car-left {
  float: left;
  padding-top: 93px;
  width: 13px;
}
.bt-car-right {
  float: right;
  padding-top: 93px;
  width: 13px;
}
.bt-car-center {
  border-top: 1px solid silver;
  float: left;
  overflow: hidden;
  padding-top: 20px;
  width: 590px;
}
.bt-new-center {
  border-top: 1px solid silver;
  float: left;
  margin-left: 13px;
  padding: 0px;
  width: 590px;
}
#main-pane .bt-article {
  line-height: 150%;
  padding-bottom: 10px;
  padding-right: 10px;
  width: 185px;
}
.bt-article a {
  font-size: 11px;
  font-weight: bold;
}
.bt-article img {
  display: block;
  padding: 10px 5px;
}
.bt-car-desc {
  font-size: 14px;
  padding-left: 360px;
  width: 160px;
}
.bt-welcome-right {
  float: right;
  margin-top: 30px;
  padding: 5px;
  width: 180px;
}
.bt-car-mount {
  margin-left: 200px;
  width: 420px;
}
.bt-welcome-margin {
  margin: 0px 13px;
  width: 100%;
}
.bt-right-link {
  float: right;
  padding-right: 13px;
}
.bt-right-menu-section {
  border-top: 1px solid silver;
  padding-bottom: 20px;
}
.bt-right-menu-section .group {
  padding: 7px 0px;
}
.bt-right-menu-section .group .item {
  padding: 2px 0px;
}
ul.bt-tutorial-detail {
  list-style: none;
  width: 10000px;
}
ul.bt-tutorial-detail li {
  float: left;
  width: 580px;
}
div.bt-tutorial-detail {
  margin-bottom: 40px;
  overflow: hidden;
}
div.media {
  background: url("images/db/car-big.png") no-repeat;
  float: left;
  height: 190px;
  margin-left: 10px;
  width: 325px;
}
div.media2 {
  float: right;
  height: 190px;
  margin-left: 20px;
  width: 180px;
}
/* END Welcome Page */
.btrgrid-sort-indicator {
  background: url('images/icon-column-filter.svg');
  display: inline-block !important;
  /*GRID HACK to show arrow*/
  height: 5px;
  margin-left: 4px;
  width: 8px;
}
.btrgrid-sort-indicator-desc {
  background: url('images/icon-column-filter-down-hover.svg');
}
.btrgrid-sort-indicator-asc {
  background: url('images/icon-column-filter-up-hover');
}
.bteditor_hours.disabled {
  background: url('images/btsprite.png') -3px -1209px no-repeat;
  color: #B3B3B3;
  cursor: pointer;
}
#processing_icon {
  background: transparent url('images/processing.gif') center no-repeat;
  height: 40px;
  position: absolute;
  right: 50%;
  text-align: center;
  text-indent: -10000px;
  top: -5px;
  width: 40px;
  z-index: 2;
}
.bt-icon-lock {
  background: url('images/btsprite.png') -3px -1217px no-repeat;
  /*margin-left: 5px;*/
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.bt-icon-submit {
  background: url('images/btsprite.png') 1px -2207px no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.bt-icon-warning {
  background: url('images/btsprite.png') -3px -1209px no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.bt-icon-error {
  background: url('images/btsprite.png') 0 -2233px no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.bt-icon-remove {
  background: url('images/btsprite.png') -3px -2227px no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: middle;
  width: 16px;
}
.bt-icon-action-alert {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/action-alert-icon.png');
  background-repeat: no-repeat;
  background-size: 13px 13px;
  display: inline-block;
  height: 13px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 13px;
}
/* MASTER/DETAIL ICONS */
.btnDetailResize i {
  background-color: transparent;
  background-image: url('images/bt-md-sprite.png');
  border: none;
  cursor: pointer;
  filter: "alpha(opacity=30)";
  height: 14px;
  margin: 8px;
  opacity: 0.3;
  position: relative;
  top: -2px;
  width: 14px;
}
.btnDetailResize .active {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.btnDetailResize .resize-alert {
  color: white;
  font-size: 11px;
  position: relative;
  top: 7px;
}
.btnDetailResize .icon-bt-fullsize {
  background-position: -61px -7px;
}
.md-form.md-fullsize > .btnDetailResize .icon-bt-fullsize {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.btnDetailResize .icon-bt-wide {
  background-position: -34px -7px;
}
.md-form.md-wide > .btnDetailResize .icon-bt-wide {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.btnDetailResize .icon-bt-normal {
  background-position: -7px -7px;
}
.md-form.md-normal > .btnDetailResize .icon-bt-normal {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
/* MODAL ICONS */
.btnModalResize i {
  background-color: transparent;
  background-image: url('images/bt-modal-sprite.png');
  border: none;
  cursor: pointer;
  filter: "alpha(opacity=30)";
  height: 14px;
  margin: 8px;
  opacity: 0.3;
  width: 14px;
}
.btnModalResize i:hover,
.btnModalResize .active {
  filter: "alpha(opacity=100)";
  opacity: 1;
}
.btnModalResize .icon-bt-modal-wide {
  background-position: -61px -7px;
}
.btnModalResize .icon-bt-modal-normal {
  background-position: -34px -7px;
}
.btnModalResize .icon-bt-modal-tall {
  background-position: -7px -7px;
}
/* SETTINGS ICONS */
.icon-bt-settings-basic {
  background-image: url('images/settings-sprite.png');
  background-position: -180px -65px;
  height: 50px;
  width: 50px;
}
.icon-bt-settings-invoicing {
  background-image: url('images/settings-sprite.png');
  background-position: -9px -65px;
  height: 50px;
  width: 50px;
}
.icon-bt-settings-advanced {
  background-image: url('images/settings-sprite.png');
  background-position: -120px -65px;
  height: 50px;
  width: 50px;
}
.icon-bt-move {
  background-image: url('images/bt-actionicons.png');
  background-position: 0 -215px;
  height: 14px;
  width: 14px;
}
.icon-bt-columns,
.ts-column .ts-icon {
  background-image: url('images/gallery-sprite.png');
  background-position: -3px -48px;
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  width: 14px;
}
.icon-bt-columns.icon-white {
  background-position: -3px -33px;
}
.icon-bt-details,
.ts-detail .ts-icon {
  background-image: url('images/gallery-sprite.png');
  background-position: -3px -18px;
  display: inline-block;
  height: 14px;
  vertical-align: middle;
  width: 14px;
}
.icon-bt-details.icon-white {
  background-position: -3px -3px;
}
.icon-bt-home {
  background-image: url(images/btsprite.png);
  background-position: -1px -2272px;
  display: inline-block;
  vertical-align: middle;
}
/* GRID CONTROL ICONS */
.grid-controls {
  height: 35px;
}
.grid-controls button {
  background-color: transparent;
  border: none;
}
/*.grid-controls *:hover {
	cursor: pointer;
	opacity: 0.8;
}  I have no idea why added this style  */
.grid-controls .bt-icon-find {
  background-position: 0 -2px;
}
.grid-controls .bt-icon-pdf {
  background-position: -57px -2px;
}
.grid-controls .bt-icon-xls {
  background-position: -87px -2px;
}
.grid-controls .bt-icon-setup {
  background-position: -182px -1px;
}
/* NEW @2x GRID ICONS */
.grid-controls .bt-icon-setup {
  background-image: url('images/_sprite-icons@2x.png');
  background-position: -45px -90px;
  background-repeat: no-repeat;
  background-size: 382px 495px;
  display: inline-block;
  filter: "alpha(opacity=100)";
  height: 25px;
  opacity: 1;
  width: 35px;
}
.grid-controls .bt-icon-filter {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-filter.svg);
  background-repeat: no-repeat;
  background-size: 22px;
  display: inline-block;
  height: 22px;
  margin-left: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.grid-controls .bt-icon-filter:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-daily {
  background-image: url(images/bt-gridicons-sprite.png);
  background-position: -125px -5px;
  display: inline-block;
  filter: "alpha(opacity=20)";
  height: 20px;
  opacity: 0.2;
  width: 20px;
}
.icon-bt-daily:hover,
.active .icon-bt-daily {
  filter: "alpha(opacity=50)";
  opacity: 0.5;
}
.icon-bt-weekly {
  background-image: url(images/bt-gridicons-sprite.png);
  background-position: -155px -4px;
  display: inline-block;
  filter: "alpha(opacity=20)";
  height: 20px;
  opacity: 0.2;
  width: 20px;
}
.icon-bt-weekly:hover,
.active .icon-bt-weekly {
  filter: "alpha(opacity=50)";
  opacity: 0.5;
}
.icon-move-arrows {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-move-arrows.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  margin-left: 5px;
  margin-bottom: 10px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-move-arrows:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  cursor: pointer;
}
.bt-icon-arrow-up {
  background: url(images/btsprite.png) no-repeat;
  background-position: -2px -2141px;
  display: inline-block;
  height: 10px;
  width: 14px;
}
.bt-icon-arrow-down {
  background: url(images/btsprite.png) no-repeat;
  background-position: -2px -2086px;
  display: inline-block;
  height: 10px;
  width: 14px;
}
.btHighlightBlock .icon {
  background: transparent url('images/dashboard-sprite.png') no-repeat;
  display: inline-block;
  height: 175px;
  margin-top: 20px;
  width: 200px;
}
.btHighlightBlock .bt-icon-simple {
  bottom: 0;
  cursor: pointer;
  margin: 10px;
  position: absolute;
  right: 0;
  visibility: hidden;
  /*temp*/
}
#dashTile_Tutorials .icon {
  background-position: -25px -40px;
}
#dashboardLaunch .icon {
  background-position: -275px -40px;
}
#dashboardInvite .icon {
  background-position: -770px -30px;
}
#dashboardCloudSync .icon {
  background-position: -530px -40px;
}
#dashboardGetMobile .icon {
  background-position: -1525px -40px;
}
#dash_Bigteam {
  background: transparent url(http://www.bigtime.net/Content/css/core/images/bigteam.jpg) center -175px no-repeat;
}
.icon-bt-cloud-connected {
  background-image: url(images/dashboard-sprite.png);
  background-position: -2050px -50px;
  height: 150px;
  position: relative;
  top: 20px;
  width: 150px;
}
.icon-bt-cloud-disconnected {
  background-image: url(images/dashboard-sprite.png);
  background-position: -1800px -50px;
  height: 150px;
  position: relative;
  top: 20px;
  width: 150px;
}
.bt-icon-addressbook {
  background-image: url(images/zerostate-icons.png);
  background-position: -10px -10px;
  display: inline-block;
  height: 75px;
  position: relative;
  width: 75px;
}
.bt-icon-addtime {
  background-image: url(images/zerostate-icons.png);
  background-position: -10px -122px;
  display: inline-block;
  height: 75px;
  position: relative;
  width: 75px;
}
.bt-icon-expenses {
  background-image: url(images/icon-withdrawal.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 60px;
  position: relative;
  width: 60px;
}
.bt-icon-stopwatch {
  background-image: url(images/icon-stopwatch.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 60px;
  position: relative;
  width: 60px;
}
.bt-icon-locked {
  background: url(images/btsprite.png) -5px -1220px no-repeat;
  display: inline-block;
  height: 10px;
  width: 6px;
}
.icon-bt-approve-time,
.icon-bt-approve-invoice,
.icon-bt-approve-expense {
  background-image: url(images/approvals-icons.png);
  display: inline-block;
  height: 50px;
  width: 40px;
}
.icon-bt-approve-time {
  background-position: -9px -13px;
}
.icon-bt-approve-expense {
  background-position: -9px -88px;
}
.icon-bt-approve-invoice {
  background-position: -9px -160px;
}
.active .icon-bt-approve-time {
  background-position: -67px -13px;
}
.active .icon-bt-approve-expense {
  background-position: -67px -88px;
}
.active .icon-bt-approve-invoice {
  background-position: -67px -160px;
}
.icon-bt-invoice-home,
.icon-bt-invoice-create,
.icon-bt-invoice-review,
.icon-bt-invoice-workflow,
.icon-bt-app-config {
  background-image: url(images/invoice-icons.png);
  display: inline-block;
  height: 50px;
  width: 40px;
}
.icon-bt-invoice {
  background-image: url(images/invoice-icons.png);
  background-position: -126px -11px;
  height: 20px;
  width: 15px;
}
.icon-bt-invoice-home {
  background-position: -9px -13px;
}
.icon-bt-invoice-create {
  background-position: -9px -89px;
}
.icon-bt-invoice-review {
  background-position: -9px -162px;
}
.icon-bt-invoice-workflow {
  background-position: -9px -239px;
}
.icon-bt-app-config {
  background-position: -9px -323px;
}
.active .icon-bt-invoice-home {
  background-position: -67px -13px;
}
.active .icon-bt-invoice-create {
  background-position: -67px -89px;
}
.active .icon-bt-invoice-review {
  background-position: -67px -162px;
}
.active .icon-bt-invoice-workflow {
  background-position: -67px -239px;
}
.active .icon-bt-app-config {
  background-position: -67px -323px;
}
.icon-bt-post-white {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -61px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
#Unposted,
.icon-bt-post-0 {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -42px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
#Failed,
.icon-bt-post-3 {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -80px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
#Pending,
.icon-bt-post-1 {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -99px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
#Invalid,
.icon-bt-post-10 {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -119px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
#InProcess,
.icon-bt-post-4 {
  background-image: url(images/invoice-icons.png);
  background-position: -121px -99px;
  display: inline-block;
  height: 14px;
  width: 22px;
}
/*
Unposted = 0    (blue-ready)
Pending = 1       (grey-pending)
Successful = 2   (?? - success )
Failed = 3          (red)
InProcess = 4   (waiting... refresh)
Invalid = 10      (invalid "crossed-out" icon)
*/
/* PRICE TAGE STYLES */
.priceTag {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  background: #449d44;
  border-radius: 6px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  height: 38px;
  line-height: 28px;
  padding: 5px 10px;
  position: relative;
}
.priceTag:before {
  border-bottom: 18px solid transparent;
  border-right: 20px solid #449d44;
  border-top: 18px solid transparent;
  content: "";
  height: 0;
  left: -18px;
  position: absolute;
  right: 100%;
  top: 1px;
  width: 0;
}
.priceTag:after {
  background-color: #FFFFFF;
  border-radius: 5px;
  content: "";
  height: 5px;
  left: -10px;
  position: absolute;
  top: 16px;
  width: 5px;
}
.priceTag-small {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #449d44;
  border-radius: 3px;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  height: 20px;
  left: -5px;
  line-height: 20px;
  padding: 0px 5px;
  position: relative;
  top: 0;
}
.priceTag-small:before {
  border-bottom: 10px solid transparent;
  border-left: 10px solid #449d44;
  border-top: 10px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: -9px;
  top: 0px;
  width: 0;
}
/* if you place an icon on the left/right of text in a link or a button, then this will center and add some margin from the text */
.icon-left-align {
  margin-right: 5px;
  vertical-align: bottom;
}
.icon-right-align {
  margin-left: 5px;
  vertical-align: bottom;
}
.active-arrow-right {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #1F74CE;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}
.active-arrow-left {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #222222;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-right: 2px;
  vertical-align: middle;
  width: 0;
}
.btn-toolbar a:hover .active-arrow-left {
  border-right-color: #1F74CE;
}
.btn-toolbar a:hover .active-arrow-right {
  border-left-color: #1F74CE;
}
.arrow-right {
  border-bottom: 6px solid transparent;
  border-left: 6px solid #443E3D;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  width: 0;
}
.arrow-left {
  border-bottom: 6px solid transparent;
  border-right: 6px solid #4D4D4D;
  border-top: 6px solid transparent;
  display: inline-block;
  height: 0;
  margin-right: 2px;
  vertical-align: middle;
  width: 0;
}
.arrow-right:hover,
*:hover > .arrow-right {
  border-left: 6px solid #B3B3B3;
  cursor: pointer;
}
.arrow-left:hover,
*:hover > .arrow-left {
  border-right: 6px solid #B3B3B3;
  cursor: pointer;
}
/* if a button has icon+text, then we need to format it with a smaller left margin and an align-vertical
	<a class="btn btn-with-icon"><i class="icon-xx"></i>Text</a>
*/
.btn-sm.btn-with-icon {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 24px;
  padding: 0 17px 0 2px;
}
.btn-with-icon > i {
  max-height: 24px;
  vertical-align: middle;
}
.btn-with-icon > i.icon-bt-add {
  background-color: transparent;
}
/* BT Flags */
.btflags {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/bt-sprite-flags.png);
  background-repeat: no-repeat;
  background-size: 90px 60px;
  display: inline-block;
  height: 30px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 30px;
}
.btflags.locked {
  background-position: 0 0;
}
.btflags.locked.active {
  background-position: 0 -30px;
}
.btflags.missingData {
  background-position: -30px 0;
}
.btflags.missingData.active {
  background-position: -30px -30px;
}
.btflags.completed {
  background-position: -60px 0;
}
.btflags.completed.active {
  background-position: -60px -30px;
}
#qbo-connect {
  cursor: pointer;
  width: 190px;
  height: 35px;
  display: inline-block;
  border-radius: 0px;
  border: none;
  background-image: url(images/C2QB_green_btn_tall_default.png);
  background-position: 0px;
  background-size: 190px;
}
#qbo-connect:hover {
  background-image: url(images/C2QB_green_btn_tall_hover.png);
}
.intuit-sign-in {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/intuit-logo.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 75px;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.google-sign-in {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/google-logo.png);
  background-repeat: no-repeat;
  display: inline-block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.ms-sign-in {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/ms-signin.svg);
  background-repeat: no-repeat;
  display: inline-block;
  width: 147px;
  height: 28px;
  border: 0px;
  box-shadow: 0 1px 2px 0 rgb(128 128 128);
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
.icon-no-preview-available {
  background-image: url(images/svg/no-preview-icon.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 100%;
  width: 100%;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
}
#onelogin-sign-in {
  width: 103px;
  height: 34px;
  border-radius: 5px;
  border: none;
  background-image: url(images/Sign_in_onelogin.png);
}
#okta-sign-in {
  width: 103px;
  height: 34px;
  border-radius: 5px;
  border: none;
  background-image: url(images/Sign_in_okta.png);
}
.icon-clipboard {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/clipboard.svg');
  background-size: 17px 18px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  width: 17px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-clipboard:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-bt-edit-action {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-edit.svg);
  background-repeat: no-repeat;
  display: inline-block;
  height: 22px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 22px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-bt-edit-action:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-xls {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-xls.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin-top: 5px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 42px;
}
.dotted-lines:after {
  content: '';
  width: 9px;
  height: 200px;
  position: absolute;
  background-image: url(../bt-core/images/dotted-lines.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  display: block;
  top: 132px;
  left: 10px;
  transform: scale(1.7);
}
/****              UPDATED ICON STANDARDS 2023               ****/
/**** PLEASE FOLLOW STANDARDS USED BELOW WHEN CREATING ICONS ****/
.icon-default-setup {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.iconWithLabel {
  display: flex;
  align-items: flex-end;
}
.icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 3px;
}
.icon-container > * {
  background-size: 100%;
  background-position: center;
}
.icon-w-background {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 3px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: #1F74CE;
}
.icon-w-background:hover {
  border: 1px solid #1F74CE;
  background: #FFFFFF;
}
.icon-w-background > i {
  background-size: 100%;
  filter: brightness(0) invert(1);
}
.icon-w-background > i:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-w-background:hover > i {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-w-white-background {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 3px;
  border-radius: 3px;
  background: #1F74CE;
  width: 20px;
  height: 20px;
  background: #FFFFFF;
  border: 1px solid #1F74CE;
}
.icon-w-white-background:hover {
  border: 1px solid #1F74CE;
  background: #FFFFFF;
}
.icon-w-white-background:hover {
  background: #1F74CE;
}
.icon-w-white-background > i {
  background-size: 100%;
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-w-white-background > i:hover {
  filter: brightness(0) invert(1);
}
.icon-w-white-background:hover > i {
  filter: brightness(0) invert(1);
}
.icon-disabled {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  padding: 3px;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  background: #B3B3B3 !important;
  border: none !important;
}
.icon-disabled > i {
  display: block !important;
  filter: brightness(0) invert(1) !important;
}
.icon-disabled > i:hover {
  filter: brightness(0) invert(1);
}
@keyframes pulse {
  from {
    box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #333333;
  }
  to {
    box-shadow: 0 0 0 0.65em #ffffff, 0 0 0 1em rgba(51, 51, 51, 0);
  }
}
.icon-pulse:active {
  animation: pulse 0.2s 1 ease-out;
}
.icon-play {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-play.svg');
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-play:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-pause {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-pause.svg');
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-pause:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-arrow-left {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('images/icon-arrow-back.svg');
  height: 20px;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-arrow-left:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-arrow-left-big {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-arrow-left-big.svg');
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-arrow-left-big:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-arrow-right {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('images/icon-arrow-forward.svg');
  height: 20px;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-arrow-right:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-arrow-right-big {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-arrow-right-big.svg');
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.icon-arrow-right-big:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.shopping-cart-icon-container {
  display: flex;
  flex-flow: row;
}
.shopping-cart-icon > i {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/configDashShoppingCart-icon.svg');
  background-size: 100%;
  height: 23px;
  width: 25px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.shopping-cart-icon:hover > i {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.shopping-cart-count {
  background: #1F74CE;
  border-radius: 10px;
  color: #FFFFFF;
  display: inline-block;
  line-height: 23px;
  text-align: center;
  padding-left: 0.75px;
  width: 25px;
  height: 23px;
  margin: 0 0 0 2px;
}
.attachment-icon {
  color: #1F74CE;
  position: relative;
  flex: 1;
  padding-left: 20px;
  cursor: pointer;
}
.attachment-icon > i {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-attachment.png');
  background-size: 100%;
  display: inline-block;
  height: 20px;
  width: 20px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  position: relative;
  top: 5px;
  right: 5px;
  filter: invert(58%) sepia(50%) saturate(745%) hue-rotate(140deg) brightness(100%) contrast(106%);
}
.icon-edit-roundback {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-edit-roundbackground.svg');
  background-size: 100%;
  height: 25px;
  width: 25px;
}
.icon-alert-triangle {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../bt-core/images/icon-alert-triangle.svg');
}
.icon-minimize {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  background-image: url('../bt-core/images/icon-minimize.svg');
}
.icon-minimize:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-expand {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  background-image: url('../bt-core/images/icon-expand.svg');
}
.icon-expand:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-reload {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  display: inline-block;
  width: 100%;
  height: 100%;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  background-image: url('../bt-core/images//icon-reload.svg');
}
.icon-reload:hover {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.icon-arrow-w-line-right {
  -ms-interpolation-mode: nearest-neighbor;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(images/icon-arrow-w-line-right.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  filter: brightness(0) invert(1);
}
.icon-account-balance-wallet {
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url(images/icon-account-balance-wallet.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: inline-block;
  height: 20px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 20px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* placeholders on form controls */
.form-control::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #B3B3B3 !important;
}
.form-control:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #B3B3B3 !important;
  opacity: 1;
}
.form-control::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #B3B3B3 !important;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #B3B3B3 !important;
}
/* form layouts (anything required for each TYPE of form - widths/etc as well as form elements that aren't bootstrap native) */
input,
textarea,
select {
  -webkit-appearance: none;
}
textarea {
  resize: vertical;
}
*:focus {
  outline: 0;
}
/* Used to create a simple <ul> of label/value for a vertical form */
ul.form-group.centered {
  margin: 0px auto;
  max-width: 400px;
}
ul.form-group {
  list-style-type: none;
  padding: 0px;
}
ul.form-group > li {
  padding-bottom: 10px;
  position: relative;
}
ul.form-group.tight > li {
  padding-bottom: 0px;
}
.modal-body > ul.form-group {
  margin-bottom: 0px;
}
ul.form-group > li > h6 {
  margin-bottom: 7px;
  margin-top: 14px;
}
ul.form-group > li.tight {
  padding-bottom: 0px;
}
ul.form-group > li.section-break > h6 {
  margin-top: 15px;
}
ul.form-group > li > label {
  display: block;
}
ul.form-group > li > input,
ul.form-group > li > textarea,
ul.form-group > li > select,
ul.form-group > li > .select-box,
ul.form-group > li > .input-container,
ul.form-group > li > .input-container2,
ul.form-group > li > .input-container3,
ul.form-group > li > .input-container4,
ul.form-group > li > .input-container5,
ul.form-group > li > .input-container2-3,
ul.form-group > li > .input-container3-2,
ul.form-group > li > .input-container4-2,
ul.form-group > li > .bt-select,
ul.form-group > li > .bt-autocomplete {
  display: block;
}
ul.form-group > li > .input-container,
ul.form-group > li > .input-container1,
ul.form-group > li > .input-container2,
ul.form-group > li > .input-container3,
ul.form-group > li > .input-container4,
ul.form-group > li > .input-container5,
ul.form-group > li > .input-container2-3,
ul.form-group > li > .input-container3-2,
ul.form-group > li > .input-container4-2 {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  list-style-type: none;
  padding: 0;
  position: relative;
  width: 100%;
}
ul.form-group > li.tight > .input-container,
ul.form-group > li.tight > .input-container1,
ul.form-group > li.tight > .input-container2,
ul.form-group > li.tight > .input-container3,
ul.form-group > li.tight > .input-container4,
ul.form-group > li.tight > .input-container5,
ul.form-group > li.tight > .input-container2-3,
ul.form-group > li.tight > .input-container3-2,
ul.form-group > li.tight > .input-container4-2 {
  margin-bottom: 5px;
}
/* this is a faux input box from a DIV object */
.input-container.input-border {
  background-color: #FFFFFF;
  background-image: none;
  border: 1px solid #B3B3B3;
  color: #443E3D;
  display: block;
  font-size: 13px;
  min-height: 30px;
  line-height: 1.42857143;
  padding: 5px 12px;
  vertical-align: middle;
  width: 100%;
  text-overflow: clip;
  overflow: hidden;
}
.input-container.input-border.clipped {
  max-height: 30px;
}
ul.form-group > li > .input-container2 > li,
ul.form-group > li > .input-container3 > li,
ul.form-group > li > .input-container4 > li,
ul.form-group > li > .input-container5 > li,
ul.form-group > li > .input-container2-3 > li,
ul.form-group > li > .input-container3-2 > li,
ul.form-group > li > .input-container4-2 > li {
  float: left;
  position: relative;
}
ul.form-group > li > .input-container2 > li:last-child,
ul.form-group > li > .input-container3 > li:last-child,
ul.form-group > li > .input-container4 > li:last-child,
ul.form-group > li > .input-container5 > li:last-child,
ul.form-group > li > .input-container2-3 > li:last-child,
ul.form-group > li > .input-container3-2 > li:last-child,
ul.form-group > li > .input-container4-2 > li:last-child {
  margin: 0;
}
ul.form-group > li > .input-container2 > li {
  margin-right: 2%;
  width: 49%;
}
ul.form-group > li > .input-container3 > li {
  margin-right: 2%;
  width: 32%;
}
ul.form-group > li > .input-container4 > li {
  margin-right: 2%;
  width: 24%;
}
ul.form-group > li > .input-container4 > li:last-child {
  width: 22%;
}
ul.form-group > li > .input-container4.narrow > li {
  margin-right: 1%;
  width: 24%;
}
ul.form-group > li > .input-container5 > li {
  margin-right: 2%;
  width: 18.4%;
}
ul.form-group > li > .input-container2-3 > li {
  margin-right: 2%;
  width: 32%;
}
ul.form-group > li > .input-container2-3 > li:last-child {
  width: 66%;
}
ul.form-group > li > .input-container3-2 > li {
  margin-right: 2%;
  width: 66%;
}
ul.form-group > li > .input-container3-2 > li:last-child {
  width: 32%;
}
ul.form-group > li > .input-container4-2 > li {
  margin-right: 2%;
  width: 24%;
}
ul.form-group > li > .input-container4-2 > li:last-child {
  width: 48%;
}
.inputContainer.c80 > ul > li {
  width: 75%;
}
.inputContainer.c80 > ul > li:last-child {
  width: 24%;
}
.form-group .bt_select_box,
.form-group .bt_autocomplete_box {
  display: block;
  height: 30px;
  width: 100%;
}
ul.form-group .placeholder-label {
  position: relative;
}
ul.form-group .placeholder-label label {
  left: 13px;
  margin: 0;
  position: absolute;
  top: 10%;
  z-index: 2;
  font-size: 11px;
}
ul.form-group .placeholder-label input,
ul.form-group .placeholder-label select {
  padding-left: 50px;
  text-align: right;
}
ul.form-group .placeholder-label.short > label {
  width: 40px;
}
ul.form-group .placeholder-label.short > input,
ul.form-group .placeholder-label.short select {
  padding-left: 40px;
}
ul.form-group .placeholder-label.long > label {
  width: 45%;
}
ul.form-group .placeholder-label.long > input,
ul.form-group .placeholder-label.long select {
  padding-left: 45%;
}
ul.form-group > li > .input-container > ul > li:not(:first-child).placeholder-label > label,
ul.form-group > li > .input-container > ul > li:not(:first-child).placeholder-label > label {
  left: 10px;
}
ul.form-group > li > input {
  display: block;
}
ul.form-group li > label {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  text-align: left;
}
ul.form-group li > label.toggle-link {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #1F74CE;
  font-size: 11px;
  font-weight: normal;
}
ul.form-group li > label.auto-number-link {
  cursor: pointer;
  color: #1F74CE;
  font-size: 11px;
  font-weight: normal;
  margin-left: 0;
}
ul.form-group li .label-text {
  color: #8E8580;
  font-size: 11px;
  font-weight: normal;
}
li.buttonContainer {
  text-align: right;
}
.form-group li > label.checkbox,
.form-group li > label.radio {
  display: inline-block;
  margin-left: 0px;
  margin-right: 20px;
  margin-top: 0px;
  margin-top: 10px;
  min-height: 0px;
}
.form-group li > label.checkbox > input,
.form-group li > label.radio > input {
  margin-top: 1px;
}
label.checkbox.disabled,
label.radio.disabled,
.form-group li > label.checkbox.disabled,
.form-group li > label.radio.disabled {
  color: #B3B3B3;
}
.form-group li > label.checkbox.multiline,
.form-group li > label.radio.multiline {
  display: inline-block;
  margin-left: 2px;
  margin-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  min-height: 0px;
  line-height: 150%;
  padding-left: 25px;
}
.form-group li > label.checkbox.multiline > strong,
.form-group li > label.radio.multiline > strong {
  font-weight: normal;
  font-size: 13px;
  padding-right: 6px;
  color: #1F74CE;
}
.form-group li > label.checkbox.multiline > input,
.form-group li > label.radio.multiline > input {
  margin-top: -2px;
  margin-left: -25px;
}
.form-group li.checklist > label.checkbox,
.form-group .checklist > label.checkbox {
  display: block;
  margin-left: 13px;
  margin-top: 5px;
}
.form-group li > label.checkbox.tight,
.form-group li > label.radio.tight {
  margin: 2px 0px;
}
.form-group li > label.streamline {
  float: left;
}
.form-group li > textarea {
  height: 75px;
  resize: vertical;
}
.form-group li > textarea.lg {
  height: 125px;
}
.form-group li > textarea.sm {
  height: 48px;
}
textarea.small-text {
  font-size: 11px;
  min-height: 60px;
  resize: vertical;
}
.bt-file-upload {
  /*left: -1px;*/
  border: 1px solid #B3B3B3;
  display: inline-block;
  position: relative;
  width: 100%;
  border-radius: 2px;
}
.bt-file-upload:hover {
  border-color: #1F74CE;
}
.bt-file-upload.uploading {
  border: none;
  padding: 10px 0;
}
.bt-file-upload input {
  -moz-opacity: 0.01;
  cursor: pointer;
  filter: alpha(opacity=1);
  font-size: 100px;
  height: 30px;
  opacity: 0.01;
  position: absolute;
  right: 0;
  top: 0;
}
.bt-file-upload.uploading input {
  -moz-opacity: 1;
  filter: alpha(opacity=100);
  font-size: inherit;
  left: 0;
  opacity: 1;
  top: 5px;
}
.bt-file-upload .upload-button {
  background-color: #1F74CE;
  background-image: url(images/bt-md-sprite.png);
  background-position: -80px 0;
  display: inline-block;
  float: left;
  height: 30px;
  width: 30px;
}
.bt-file-upload .button {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  height: 30px;
  line-height: 32px;
  text-indent: 10px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
/* TABLES ARE REALLY HARD TO STYLE IN CSS, SO WE USE STRANGE TECHNIQUES */
table.form-group-table {
  border-collapse: inherit;
  border-spacing: 5px;
  left: -12px;
  margin-bottom: -10px;
  margin-top: -20px;
  position: relative;
  width: 100%;
}
table.form-group-table:last-child {
  margin-bottom: 0;
}
table.form-group-table th {
  color: #8E8580;
  font-size: 11px;
  font-weight: normal;
  padding-left: 12px;
  position: relative;
}
table.form-group-table tr {
  /*	display: inline-table;
	position: relative;
	width: 100%;
	
	This code breaks Expensie Code UOM entry. WHY? FIX IT. :)
	*/
}
table.form-group-table td.empty {
  visibility: hidden;
}
.inputContainer.UnitCost {
  display: block;
}
.inputContainer.UnitCost tr {
  display: block;
  width: 100%;
}
.inputContainer.UnitCost .input-append .unitTotalCost {
  display: inline-block;
  height: 100%;
  line-height: 15px;
  padding: 6px;
}
.inputContainer.UnitCost .placeholder {
  position: relative;
}
.inputContainer.UnitCost .placeholder label {
  font-size: 10px;
  font-weight: normal;
  padding: 5px;
  position: absolute;
}
.input-append {
  display: inline-block;
  position: relative;
  width: 100%;
}
.input-append input {
  float: left;
  text-align: right;
  width: 33.3%;
}
.input-prepend .add-on,
.input-append .add-on,
.input-prepend .btn,
.input-append .btn {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  margin-left: -1px;
}
.input-prepend .add-on,
.input-append .add-on {
  background-color: #B3B3B3;
  border: 1px solid #B3B3B3;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  height: 30px;
  line-height: 16px;
  padding: 6px 10px;
  text-align: center;
  text-shadow: 0 1px 0 #FFFFFF;
  vertical-align: middle;
  width: auto;
}
.input-append .add-on {
  border-left: none;
  border-right: none;
  margin: 0;
  text-align: right;
  width: 33.3%;
}
input.amount-highlight {
  color: #33995E;
}
.double-check-content {
  min-width: 150px;
  color: #222222;
  border-bottom: 1px solid #B3B3B3;
  padding: 0px 0 7px 0;
}
.double-check-content-subtext {
  min-width: 150px;
  color: #222222;
  font-size: 12px;
  padding: 0px 0 7px 0;
}
.double-check-content .double-check-input {
  margin-top: 6px;
}
.btn-toolbar.doublecheck {
  margin-bottom: 0;
  margin-top: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: right;
  width: 100%;
}
.btn-toolbar.doublecheck .js-cancelPopover,
.btn-toolbar.doublecheck .js-confirmPopover,
.btn-toolbar.doublecheck .js-action1Popover,
.btn-toolbar.doublecheck .js-action2Popover {
  cursor: pointer;
  padding: 7px 5px;
  min-width: 60px !important;
  margin: 0px 5px !important;
  line-height: 15px;
}
.btn-toolbar.doubleaction .closeAction {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
  min-width: unset !important;
}
.selectContainer {
  background-color: #FFFFFF;
  position: relative;
}
.selectContainer:after {
  border-left: 5px solid transparent;
  content: "";
  cursor: pointer;
  position: absolute;
  content: '';
  background-image: url(images/icon-field-down-arrow.svg);
  filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(94%) contrast(91%);
  background-repeat: no-repeat;
  display: flex;
  height: 22px;
  width: 22px;
  top: 7px;
  right: 10px;
}
.authenty .selectContainer.large.createFirm:after {
  top: 14px !important;
}
.selectContainer:hover:after {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.selectContainer select {
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  padding-left: 8px;
  padding-right: 32px;
  position: relative;
  text-indent: 0.01px;
  text-overflow: "";
  width: 100%;
  z-index: 3;
}
.selectContainer select:hover,
.selectContainer select:active,
.selectContainer select:focus {
  border-color: #1F74CE;
}
.selectContainer select > option {
  background: #FFFFFF;
  cursor: pointer;
  font-family: inherit;
  margin: 0px;
  min-height: 24px;
  padding: 3px 17px 3px 12px;
  color: #222222;
}
.selectContainer.large select {
  height: 44px;
}
/* IE: fix for select's arrow  */
.selectContainer select::-ms-expand {
  display: none;
}
/*	Razor JQuery Autocomplete overrides */
.ui-menu {
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-top: 0;
  width: 100px;
  padding-left: 10px;
  max-height: 100px;
  overflow-y: auto;
  z-index: 100;
}
.ui-helper-hidden-accessible {
  display: none !important;
}
/* ERROR STUFF */
.input-validation-error {
  background-color: #FCEAE8 !important;
  border: 1px solid #DC2F18 !important;
  color: #4D4D4D !important;
}
textarea.errorCharLimit {
  border-color: #DC2F18 !important;
}
p.errorCharLimit {
  color: #DC2F18 !important;
}
form.ng-submitted .ng-invalid:not(.ng-pristine) {
  background-color: #FCEAE8 !important;
  border: 1px solid #DC2F18 !important;
  color: #4D4D4D !important;
}
form.ng-submitted .bt_select_box.ng-invalid:not(.ng-pristine) input {
  background-color: #FCEAE8 !important;
}
form.ng-submitted .invalid-text {
  color: #DC2F18 !important;
}
/* a "simple-select" container with an error will show a double line (because both the container AND the select have 
the input-validation-error class).  So, we need to skip the border on the outer object). */
.selectContainer.simple-select.input-validation-error {
  border: 0px;
}
.inline-error {
  color: #1F74CE;
  font-size: 11px;
  margin: 0;
  text-align: right;
}
/* SMALL input (11px and 22px tall) */
input.form-control.small {
  font-size: 11px;
  height: 22px;
  padding: 2px 12px;
}
/* form DIALOG sizes */
.modal.form-default .modal-dialog {
  width: 400px;
}
.modal.form-narrow .modal-dialog {
  width: 300px;
}
.modal-dialog .confirm-comment {
  resize: vertical;
  width: 100%;
}
.modal.expense-dialog .modal-dialog {
  width: 450px;
}
.modal-dialog .confirm-comment {
  background-color: #FFFFFF;
  color: #222222;
  border-color: #B3B3B3;
}
.modal-dialog .confirm-comment:hover {
  border-color: #1F74CE;
}
.modal .modal-dialog .modal-body .helpIcon {
  background: url(images/gallery-sprite.png) no-repeat -106px -56px;
  display: inline-block;
  height: 14px;
  margin-bottom: -3px;
  margin-left: 5px;
  width: 13px;
}
.modal-body.entry-page {
  max-height: 600px;
  overflow-y: auto;
}
ul.audit-log-list {
  list-style-type: none;
  padding: 0px 12px;
  font-size: 11px;
}
ul.audit-log-list > li {
  padding-top: 6px;
}
/* Placeholders for ERROR cells should be easier to read (original is in bootstrap.css) */
.input-validation-error.form-control:-moz-placeholder {
  color: #4D4D4D !important;
}
.input-validation-error.form-control::-moz-placeholder {
  color: #4D4D4D !important;
  opacity: 1;
}
.input-validation-error.form-control:-ms-input-placeholder {
  color: #4D4D4D !important;
}
.input-validation-error.form-control::-webkit-input-placeholder {
  color: #4D4D4D !important;
}
.modal .footer-warning {
  margin: 5px;
  text-align: left;
  padding: 10px 15px 0 15px;
  border: 1px solid #EEAB00;
}
.modal .footer-padded {
  padding: 10px 20px;
}
.modal .top-border-grey {
  border-top: 1px solid #B3B3B3;
}
.appPage .form-control {
  background: transparent;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 2px;
  line-height: 18px;
  font-size: 11px;
}
.appPage .form-control:disabled {
  background-color: #E6E6E6 !important;
}
.appPage input.form-control:focus,
.appPage input.form-control:hover {
  border: 1px solid #1F74CE;
}
.appPage input.form-control {
  padding: 10px 10px 10px 18px;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #222222;
}
.appPage textarea.form-control:hover {
  border: 1px solid #1F74CE;
}
.appPage textarea.form-control {
  line-height: 130%;
  background-color: #FFFFFF;
}
.appPage .label-right {
  text-align: right !important;
  margin-right: 18px;
  float: right !important;
}
.appPage .charCountOverflow {
  color: #DC2F18 !important;
}
.appPage .charCount {
  color: #808080 !important;
}
.required {
  color: #DC2F18;
}
.modal.datepickerInterval .modal-dialog {
  width: fit-content;
  margin-top: 15%;
}
.datepicker-interval-formControl {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.datepicker-interval-popup {
  display: block;
  width: 300px;
  height: fit-content;
  background: #FFFFFF;
  border-radius: 5px;
}
.datepicker-interval-popup > h3 {
  font-size: 22px;
  margin: 40px auto 10px;
  width: fit-content;
  font-weight: 700;
}
.datepicker-interval-popup > .dateselector,
.datepicker-interval-popup > .rangeselector {
  display: flex;
  flex-flow: row;
  justify-content: center;
}
.datepicker-interval-popup > .rangeselector {
  margin-bottom: 15px;
}
.datepicker-interval-popup > .rangeselector .rangeText {
  cursor: pointer;
  font-size: 14px;
  color: #1F74CE;
}
.datepicker-interval-popup > .rangeselector .rangeText.selected {
  color: #1F74CE;
  font-weight: 700;
}
.datepicker-interval-popup > .rangeselector .rangeText:not(:last-child) {
  margin-right: 15px;
}
.datepicker-interval-popup > .dateselector .selectedDate {
  width: 100px;
  text-align: center;
}
.datepicker-interval-popup > .dateselector .arrowcontainer {
  width: 0;
}
.datepicker-interval-popup > .dateselector .arrowcontainer.left {
  margin-right: 15px;
}
.datepicker-interval-popup > .dateselector .arrowcontainer.right {
  margin-left: 10px;
}
.datepicker-interval-popup > .footertoolbar {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 20px;
}
.datepicker-interval-popup > .footertoolbar > .btn {
  cursor: pointer;
  padding: 5px;
  min-width: 60px !important;
}
.datepicker-interval-popup > .footertoolbar > .btn:not(:last-child) {
  margin-right: 15px;
}
.flex-container-row {
  display: flex;
  flex-direction: row;
}
.flex-container-row > * {
  margin-right: 15px;
}
.flex-container-row-2 {
  display: flex;
  flex-direction: row;
}
.flex-container-row-2 > * {
  width: 50%;
}
.flex-container-row-2 > *:not(:last-child) {
  margin-right: 15px;
}
.flex-container-row-3 {
  display: flex;
  flex-direction: row;
}
.flex-container-row-3 > * {
  width: 33%;
}
.flex-container-row-3 > *:not(:last-child) {
  margin-right: 15px;
}
.flex-container-row-4 {
  display: flex;
  flex-direction: row;
}
.flex-container-row-4 > * {
  width: 25%;
}
.flex-container-row-4 > *:not(:last-child) {
  margin-right: 15px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* css for the div-based BT tables (regular tables are already styled within bootstrap.js) */
/* GridCanvas (viewport) */
.btt-canvas {
  background: #FFFFFF;
  min-width: 100%;
  outline: 0;
  position: relative;
}
.btt-canvas-vertical {
  -webkit-overflow-scrolling: touch;
  background: #FFFFFF;
  border: solid 1px #B3B3B3;
  border-top: none;
  outline: 0px;
  overflow: auto;
  position: relative;
  width: auto;
}
.btt-table_wrap {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  min-width: 650px;
  width: 100%;
}
.btt-table_body {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.btt-table_wrap .footer_toolbar.tsFooter_toolbar {
  background-color: #FFF5DB;
  height: 35px;
  left: 0px;
  position: relative;
  text-align: center;
  width: 100%;
}
.btt-table_wrap .footer_toolbar {
  background: #B3B3B3;
  border-top: 1px solid #B3B3B3;
  padding: 0;
}
.btt-table_wrap > .header_toolbar,
.btt-table_wrap > .footer_toolbar {
  position: absolute;
}
.btt-table_wrap .header_toolbar {
  display: inline-block;
  min-height: 30px;
}
.btt-table_wrap .footer_toolbar {
  background: #B3B3B3;
  border-top: 1px solid #B3B3B3;
  bottom: 0;
  margin: 0px;
  padding: 0;
}
.bttr.allow-time-entry:hover {
  background-color: #F6F6F6;
}
/* border-box the resizable elements */
.btthead,
.bttd,
.bttr,
.btt-canvas,
btt-canvas-vertical {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* column headers, super-heads */
.btthead-row {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}
.btthead-row {
  height: 46px;
  background: #F0F0F3;
  border-bottom: 1px solid #B3B3B3;
  border-top: 1px solid #B3B3B3;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 999999px;
}
.btthead-row .tooltip-inner {
  white-space: normal;
}
/*
.btthead-row * {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
*/
.btthead {
  -ms-align-items: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 14px;
  margin: 0;
  min-height: 46px;
  overflow: visible;
  padding: 0 12px;
  position: relative;
  text-overflow: ellipsis;
}
.btthead,
.btthead-super {
  background-color: #ebebeb;
  color: #222222;
}
.btthead-row .btthead {
  background-color: #F0F0F3;
  border: 0px;
  border-right: 1px solid #B3B3B3;
}
.btthead-row > .btthead:nth-last-child(2) {
  border-right: 0px;
}
.btthead,
.btthead-super,
.btthead-end {
  background-color: #FFFFFF;
  background-image: none;
  color: #222222;
}
.btthead:hover,
.btthead-active {
  background-color: #B3B3B3;
  background-image: none;
  cursor: pointer;
}
div.btthead button.btrgrid-filter {
  -mox-box-shadow: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: none;
  background: #B3B3B3;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkzNDRGN0ZGNzM1RTExRTE4NkM4ODVEMTdGN0QyRjQyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkzNDRGODAwNzM1RTExRTE4NkM4ODVEMTdGN0QyRjQyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTM0NEY3RkQ3MzVFMTFFMTg2Qzg4NUQxN0Y3RDJGNDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTM0NEY3RkU3MzVFMTFFMTg2Qzg4NUQxN0Y3RDJGNDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65yIP5AAAAFVBMVEVoaGhpaWlnZ2dlZWVmZmZkZGT///8SLO/QAAAAB3RSTlP///////8AGksDRgAAAB9JREFUeNpiYGJgZmJkYGNgZmRjYIMiFjDJysYGEGAABQAAagH57CYAAAAASUVORK5CYII%3D);
  background-position: center center;
  background-repeat: no-repeat;
  border: solid 1px #B3B3B3;
  border-radius: 3px;
  bottom: 2px;
  box-shadow: none;
  display: none;
  float: right;
  height: 15px;
  margin: 0px;
  margin-left: 5px;
  padding: 0px;
  padding-top: 2px;
  position: absolute;
  right: 3px;
  width: 18px;
}
div.btthead button:hover {
  border: 1px solid #1F74CE;
  cursor: pointer;
}
.bttr.header {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -webkit-box-sizing: border-box;
  align-items: center;
  border-bottom: 1px solid #B3B3B3;
  border-right: 0px;
  box-sizing: border-box;
  color: #222222;
  font-weight: 600;
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 13px;
  padding-left: 12px;
  width: 100%;
}
.bttr.header .length {
  margin-left: 10px;
  font-size: 12px;
  color: #33995E;
}
.bttr.header .length:before {
  content: '(';
}
.bttr.header .length:after {
  content: ')';
}
.btthead-end {
  display: none;
}
.btthead-wrapper {
  height: 46px;
  background: transparent;
  border: 0px;
  border-left: solid 1px #B3B3B3;
  border-right: solid 1px #B3B3B3;
  overflow: hidden;
  position: relative;
  width: auto;
}
.bttfoot-wrapper {
  background: transparent;
  border: 0px;
  overflow: hidden;
  position: relative;
  width: auto;
}
.bttfoot-wrapper > .bttr {
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 999999px;
}
.bttfoot-wrapper > .bttr.total-100 {
  background-color: #F0F0F3;
}
.missing-superhead {
  padding-top: 21px !important;
}
.btthead-super {
  border: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0px;
  max-height: 52px;
  padding: 0px;
  position: relative;
}
.btthead-super > .label {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  background-color: #FFFFFF;
  border: 0px;
  border-bottom: 1px solid #B3B3B3;
  border-radius: 0px;
  border-right: 1px solid #B3B3B3;
  color: #222222;
  height: 22px;
  left: 0px;
  line-height: 17px;
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
  position: absolute;
  text-align: center;
  top: 0px;
  width: 100%;
  z-index: 1;
}
.btthead-super > .btthead {
  margin-top: 22px;
  min-height: 1px;
  padding-bottom: 7px;
  padding-top: 10px;
}
.btthead-super > .btthead > .column-name {
  font-family: 'Arial';
  font-size: 9px;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
}
.btthead > .column-name {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 700;
  line-height: 140%;
  white-space: normal;
  width: 100%;
}
.btthead > .column-name.right {
  float: none;
}
/* sorting asc/desc indicators */
.btthead > .sort-indicator,
.table thead th .sort-indicator {
  background-image: url('images/icon-column-filter.svg');
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
  float: right;
}
.btthead > .sort-indicator.asc,
.table thead th .sort-indicator.asc {
  background-image: url('images/icon-column-filter-up-hover.svg');
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
}
.btthead > .sort-indicator.desc,
.table thead th .sort-indicator.desc {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
  background-image: url('images/icon-column-filter-down-hover.svg');
}
.btthead:hover > .sort-indicator,
.table thead th:hover .sort-indicator {
  border-bottom-color: white;
  border-top-color: white;
}
/* Header column resizers */
.resizable-handle {
  cursor: col-resize;
  display: block;
  font-size: 0.1px;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
  width: 8px;
}
/* table ROWS (body) */
.bttr {
  background: #FFFFFF;
  border: 0px;
  border-bottom: 1px solid #B3B3B3;
  min-width: 100%;
  position: absolute;
}
.bttr.selected {
  background: #F0F0F3;
  font-weight: normal;
  color: #4D4D4D;
}
.bttr.selected .bttd:before {
  display: none;
}
.bttr.selected .cell-selection {
  background-color: transparent;
}
.bttr.active,
.bttr:nth-child(2n + 1).active {
  background: #F6F6F6;
}
.bttr.active > div:first-child {
  border-left: 3px solid #1F74CE;
}
.bttr.highlights {
  background: #F6F6F6;
  color: #4D4D4D;
}
.bttr.loading {
  -ms-filter: alpha(opacity=50);
  -ms-opacity: 0.5;
}
.bttable-alt .bttr:nth-child(2n + 1) {
  background: #FFFFFF;
}
.bttr .show-selected-only {
  display: none;
}
.bttr.selected .show-selected-only {
  display: inline-block;
  margin: 0px 5px;
}
/* table CELLS */
.bttd.invalid {
  border-color: red;
}
.bttd {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  border-right: solid 1px #B3B3B3;
  cursor: default;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  height: 100%;
  overflow: hidden;
  padding: 5px 12px;
  position: relative;
  vertical-align: middle;
  /* text-overflow: ellipsis; causes names to disappear in FF */
  white-space: nowrap;
}
.bttd .tooltip-inner {
  white-space: normal;
}
/* added to combat bootstrap which hides empty labels */
.bttd.label {
  display: inline-flex !important;
  text-align: left;
}
.bttd.clickable,
.bttd.clickable a {
  color: #1F74CE;
}
.bttd.clickable:hover,
.bttd.clickable:hover a {
  color: #1F74CE;
  cursor: pointer;
  text-decoration: underline;
}
/* css added to allow text to wrap for autogrow tables (eg tables with notes that grow the row height dynamically) */
.btt-canvas.autogrow .bttd {
  -webkit-align-items: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
  padding-top: 10px;
}
.btt-canvas.autogrow .bttd.multi-line {
  min-height: 100%;
  padding-top: 0px;
}
/* Multiline grids (eg - auto-expanding) */
.btt-canvas.autogrow .dname * {
  white-space: normal;
}
.btt-canvas.autogrow .bttd {
  /*white-space: normal;*/
}
.bttd-multiline {
  font-size: 12px;
  line-height: 140%;
  margin: 0px;
  padding: 9px 0px 6px 0px;
  max-height: 100px;
  overflow: hidden;
  white-space: normal;
}
.bttr.selected .bttd-multiline {
  color: #4D4D4D;
}
.full-notes .btt-canvas .bttd-multiline,
.bttd-multiline.full-notes {
  max-height: none;
}
.bttd.editable {
  overflow: visible;
  z-index: 2;
  /*background: white;
	border-color: black;
	border-style: solid;*/
}
.bttd:focus {
  outline: none;
}
.bttd:last-child {
  border-right: 0px;
}
.bttd.cell-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}
.bttd.cell-center {
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
/* Total rows (sub-totals + overall totals) */
.bttd.total-97 {
  background-color: transparent;
  color: #8E8580;
  font-weight: normal;
  overflow: hidden;
  border-right: 0px;
}
.bttr.total-98 {
  background: #FFFFFF;
}
.bttd.total-98 {
  color: #222222;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  border-right: 0px;
}
.bttd.total-99 {
  color: #222222;
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  border-right: 0px;
}
.bttd.total-99.label,
.bttd.total-98.label,
.bttd.total-97.label {
  border: 0px;
  overflow: visible;
  white-space: nowrap;
  font-size: 11px;
}
.bttd.total-98.label {
  padding-left: 40px;
  font-weight: 700;
}
.bttd.total-99.label .dname * {
  color: #222222;
  font-weight: 600;
  white-space: nowrap;
}
/* adding background color to total rows in case the label runs PAST it's border */
.bttd.total-99.total-value,
.bttd.total-97.total-value {
  background: #FFFFFF;
}
.bttd.total-98.total-value {
  background: #FFFFFF;
  font-weight: 700;
}
.bttd.total-100:before {
  display: none;
}
.bttd.total-100 {
  border-left: 0px;
  border-right: 0px;
  color: #222222;
  font-weight: normal;
  overflow: hidden;
  white-space: nowrap;
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 600;
}
.bttd.total-100.label {
  background-color: transparent;
  border: 0px;
  color: #222222;
  overflow: visible;
  text-shadow: none;
}
.bttr.total-100,
bttr.total-100:nth-child(2n + 1) {
  background: #FFFFFF;
  border-bottom: 0px;
  border-top: none;
}
/* If a column has a footnote, we store those notes in a footer-item div */
div.btrgrid-footer-item {
  clear: none;
  display: inline-block;
  margin-right: 20px;
  margin-top: 2px;
}
/* when a checkbox is added to the first column of a grid (checkboxColumn property), this is the style applied to that input element */
.bttd input.checkbox,
.bttd input[type="checkbox"],
.bttd input.checkbox,
.btthead input[type="checkbox"] {
  margin-bottom: 0px;
  margin-left: 0;
  margin-right: 5px;
  margin-top: 0;
  vertical-align: bottom;
}
.bttd input.checkbox,
.btthead input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}
/* BOOTSTRAP BADGE MODS */
.bttd .badge {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  background-color: #B3B3B3;
  background-repeat: no-repeat;
  border-radius: 15px;
  cursor: pointer;
  margin-left: 10px;
  margin-right: 0;
  padding: 5px 15px;
  position: relative;
  top: -1px;
}
.bttd.not-permitted {
  color: transparent;
}
.bttd.not-permitted:after {
  content: '--';
  display: block;
  position: absolute;
  left: 14px;
  font-size: 16px;
  color: #000000;
}
.bttd.not-permitted.total-value:after {
  color: #FFFFFF;
}
/* Need this exception for grids that contain multi-line text fields (can't rely on line-height for positioning)*/
.btt-canvas.autogrow .bttd .badge {
  top: 1px;
}
.btthead .btn-filter {
  background: transparent;
  border: 0px;
  display: none;
  height: 12px;
  padding: 0px;
  width: 21px;
}
.flex-th .btn-filter {
  background: transparent;
  border: 0px;
  display: none;
  height: 12px;
  padding: 0px;
  width: 21px;
}
.btthead.tableColumnTimer .btn-filter {
  display: none !important;
}
.btthead .btn-filter:hover {
  border: 0px;
}
.table-filter-modal {
  display: block;
  position: absolute;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 5px;
  max-width: 360px;
  min-width: 250px;
  overflow-y: auto;
}
.table-filter-modal .filter-content {
  display: flex;
  flex-flow: column;
  width: 100%;
  padding: 16px;
  gap: 8px;
}
.table-filter-modal .filter-content .form-group {
  display: flex;
  flex-flow: column;
  gap: 8px;
  margin: 0;
}
.table-filter-modal .filter-content .form-group .placeholder-label {
  padding: 0;
}
.table-filter-modal .filter-content .filter-find {
  position: relative;
}
.table-filter-modal .filter-content .filter-find input {
  width: 100%;
}
.table-filter-modal .filter-content .filter-find .search-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  font-size: 20px;
  color: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
  pointer-events: none;
}
.table-filter-modal .filter-content .filter-options {
  display: flex;
  flex-flow: column;
  gap: 8px;
  padding: 0;
  margin: 0;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto;
}
.table-filter-modal .filter-content .filter-option {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 8px;
}
.table-filter-modal .filter-content .filter-option label {
  margin: 0;
}
.table-filter-modal .button-container {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  padding: 10px 20px;
  border-top: 1px solid #B3B3B3;
}
.table-filter-modal .button-container .right-buttons {
  display: flex;
  gap: 8px;
}
.table-filter-modal.width-235 {
  min-width: unset;
}
.table-filter-modal.width-235 .button-container {
  flex-flow: column-reverse;
}
.table-filter-modal.width-235 .button-container .right-buttons {
  justify-content: center;
}
.bt-filter_wrapper {
  -moz-border-radius: 2px;
  -moz-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-image: initial;
  border-radius: 2px;
  box-shadow: 0px 10px 34px rgba(0, 0, 0, 0.1);
  display: block;
  position: absolute;
  width: auto;
  z-index: 100;
}
.bt-filter_content .checkedList.overflow {
  max-width: 98%;
  min-width: 125px;
}
.bt-filter_wrapper.edit-columns .checkedList.overflow {
  width: 100%;
}
.bt-filter_content {
  border: none;
  border-image: initial;
  display: inline-block;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.bt-filter_content .selected-header {
  font-weight: bold;
  padding-left: 10px;
  padding-top: 5px;
  margin-top: 10px;
  margin-left: 3px;
}
.bt-filter_wrapper .button-container {
  border-top: 1px solid #B3B3B3;
  display: block;
}
.bt-filter_wrapper .button-container > button.js-cancel {
  margin-left: 10px;
  margin-top: 10px;
}
.bt-filter_wrapper .button-container .pull-right {
  padding-top: 10px;
  padding-bottom: 10px;
}
.bt-filter_wrapper .button-container .pull-right button {
  margin-right: 15px;
}
.btn-sm {
  font-size: 12px;
  height: 30px;
  padding: 6px 10px 6px 10px;
  margin-top: 5px;
}
.button-container .btn {
  margin: 0px;
}
.bt-filter_content div.bt-filter-field label {
  display: inline-block;
  font-size: 10px;
  margin-right: 10px;
  overflow: hidden;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 65px;
}
.btrgrid-filterSeek {
  margin-top: 30px;
}
.bt-filter_content div.bt-filter-field .bt-datepicker {
  width: 100px;
}
.bt-filter_content div.bt-filter-field > input {
  width: 100px;
}
.bt-filter_content div.bt-filter-field {
  margin-top: 10px;
}
.bt-filter_content div.filter-MinMax {
  display: inline-block;
  margin-bottom: 10px;
  text-align: center;
}
.bt-filter_content div.filter-MinMax .bt-filter-field {
  display: inline-block;
}
.bt-filter_wrapper > .bt-filter_errorMessage {
  text-align: center;
  padding-bottom: 20px;
  color: #DC2F18;
  display: none;
}
/* the CheckedList ul is used to display filtered items in a grid and also to show a list of fields that can be included on a report */
ul.checkedList {
  display: inline-block;
  height: auto;
  padding: 0px;
  width: auto;
}
ul.checkedList.overflow > li {
  margin-right: 15px;
  width: 100%;
}
ul.checkedList input {
  vertical-align: top;
}
ul.checkedList label.checkbox > input {
  margin-top: 1px;
}
ul.checkedList li {
  display: block;
  height: auto;
  margin-left: 3px;
  margin-top: 10px;
  padding-left: 15px;
  white-space: nowrap;
  width: auto;
}
ul.sortable .underline {
  border-bottom: 1px solid #B3B3B3;
  padding-bottom: 5px;
  position: relative;
}
ul.checkedList li.invisible {
  display: none;
}
ul.checkedList li > .icon-drag,
ul.checkedList li > .icon-drag-bar {
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: -5px;
}
ul.checkedList li > label {
  cursor: pointer;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0px;
  padding-left: 5px;
  padding-right: 25px;
  text-transform: none;
  white-space: nowrap;
}
ul.checkedList li > label.not-allowed {
  cursor: not-allowed;
}
ul.checkedList label.checkbox {
  display: inline-block;
  margin-top: 0px;
  position: relative;
  white-space: pre-line;
}
ul.checkedList > li.heading {
  font-weight: bold;
  padding-left: 10px;
  padding-top: 5px;
}
ul.checkedList > li.heading.unsortable {
  font-size: 12px;
}
.dname .prjPart,
.dname .fullname {
  line-height: inherit;
  margin: 0;
}
.bttr.header .dname p {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  color: #222222;
  font-weight: 600;
  /*width: 100%;*/
  display: -webkit-inline-flex;
  display: inline-flex;
  font-size: 15px;
  overflow: hidden;
}
.bttd.label .dname p {
  display: inline-flex;
  font-size: 11px;
}
.bttr.header .dname p.fullname {
  font-size: 11px;
  margin-left: 6px;
}
.bttd.label .dname p.fullname:before {
  content: " | ";
  margin: 0px 3px;
}
/* TABLE LISTS - use these styles to make an unordered list look like a table */
ul.btt-table {
  margin: 0;
  padding: 0;
}
ul.btt-table > li {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  line-height: 150%;
  margin-top: -1px;
  padding: 15px;
  vertical-align: top;
}
ul.btt-table > li.active {
  background-color: #FFFFFF;
}
/* Generic sizes/styles for numeric/integer columns */
th.number,
th.date,
.table th.number,
.table th.date,
td.number,
td.date,
.table td.number,
.table td.date,
td.int,
th.int,
.table td.int,
.table th.int,
td.number input,
td.int input,
th.textRight,
td.textRight,
.table th.textRight,
.table td.textRight {
  text-align: right;
}
table td.number,
table th.number,
td.number {
  width: 100px;
  white-space: nowrap;
}
table td.number .tooltip-inner,
table th.number,
td.number .tooltip-inner {
  white-space: normal;
}
table td.number.input,
table th.number.input,
td.number.input {
  width: 120px;
}
table td.int,
table th.int,
td.int {
  width: 80px;
}
table td.icon,
table th.icon,
td.icon {
  text-align: center;
  width: 20px;
}
table th.icon,
th.icon {
  overflow: hidden;
}
table td.centered,
table th.centered,
td.centered {
  text-align: center !important;
}
/* class used for SCROLLABLE table body */
.table-scrollable > tbody {
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
}
.table-scrollable > thead,
.table-scrollable > thead {
  display: block;
  width: 100%;
  background-color: #FFFFFF;
}
.table-scrollable > thead > tr {
  display: flex;
  display: -webkit-flex;
  width: 100%;
  background-color: #FFFFFF;
}
.table-scrollable > thead > tr > th {
  border-right: 0px;
}
.table-scrollable tbody tr:first-child td {
  border-top: 0;
}
.table-scrollable tbody td:first-child,
.table-scrollable thead th:first-child,
.table-scrollable tfoot td:first-child {
  border-left: 0;
}
.table-scrollable tbody td:last-child,
.table-scrollable thead th:last-child {
  border-right: 1px solid transparent;
}
.table-scrollable > tbody > tr {
  height: 1px;
}
/*div.dname {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin-top: 2px;
	display: inline-block;
	vertical-align: top;
}
div.dname .prjPart {
	font-weight: bold;
}
div.dname .prjPart.only {
	font-weight: normal;
	height: 100%;
}
div.dname .fullname, div.dname .prjPart {
	height: 50%;
	line-height: 120%;
}
div.dname .fullname {
	font-size: @small;
	color: @light-grey;
}*/
/* Changes to grid in a master-detail DETAIL section 
.md-detail .btthead {
	padding:15px 12px;
}
*/
/* plain-white and small-font styles */
.table.plain-white {
  border-left: 0px;
  border-right: 0px;
}
.table.plain-white > thead > tr > th {
  background-color: white;
  border-left: 0px;
  border-right: 0px;
}
.table.plain-white > tbody > tr > td {
  border: 0px;
  box-shadow: 0px;
  background-color: White;
  border-bottom: 1px solid #B3B3B3;
}
.table.small-font > tbody > tr > td,
.table.small-font > foot > tr > td {
  font-size: 12px;
  padding: 4px;
}
.table.small-font > tbody > tr > th {
  font-size: 11px;
  padding: 4px;
}
/* audit-log-entry text */
.table .audit-log-entry,
.btt-canvas .audit-log-entry,
.bttd .audit-log-entry {
  display: block;
  color: #f39100;
  margin-top: 3px;
}
.audit-log-entry {
  color: #f39100;
}
/****************************** Flex-Table styles ******************************/
@media (max-width: 960px) {
  /* BT padding style for smaller screens/mobile */
  div.flex-table {
    margin-left: 12px;
    margin-right: 12px;
  }
}
div.flex-table {
  background-color: #FFFFFF;
  height: 100%;
  margin-bottom: -12px;
  display: flex;
  flex-direction: column;
  flex: 1;
  border: 1px solid #B3B3B3;
}
div.flex-thead {
  flex: none;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
}
div.flex-tbody {
  padding-bottom: 45px;
  overflow-y: scroll;
  flex: 1;
}
div.flex-tbody > div:not(:last-child) div.flex-tr {
  border-bottom: 1px solid #B3B3B3 !important;
}
div.flex-tfoot {
  flex: none;
  position: relative;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #F0F0F3;
  color: #1F74CE;
}
div.flex-tr {
  position: relative;
  padding-bottom: 1px;
  display: flex;
  flex-direction: row;
}
div.flex-td {
  word-break: break-word;
  display: flex;
  padding: 5px 12px 5px 12px;
  flex: 500;
  align-items: center;
  min-width: 170px;
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  background-color: #FFFFFF;
}
div.fixed-td {
  word-break: break-word;
  align-items: center;
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  -ms-flex: none;
  -webkit-box-flex: none;
  -webkit-flex: none;
  flex: none;
}
div.flex-col-slim {
  padding: 5px 3px 5px 3px !important;
}
div.flex-tfoot div.flex-tr {
  border-bottom: 0;
  padding-bottom: 0;
}
div.flex-tfoot div.flex-td {
  border-bottom: 0;
  border-color: #4D4D4D;
}
div.fixed-th {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  background-image: none;
  color: #222222;
  background-color: #FFFFFF;
  border: 0;
  border-right: 1px solid #B3B3B3;
  -webkit-box-align: center;
  align-items: center;
  background: #F0F0F3;
  font-size: 14px;
  margin: 0;
  overflow: visible;
  padding: 0 12px;
  position: relative;
  text-overflow: ellipsis;
  min-height: 31px;
  border-bottom: 1px solid #B3B3B3;
  -ms-flex: none;
  -webkit-box-flex: none;
  -webkit-flex: none;
  flex: none;
}
div.flex-th {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  background-image: none;
  color: #222222;
  background-color: #F0F0F3;
  border: 0;
  border-right: 1px solid #B3B3B3;
  -webkit-box-align: center;
  align-items: center;
  margin: 0;
  overflow: visible;
  padding: 0 12px;
  position: relative;
  text-overflow: ellipsis;
  min-height: 46px;
  border-bottom: 1px solid #B3B3B3;
  display: flex;
  flex: 500;
  min-width: 170px;
}
div.flex-th:first-child,
div.flex-td:first-child {
  border-left: 0;
}
div.flex-th:last-child,
div.flex-td:last-child {
  border-right: 0;
}
div.fixed-th:first-child,
div.fixed-td:first-child {
  border-left: 0;
}
div.fixed-th:last-child,
div.fixed-td:last-child {
  border-right: 0;
}
/* flex td cell width styles */
div.flex-width-date-period {
  flex: 148;
  min-width: 148px;
  white-space: nowrap;
}
div.flex-width-date-short {
  flex: 105;
  min-width: 105px;
}
div.flex-width-numeric-sm {
  flex: 95;
  min-width: 95px;
}
div.flex-width-numeric-md {
  flex: 110;
  min-width: 110px;
}
div.flex-width-numeric-lg {
  flex: 125;
  min-width: 125px;
}
div.flex-width-currency {
  flex: 100;
  min-width: 100px;
  justify-content: flex-end;
}
div.flex-th.flex-width-currency {
  text-align: right;
}
div.flex-td.flex-width-currency {
  word-break: initial;
}
div.flex-width-currency input {
  text-align: right;
}
div.flex-width-text-sm {
  flex: 90;
  min-width: 90px;
}
div.flex-width-text-md {
  flex: 130;
  min-width: 130px;
}
div.flex-width-text-lg {
  flex: 250;
  min-width: 170px;
}
div.flex-width-checkbox {
  flex: 80;
  min-width: 80px;
}
/* flex display styles*/
div.display-flex {
  display: flex;
}
div.display-inline-flex {
  display: inline-flex;
}
div.display-block {
  display: block;
}
div.display-inline {
  display: inline;
}
div.flex-direction-row {
  flex-direction: row;
}
div.flex-direction-column {
  flex-direction: column;
}
/* overflow style overrides */
div.overflow-initial {
  overflow: initial;
}
/* flex alignment styles */
div.flex-td.flex-justify-right,
div.flex-th.flex-justify-right {
  justify-content: flex-end;
}
div.flex-td.flex-justify-left,
div.flex-th.flex-justify-left {
  justify-content: flex-start;
}
div.flex-td.flex-justify-center,
div.flex-th.flex-justify-center {
  justify-content: center;
}
div.flex-align-items-end {
  align-items: flex-end;
}
div.flex-align-items-start {
  align-items: flex-start;
}
div.flex-align-items-center {
  align-items: center;
}
/* non flex alignment styles */
div.text-align-left {
  text-align: left;
}
div.text-align-right {
  text-align: right;
}
div.text-align-center {
  text-align: center;
}
/* flex grow styles */
div.flex-1 {
  flex: 1;
}
/*invoice approval status grid formatter*/
.invoice-approval-status > p span.missing {
  color: #B3B3B3;
}
.invoice-approval-status > p span.approved {
  color: #8E8580;
  text-decoration: line-through;
}
.invoice-approval-status > p span.rejected {
  color: #1F74CE;
}
.invoice-approval-status > p span.ignored {
  color: initial;
  color: inherit;
}
.invoice-approval-status p {
  line-height: 100%;
  margin: 0px;
}
.invoice-review-notes {
  color: inherit;
  font-size: 11px;
  line-height: 100%;
  margin-bottom: 0;
  margin-top: 3px;
  opacity: 0.7;
}
/**** Flex Table Sort .CSS ********/
.flex-th.sortable {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 700;
  background-color: #F0F0F3;
}
.flex-th.sortable:hover {
  background-color: #B3B3B3;
  background-image: none;
  cursor: pointer;
}
.flex-th.sortable .sort-indicator {
  background-image: url('images/icon-column-filter.svg');
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
}
.flex-th.sortable .sort-indicator.asc {
  background-image: url('images/icon-column-filter-up-hover.svg');
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
}
.flex-th.sortable .sort-indicator.desc {
  -ms-interpolation-mode: nearest-neighbor;
  background-repeat: no-repeat;
  display: inline-block;
  height: 25px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 25px;
  background-image: url('images/icon-column-filter-down-hover.svg');
}
.flex-thead .flex-tr .flex-th .sort-indicator:hover {
  border-bottom-color: white;
  border-top-color: white;
}
.flex-th:hover > .sort-indicator {
  border-bottom-color: white;
  border-top-color: white;
}
/**** table column editor ****/
.col.active .leftButtons,
.col.active .rightButtons {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  top: 22px;
}
.col.active .leftButtons i {
  height: 100%;
  width: 100%;
}
.col.active .leftButtons :first-child,
.col.active .rightButtons :first-child {
  margin-right: 1px;
}
.col.active .leftButtons {
  left: -37px;
}
.col.active .rightButtons {
  right: -37px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.bt_autocomplete_box.select_sm {
  height: 24px;
}
.bt_autocomplete_box.select_sm .btn_autocomplete:before {
  margin: 10px 7px;
}
.bt_autocomplete_box.select_sm .text_input {
  font-size: 11px;
}
.bt_autocomplete_box.bt-autocomplete-large {
  height: 44px;
}
.bt_autocomplete_box.bt-autocomplete-large .btn_autocomplete:before {
  margin: 19px 17px;
}
.bt_autocomplete_box.bt-autocomplete-large .input_wrap {
  padding-right: 44px;
}
.bt_autocomplete_box.bt-autocomplete-large .btn_autocomplete {
  width: 52px;
}
.bt_autocomplete_box.bt-autocomplete-large .text_input {
  padding-left: 20px;
}
/* Basic combo box settings */
.bt_autocomplete_box {
  color: #443E3D;
  display: inline-block;
  height: 30px;
  min-width: 50px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.bt_autocomplete_box > ul,
.bt_autocomplete_box a,
.bt_autocomplete_box .text_input {
  color: #222222;
  height: 100%;
}
.bt_autocomplete_box .input_wrap {
  -moz-box-sizing: border-box;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  width: 100%;
}
.bt_autocomplete_box.form-control .input_wrap {
  border: none;
  left: 0;
  top: 0;
}
.bt_autocomplete_box.open .input_wrap {
  border-color: #B3B3B3;
}
.bt_autocomplete_box .btn_autocomplete {
  outline: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.bt_autocomplete_box .text_input {
  -moz-box-sizing: border-box;
  border: 0px;
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  font-size: 13px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  width: 100%;
  z-index: 20;
  background-color: #FFFFFF;
}
.bt_autocomplete_box ul {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  height: 0px;
  /* hides the UL overflow when the select box is first initialized */
  line-height: 140%;
  list-style: none;
  margin: 0px;
  min-width: 100%;
  overflow: hidden;
  padding: 0px;
  width: auto;
  z-index: 10;
}
.bt_autocomplete_box > ul {
  background-color: White;
  position: absolute;
}
.bt_autocomplete_box > ul.nowrap li,
.bt_autocomplete_box > ul.nowrap span {
  white-space: nowrap;
}
.bt_autocomplete_box.dropup > ul {
  bottom: 0px;
}
.bt_autocomplete_box .group ul {
  border-width: 0px;
  height: 100%;
  margin: 0px;
  top: 0px;
}
.bt_autocomplete_box.open,
.bt_autocomplete_box.focus,
.bt_autocomplete_box.open .btn_autocomplete,
.bt_autocomplete_box.focus .btn_autocomplete,
.bt_autocomplete_box.open .text_input,
.bt_autocomplete_box .text_input:focus {
  border-color: #B3B3B3;
}
.bt_autocomplete_box.open > ul {
  border: solid 1px #B3B3B3;
  height: auto;
  left: 0;
  overflow-y: visible;
}
.bt_autocomplete_box.open input.text_input {
  border-bottom: 0px;
}
.bt_autocomplete_box.open > ul ul {
  height: auto;
}
.bt_autocomplete_box > ul > li {
  background: #FFFFFF;
  cursor: pointer;
  font-family: inherit;
  margin: 0px;
  min-height: 24px;
  padding: 3px 17px 3px 12px;
}
.bt_autocomplete_box ul li {
  font-size: 12px;
  margin: 0px;
}
.bt_autocomplete_box ul li.option:hover,
.bt_autocomplete_box.open ul li.option.selected:hover {
  background: #DDE7F3;
}
.bt_autocomplete_box.open ul li.selected {
  background: #FFF5DB;
}
.bt_autocomplete_box ul li.inactive {
  color: #B3B3B3;
}
.bt_autocomplete_box ul li.option.inactive:hover,
.bt_autocomplete_box.open ul li.option.selected.inactive:hover {
  background: #FFFFFF;
}
.bt_autocomplete_box ul li.group:hover {
  background: #FFFFFF;
}
.bt_autocomplete_box ul li.filtered {
  display: none;
}
/* tiers 1-4 */
.bt_autocomplete_box ul > li.group,
.bt_autocomplete_box .group ul > li.group,
.bt_autocomplete_box .group .group ul > li.group,
.bt_autocomplete_box .group .group .group ul > li.group {
  cursor: default;
  padding: 0px;
}
.bt_autocomplete_box li,
.bt_autocomplete_box .span {
  display: block;
}
.bt_autocomplete_box .group > ul > li,
.bt_autocomplete_box li.group > span {
  padding: 1px 17px 1px 3px;
  width: auto;
}
.bt_autocomplete_box li.group > span {
  display: block;
  color: #33995E;
  text-transform: uppercase;
  font-size: 13px;
}
/* group tier 1 */
.bt_autocomplete_box li.group > ul > li,
.bt_autocomplete_box .group li.group > span {
  padding-left: 15px;
}
/* group tier 2 */
.bt_autocomplete_box .group li.group > ul > li,
.bt_autocomplete_box .group .group li.group > span {
  padding-left: 25px;
}
/* group tier 3 */
.bt_autocomplete_box .group .group li.group > ul > li,
.bt_autocomplete_box .group .group .group li.group > span {
  padding-left: 25px;
}
/* group tier 4 */
.bt_autocomplete_box .group .group .group li.group > ul > li,
.bt_autocomplete_box .group .group .group .group li.group > span {
  padding-left: 25px;
}
.bt_autocomplete_box .btn_autocomplete {
  -moz-box-sizing: border-box;
  border-left: 0px;
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  padding-left: 8px;
  position: absolute;
  right: 0px;
  width: 33px;
  z-index: 50;
}
.bt_autocomplete_box .btn_autocomplete:before {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #1F74CE;
  content: "";
  display: inline-block;
  height: 0;
  margin: 12px 5px;
  width: 0;
}
.bt_autocomplete_box .btn_autocomplete:hover {
  background-position: -25px 0px;
}
/* "Edit These Values" li/a tag at the bottom of the select list */
.bt-autocomplete li.editor-link {
  background-color: #4D4D4D;
  margin-top: 5px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.bt-autocomplete li.editor-link > a {
  color: White;
}
.bt_autocomplete_box ul li.editor-link:hover {
  background-color: #4D4D4D;
}
.bt_autocomplete_box ul li.editor-link:hover > a {
  text-decoration: underline;
}
/* when a select box is open, make sure that the elements in the pick list are a higher z-index to avoid other boxes blocking the picklist */
.bt_autocomplete_box.open {
  z-index: 5;
}
/* If a bt_autocomplete_box element has a validation error, adjust borders/backgrounds */
.bt_autocomplete_box.input-validation-error > .input_wrap,
.bt_autocomplete_box.disabled > .input_wrap {
  background: transparent;
}
.bt_autocomplete_box.input-validation-error > .input_wrap > input,
.bt_autocomplete_box.disabled > .input_wrap > input {
  background-color: transparent;
}
.bt_autocomplete_box.disabled {
  background-color: #B3B3B3;
  cursor: not-allowed;
}
.bt_checkbox_warning {
  height: 16px;
  width: 16px;
  float: left;
  margin-left: -20px;
  background-color: #FCEAE8;
  border: 1px solid #DC2F18;
}
.bt_autocomplete_box.disabled .btn_autocomplete:before {
  border-top: 6px solid #DDE7F3;
}
.bt_autocomplete_box.bt-multiselect .selected-options .selected-option {
  background: #B3B3B3;
  border: 1px solid #B3B3B3;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin: 2px 3px 2px 3px;
  padding: 1px 6px 0 6px;
  white-space: nowrap;
}
.bt_autocomplete_box.bt-multiselect .selected-options .selected-option.inactive {
  background-color: #FFFFFF;
  color: #B3B3B3;
}
.bt_autocomplete_box.bt-multiselect .selected-options .selected-option .icon-close-gry {
  cursor: pointer;
  vertical-align: middle;
}
.bt_autocomplete_box.bt-multiselect .input_wrap {
  height: auto;
  min-height: 30px;
  position: relative;
}
.bt_autocomplete_box.bt-multiselect .btn_autocomplete {
  align-items: center;
  display: flex;
}
.bt_autocomplete_box.bt-multiselect .options input[type="checkbox"] {
  margin-right: 10px;
}
.bt_autocomplete_box.bt-multiselect.open .filter {
  margin: 5px 0;
}
.bt_autocomplete_box.bt-multiselect.open input.text_input {
  border: solid 1px #B3B3B3;
  font-size: inherit;
}
.bt_autocomplete_box.bt-multiselect {
  height: inherit;
}
.bt-suggest-link {
  text-align: right;
}
/* fix for li items rendering visible when the autocomplete isn't open*/
.bt-autocomplete ul li {
  display: none;
}
.bt-autocomplete.open ul li {
  display: inherit;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.bt_select_box.select_sm {
  height: 22px;
}
.bt_select_box.select_sm .btn_select:before {
  margin: 10px 7px;
}
.bt_select_box.select_sm .text_input,
.bt_select_box.select_md .text_input {
  font-size: 12px;
}
.bt_select_box.select_md {
  height: 30px;
}
.bt_select_box.select_md .btn_select:before {
  margin: 6px 7px;
}
.bt_select_box.bt-select-large {
  height: 44px;
}
.bt_select_box.bt-select-large .btn_select:before {
  margin: 13px 18px;
}
.bt_select_box.bt-select-large .input_wrap {
  padding-right: 44px;
}
.bt_select_box.bt-select-large .btn_select {
  width: 52px;
}
.bt_select_box.bt-select-large .text_input {
  padding-left: 20px;
}
.bt_select_box.bt-select-large .text_input::placeholder {
  color: #808080;
}
/* Basic combo box settings */
.bt_select_box {
  border: 1px solid #B3B3B3;
  border-radius: 2px;
  color: #222222;
  display: inline-block;
  height: 30px;
  min-width: 50px;
  overflow: visible;
  position: relative;
  z-index: 1;
}
.bt_select_box:hover {
  border: 1px solid #1F74CE !important;
}
.bt_select_box.staff-select {
  height: 29px;
}
.bt_select_box > ul,
.bt_select_box a,
.bt_select_box .text_input {
  background-color: #FFFFFF;
  color: #222222;
  height: 100%;
}
.bt_select_box .input_wrap {
  -moz-box-sizing: border-box;
  background: #FFFFFF;
  box-sizing: border-box;
  height: 100%;
  padding-right: 32px;
  position: absolute;
  width: 100%;
  border-radius: 3px;
}
.bt_select_box.staff-select .input_wrap {
  background: transparent !important;
  border: none !important;
}
.bt_select_box.form-control .input_wrap {
  border: none;
  left: 0;
  top: 0;
}
.bt_select_box.open .input_wrap {
  border-color: #B3B3B3;
}
.bt_select_box .btn_select {
  outline: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
.bt_select_box .text_input {
  border-radius: 2px;
  -moz-box-sizing: border-box;
  border: 0px;
  box-sizing: border-box;
  display: block;
  font-family: inherit;
  font-size: 12px;
  padding-left: 10px;
  padding-top: 10px;
  position: relative;
  width: 100%;
  z-index: 20;
  padding-bottom: 10px;
  line-height: 22px;
}
.bt_select_box input.text_input::placeholder {
  color: #808080;
}
.bt_select_box.staff-select .text_input {
  background: #FFFFFF !important;
}
.bt_select_box ul {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 100%;
  height: 0px;
  /* hides the UL overflow when the select box is first initialized */
  line-height: 140%;
  list-style: none;
  margin: 0px;
  min-width: 100%;
  overflow: hidden;
  padding: 0px;
  width: auto;
  z-index: 10;
}
.bt_select_box > ul {
  background-color: White;
  position: absolute;
}
.bt_select_box > ul.nowrap li,
.bt_select_box > ul.nowrap span {
  white-space: nowrap;
}
.bt_select_box.dropup > ul {
  bottom: 0px;
}
.bt_select_box .group ul {
  border-width: 0px;
  height: 100%;
  margin: 0px;
  top: 0px;
}
.bt_select_box.open,
.bt_select_box.focus,
.bt_select_box.open .btn_select,
.bt_select_box.focus .btn_select {
  border-color: #1F74CE;
}
.bt_select_box.open > ul {
  padding: 10px 0px 20px 0px;
  border: solid 1px #B3B3B3;
  height: auto;
  left: 0;
  overflow-y: visible;
  box-shadow: 0px 20px 34px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  border: 1px solid #B3B3B3;
  background: #FFFFFF;
}
.bt_select_box ul li .selectBoxNote {
  width: 70%;
  white-space: normal;
}
.bt_select_box ul li .selectBoxValidationError {
  color: red;
  width: 70%;
  white-space: normal;
}
.bt_select_box ul li .selectBoxApplyButton {
  float: right;
}
.bt_select_box.bt_select_right.open > ul {
  left: inherit !important;
  right: 0;
}
.bt_select_box.open input.text_input {
  border-bottom: 0px;
}
.bt_select_box.open > ul ul {
  height: auto;
}
.bt_select_box > ul > li {
  background: #FFFFFF;
  cursor: pointer;
  font-family: inherit;
  margin: 0px;
  min-height: 24px;
  padding: 3px 17px 3px 12px;
}
.bt_select_box ul li {
  font-size: 12px;
  margin: 0px;
}
.bt_select_box ul li.option {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bt_select_box ul li.option:hover,
.bt_select_box.open ul li.option.selected:hover {
  background: #F6F6F6;
  color: #222222;
}
.bt_select_box.open ul li.selected {
  background: #F6F6F6;
  color: #222222;
}
.bt_select_box ul li.inactive {
  color: #B3B3B3;
}
.bt_select_box ul li.disabled {
  pointer-events: none;
}
.bt_select_box ul li.option.inactive:hover,
.bt_select_box.open ul li.option.selected.inactive:hover {
  background: #FFFFFF;
  color: #808080;
}
.bt_select_box ul li.group:hover {
  background: #FFFFFF;
  color: #222222;
}
.bt_select_box ul li.filtered {
  display: none;
}
/* tiers 1-4 */
.bt_select_box ul > li.group,
.bt_select_box .group ul > li.group,
.bt_select_box .group .group ul > li.group,
.bt_select_box .group .group .group ul > li.group {
  cursor: default;
  padding: 0px;
}
.bt_select_box li,
.bt_select_box .span {
  display: block;
}
.bt_select_box li.group > span {
  display: block;
  color: #33995E;
  font-size: 12px;
  font-family: Arial;
  font-weight: 600;
  line-height: 20px;
  color: #222222;
  padding-left: 10px;
}
.bt_select_box .group > ul > li {
  padding: 6px 6px 6px 18px;
  width: auto;
  border-radius: 2px;
}
/* group tier 1 */
/* group tier 2 */
.bt_select_box .group li.group > ul > li,
.bt_select_box .group .group li.group > span {
  padding-left: 25px;
}
/* group tier 3 */
.bt_select_box .group .group li.group > ul > li,
.bt_select_box .group .group .group li.group > span {
  padding-left: 25px;
}
/* group tier 4 */
.bt_select_box .group .group .group li.group > ul > li,
.bt_select_box .group .group .group .group li.group > span {
  padding-left: 25px;
}
.bt_select_box .btn_select {
  -moz-box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 100%;
  position: absolute;
  right: 0px;
  z-index: 50;
}
.bt_select_box .btn_select:before {
  content: '';
  background-image: url(images/icon-field-down-arrow.svg);
  filter: invert(30%) sepia(0%) saturate(0%) hue-rotate(197deg) brightness(94%) contrast(91%);
  background-repeat: no-repeat;
  display: inline-block;
  height: 17px;
  margin: 6px 18px 6px 0;
  width: 17px;
}
.bt_select_box:hover .btn_select:before {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
/* "Edit These Values" li/a tag at the bottom of the select list */
.bt-select li.editor-link {
  background: #FFFFFF;
  border-top: 1px solid #B3B3B3;
  padding: 20px 20px;
  padding-bottom: 0;
  margin-top: 5px;
}
.bt-select li.editor-link > a {
  text-align: center;
  color: #222222;
  background-color: #FFFFFF;
  padding: 5px 24px;
  border: 1px solid #4D4D4D;
  border-radius: 2px;
}
.bt-select li.editor-link > a:hover {
  background-color: #DDE7F3;
  border-color: #4D4D4D;
}
/* when a select box is open, make sure that the elements in the pick list are a higher z-index to avoid other boxes blocking the picklist */
.bt_select_box.open {
  z-index: 5;
}
/* If a bt_select_box element has a validation error, adjust borders/backgrounds */
.bt_select_box.input-validation-error > .input_wrap,
.bt_select_box.disabled > .input_wrap {
  background: transparent;
}
.bt_select_box.input-validation-error > .input_wrap > input,
.bt_select_box.disabled > .input_wrap > input {
  background-color: #E6E6E6;
}
.bt_select_box.disabled {
  background-color: #F0F0F3;
  cursor: not-allowed;
}
.bt_checkbox_warning {
  height: 16px;
  width: 16px;
  float: left;
  margin-left: -20px;
  background-color: #FCEAE8;
  border: 1px solid #DC2F18;
}
.bt_select_box.bt-multiselect .selected-options .selected-option {
  background: #FFFFFF;
  border: 1px solid #1F74CE;
  border-radius: 2px;
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  margin: 2px 3px 2px 3px;
  padding: 1px 6px 0 6px;
  max-width: 93%;
  white-space: initial;
  word-wrap: break-word;
}
.bt_select_box.bt-multiselect .selected-options .selected-option.inactive {
  background-color: #FFFFFF;
  color: #808080;
}
.bt_select_box.bt-multiselect .selected-options .selected-option .icon-close-gry {
  cursor: pointer;
  vertical-align: middle;
}
.bt_select_box.bt-multiselect .filter .text_input {
  height: 30px;
  border: 1px solid #B3B3B3;
}
.bt_select_box.bt-multiselect .input_wrap {
  height: auto;
  min-height: 30px;
  position: relative;
}
.bt_select_box.bt-multiselect .btn_select {
  align-items: center;
  display: flex;
}
.bt_select_box.bt-multiselect .options input[type="checkbox"] {
  margin-right: 10px;
}
.bt_select_box.bt-multiselect.open input.text_input {
  border: solid 1px #B3B3B3;
  font-size: inherit;
}
.bt_select_box.bt-multiselect {
  height: inherit;
}
.bt-suggest-link {
  text-align: right;
}
.bt-intellisense {
  max-height: 250px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 500;
  border: solid 1px #B3B3B3;
  line-height: 140%;
  height: auto;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  color: #443E3D;
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 11px;
  list-style: none;
  margin: 0px;
  padding: 0px;
  width: auto;
}
.bt-intellisense > li {
  padding: 3px 12px;
  white-space: nowrap;
  margin: 0px;
  cursor: pointer;
}
.bt-intellisense > li.selected {
  background: #FFF5DB;
}
.bt-select.readonly .input_wrap {
  background: none;
  border: none;
  width: 100%;
  padding: 0;
}
.bt-select.readonly .input_wrap > p {
  padding: 0 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.bt-markdown {
  display: flex !important;
}
.bt-markdown i {
  cursor: pointer;
  position: absolute;
}
.bt-markdown textarea {
  display: none;
}
.bt-markdown.active .display-text {
  display: none;
}
.bt-markdown .edit-container {
  display: none !important;
}
.bt-markdown.active textarea {
  display: inline-block;
  flex: 1;
  min-height: 100px;
  max-height: 283px;
}
.bt-markdown.active .edit-container > label {
  margin-top: 15px;
}
.bt-markdown.active .edit-container .preview-box {
  border: 1px solid #888888;
  overflow-y: scroll;
  background-color: #808080;
  min-height: 100px;
  max-height: 283px;
  cursor: not-allowed;
}
.bt-markdown.active .edit-container .preview-box > * {
  pointer-events: none;
}
.bt-markdown.active .edit-container {
  display: flex !important;
}
.bt-markdown.active .edit-container .fixed-panel {
  justify-content: flex-end;
}
.bt-markdown .edit-container .error-message {
  color: #1F74CE;
  padding-top: 10px;
}
.bt-markdown .edit-container .character-countdown {
  color: #B3B3B3;
}
.bt-markdown .btn {
  margin: 10px 0;
}
.markdown-text {
  padding-left: 12px;
  cursor: pointer;
  padding-top: 5px;
  min-height: 32px;
}
.markdown-text > p {
  color: #B3B3B3;
  font-size: 11px;
}
bt-markdown {
  display: block;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* SWITCH CONTROL:  ON/OFF buttons used in place of a checkbox */
.bt-switch {
  border: 0px;
  margin: 0px 5px;
}
.bt-switch .btn-off,
.bt-switch .btn-on {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  color: #222222;
  box-sizing: border-box;
  padding: 4px 0;
  width: 40px;
  height: 22px;
  text-transform: capitalize;
  line-height: 13px;
}
.bt-switch .btn-off {
  border-radius: 2px 0px 0px 2px;
}
.bt-switch .btn-on {
  border-radius: 0px 2px 2px 0px;
}
.btn-off.active,
.btn-on.active {
  background-color: #1F74CE;
  border-color: #1F74CE;
  color: #FFFFFF;
}
.btn-new {
  padding: 0 8px;
  width: 79px;
}
/* SLIDER CONTROL:  ON/OFF slider used in place of a checkbox */
.bt-slider-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.bt-slider-switch input[type=checkbox]:checked {
  width: 15px;
  height: 15px !important;
}
.bt-slider-switch {
  position: relative;
  display: inline-block !important;
  width: 48px;
  height: 20px;
  margin-left: 4px;
}
.bt-slider-switch .slider.round {
  background: #FFFFFF;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #1F74CE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 17px;
}
.bt-slider-switch input:checked + .slider {
  background-color: #1F74CE;
  border: 1px solid #1F74CE;
}
.bt-slider-switch .slider.round:before {
  border-radius: 50%;
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: #1F74CE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.bt-slider-switch .slider.round :is(.on, .off) {
  color: #FFFFFF;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 11px;
  font-size: 12px;
  font-family: 'Arial';
}
.bt-slider-switch .slider.round .on {
  left: 34%;
  padding-bottom: 2px;
  display: none;
}
.bt-slider-switch .slider.round .off {
  left: 62%;
  padding-bottom: 2px;
  color: #1F74CE;
}
.bt-slider-switch input:checked + .slider.round .on {
  display: block;
}
.bt-slider-switch input:checked + .slider.round .off {
  display: none;
}
.bt-slider-switch input:checked + .slider.round:before {
  -webkit-transform: translateX(28px);
  -ms-transform: translateX(28px);
  transform: translateX(28px);
  background-color: #FFFFFF;
}
.bt-slider-switch input:disabled + .slider.round {
  border: 1px solid #B3B3B3;
}
.bt-slider-switch input:disabled + .slider.round .off {
  color: #B3B3B3;
}
.bt-slider-switch input:checked:disabled + .slider {
  background-color: #B3B3B3;
}
.bt-slider-switch input:disabled + .slider {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
}
.bt-slider-switch input:disabled + .slider.round:before {
  background-color: #B3B3B3;
}
.bt-slider-switch input:checked:disabled + .slider.round:before {
  background-color: #FFFFFF;
}
.btn-group > .btn:hover {
  z-index: 0;
}
/* bt-listBox: a UL that acts like a table with a "?" reveal button in the upper right for each row */
/* FORMAT/EXAMPLE HTML:
<ul class="bt-listBox">
	<li>
		<p class="title">title</p>
		<div class="item-controls"><a><i class="icon-question"></i></a></div>	
		<p class="hint">notes...</p>
	</li>		
	...
</ul>
*/
ul.bt-listBox {
  overflow: auto;
  padding: 0;
}
ul.bt-listBox > li {
  background-color: #FFFFFF;
  border-bottom: 1px solid #B3B3B3;
  display: block;
  float: left;
  list-style-type: none;
  padding: 5px 25px;
  position: relative;
  width: 100%;
}
ul.bt-listBox:before,
ul.bt-listBox:after {
  content: " ";
  display: table;
}
ul.bt-listBox:after {
  clear: both;
}
ul.bt-listBox p.title {
  margin: 0;
}
ul.bt-listBox p.title .entry-name {
  padding-left: 15px;
  color: #222222;
}
ul.bt-listBox p.hint {
  color: #222222;
  font-size: 12px;
  margin: 15px 10px 16px 90px;
}
ul.bt-listBox p.hint .hint-text {
  display: block;
  max-width: 480px;
  padding-left: 15px;
}
ul.bt-listBox p.hint .btn {
  margin-left: 15px;
  margin-top: 15px;
  line-height: 16px;
  text-align: center;
}
/* helper classes for quick css fixes */
.w100 {
  width: 100%;
}
.inline-block {
  display: inline-block;
}
/* when a control appears inside of a toolbar, it needs to be formatted differently */
.toolbar > .btn-group {
  height: 30px;
}
.toolbar label {
  color: #222222;
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  margin-right: 12px;
}
.toolbar input.form-control {
  display: inline-block;
  width: 115px;
  /* Prev: 200px */
}
/* a utility toolbar is upper-right */
.bt-utility-bar {
  -webkit-box-flex: 1;
  align-items: center;
  display: inline-flex;
  float: right;
  margin-left: auto;
  text-align: right;
}
.bt-utility-bar .btn-icon .icon-box-up {
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.bt-utility-bar .btn-icon .icon-up {
  margin-right: 5px;
  position: relative;
  top: 3px;
}
.bt-utility-bar .btn-icon .icon-box-dn {
  position: relative;
  top: 3px;
}
.bt-utility-bar .btn-icon .icon-down {
  position: relative;
  top: 3px;
}
.bt-utility-bar .btn-icon .icon-close-box {
  position: relative;
  top: 3px;
}
.bt-utility-bar .btn-icon .icon-close {
  position: relative;
  top: 3px;
  margin: 0px 10px;
}
/* Basic search box + icon */
.filter-search-box {
  margin-top: 10px;
  position: relative;
}
.filter-search-box input[type="text"] {
  width: 100%;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  color: #222222;
}
.filter-search-box:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  background-image: url(../bt-core/images/navbar/icon-search.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  top: 6px;
  left: 168px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.search-box {
  display: inline-block;
  width: 175px;
}
.search-container .search-box {
  vertical-align: middle;
}
.search-box input[type="text"] {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #222222;
  font-size: 13px;
  height: 30px;
  line-height: 1.42857143;
  margin-left: 10px;
  padding: 5px 12px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
  border-radius: 3px;
}
.search-box input[type="text"]::placeholder {
  color: #222222;
}
.search-container .search-box input[type="text"] {
  border: none;
  box-shadow: none;
  margin-left: 0px;
  color: #222222;
}
.search-container {
  background: #FFFFFF;
  border: 1px solid #1F74CE;
  box-sizing: border-box;
  border-radius: 2px;
  width: 100%;
}
.toolbar-search-box {
  display: inline-block;
  width: 275px;
  padding-top: 10px;
}
.toolbar-search-box input[type="text"] {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  color: #222222;
  font-size: 13px;
  height: 24px;
  line-height: 1.42857143;
  margin-left: 10px;
  padding: 5px 12px;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  width: 100%;
  border-radius: 3px;
}
.toolbar-search-box input[type="text"]::placeholder {
  color: #222222;
}
.toolbar-search-box input[type="text"]::placeholder {
  color: #222222;
}
.search-vertical-line {
  display: inline-flex;
  border-left: 1px solid #B3B3B3;
  height: 21px;
  vertical-align: middle;
  margin: 3px 0px;
}
/* bt-carousel css (from jcarousel) */
.bt-carousel-wrapper {
  -moz-border-radius: 5px;
  -moz-box-shadow: 0 0 2px #B3B3B3;
  -webkit-border-radius: 5px;
  -webkit-box-shadow: 0 0 2px #B3B3B3;
  border: 10px solid #FFFFFF;
  border-radius: 5px;
  box-shadow: 0 0 2px #B3B3B3;
  margin: 20px auto;
  padding: 0 45px;
  position: relative;
}
.bt-carousel {
  height: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.bt-carousel > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.bt-carousel > ul > li {
  float: left;
}
/** Carousel Controls **/
.bt-carousel-control.prev,
.bt-carousel-control.next {
  -moz-border-radius: 30px;
  -moz-box-shadow: 0 0 2px #B3B3B3;
  -webkit-border-radius: 30px;
  -webkit-box-shadow: 0 0 2px #B3B3B3;
  background: #4D4D4D;
  border-radius: 30px;
  box-shadow: 0 0 2px #B3B3B3;
  color: #FFFFFF;
  font: 24px/27px Arial, sans-serif;
  height: 30px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 0 1px #000000;
  top: 49%;
  width: 30px;
}
.bt-carousel-control.prev {
  left: 2px;
}
.bt-carousel-control.next {
  right: 2px;
}
.bt-carousel-control.prev:hover span,
.bt-carousel-control.next:hover span {
  display: block;
}
.bt-carousel-control.prev.inactive,
.bt-carousel-control.next.inactive {
  cursor: default;
  opacity: 0.2;
}
/** Carousel Pagination **/
.bt-carousel-pagination {
  bottom: -6px;
  left: 45px;
  position: absolute;
}
.bt-carousel-pagination a {
  background: #FFFFFF;
  border-radius: 14px;
  color: #222222;
  display: inline-block;
  font-size: 11px;
  line-height: 14px;
  margin-right: 2px;
  min-width: 14px;
  opacity: 0.75;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}
.bt-carousel-pagination a.active {
  background: #4D4D4D;
  color: #FFFFFF;
  opacity: 1;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
}
.btn-sm.btn-transparent {
  align-items: center;
  border: 0;
  display: inline-flex;
  font-size: 11px;
  color: #222222;
}
.btn-transparent:hover {
  text-decoration: underline;
}
.btn.btn-transparent:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-transparent .glyphicon.primary {
  background-color: #1F74CE;
  color: white;
  height: 18px;
  margin-right: 6px;
  padding-top: 2px;
  width: 18px;
}
.btn-sm.btn-text {
  align-items: center;
  border: 0;
  color: #1F74CE;
  display: inline-flex;
  font-size: 11px;
  padding-left: 0px;
  padding-right: 0px;
}
.btn-text:hover {
  text-decoration: underline;
}
.btn.btn-text:active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.checkbox {
  margin-top: 0;
  min-height: 0;
}
.btn.btn-sm.checkbox input[type="checkbox"] {
  margin-top: 2px;
}
.bt-filter_wrapper.edit-columns .checkedList.overflow .checkbox {
  font-size: 12px;
}
/* Classes used to support the bt-process angular directive (we add btn-completed when a task is completed, and then use 'return' to fade back to the standard background after x seconds) */
.btn-group.disabled > .dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: 0.65;
  pointer-events: none;
}
.btn-group.btn-completed > .btn,
.btn-group.btn-completed > .btn.btn-sm.btn-primary,
.btn-group.btn-completed > .btn.btn-sm.btn-primary:hover,
.btn-group.btn-completed > .btn.btn-sm.btn-primary:focus,
.btn-group.btn-completed > .btn.btn-sm.btn-primary:active {
  background-color: #33995E !important;
  border-color: #33995E !important;
  color: #FFFFFF !important;
}
.btn.return {
  -moz-transition: background 0.5s linear, border 0.5s linear;
  -ms-transition: background 0.5s linear, border 0.5s linear;
  -o-transition: background 0.5s linear, border 0.5s linear;
  -webkit-transition: background 0.5s linear, border 0.5s linear;
  transition: background 0.5s linear, border 0.5s linear;
}
/* INSIGHT BLOCKS are lists of insights (eg - numbers + labels) that show up in a list or stand-alone 

a typical insight div looks like this:  <div class="insight-block"><strong>1234</strong><p>label</p></div>
multiple insights can be created in an insight-block-list ul:
	<ul class="insight-block-list">
		<li><strong>123</strong><p>label1</p></li>
		<li><strong>123</strong><p>label1</p></li>
		<li><strong>123</strong><p>label1</p></li>
		<li class="total"><strong>123</strong><p>label1</p></li>
	</ul>

You can use insight-list, insight-list-sm, insight-block or insight-block-sm (along with total) 

*/
.totals-only {
  min-height: 40px;
}
ul.insight-block-list {
  display: inline-block;
  margin-bottom: 0;
  max-height: 34px;
  padding: 0;
  position: relative;
}
ul.insight-block-list li {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-flex: 1;
  -webkit-flex-direction: column;
  border-right: 1px solid #B3B3B3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  padding: 0 12px;
  position: relative;
  text-align: center;
}
ul.insight-block-list li > strong {
  font-size: 16px;
  padding-top: 2px;
  text-align: center;
  vertical-align: middle;
}
ul.insight-block-list li > p {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
  align-self: center;
  line-height: 100%;
  margin: 0;
  white-space: nowrap;
}
ul.insight-block-list li.total {
  border-right: 0;
  display: inline-block;
  padding-right: 0;
  text-align: right;
}
ul.insight-block-list li.total > strong {
  color: #33995E;
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}
ul.insight-block-list li.total > p {
  text-align: right;
}
.insight-block {
  display: inline-block;
  padding: 0 0 0 12px;
  text-align: center;
}
.insight-block > strong {
  font-family: 'Arial';
  font-size: 16px;
  font-weight: normal;
  text-align: center;
}
.insight-block > p {
  font-family: 'Arial';
  font-size: 10px;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  text-align: center;
}
.insight-block.total {
  text-align: right;
}
.insight-block.total > strong {
  color: #33995E;
  font-size: 24px;
}
ul.insight-block-list-sm {
  -webkit-flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-height: 40px;
  padding: 0;
  position: relative;
}
ul.insight-block-list-sm li {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-flex: 1;
  -webkit-flex-direction: column;
  border-right: 1px solid #B3B3B3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  flex: 1;
  flex-direction: column;
  padding: 0 12px;
  position: relative;
  text-align: center;
}
ul.insight-block-list-sm li > strong {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
  padding-top: 2px;
  text-align: center;
  vertical-align: middle;
}
ul.insight-block-list-sm li > p {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  text-align: center;
}
ul.insight-block-list-sm li.total {
  border-right: 0;
  padding-right: 0;
  text-align: right;
}
ul.insight-block-list-sm li.total > strong {
  color: #33995E;
  font-size: 18px;
  padding-top: 0px;
  text-align: right;
}
ul.insight-block-list-sm li.total > p {
  text-align: right;
}
.insight-block-sm {
  display: inline-block;
  padding: 0 12px;
  text-align: center;
}
.insight-block-sm > strong {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
  text-align: center;
}
.insight-block-sm > p {
  font-family: 'Arial';
  font-size: 10px;
  font-weight: normal;
  line-height: 100%;
  margin: 0;
  text-align: center;
}
.insight-block-sm.total {
  text-align: right;
}
.insight-block-sm.total > strong {
  color: #33995E;
  font-size: 18px;
}
.inline-warning {
  color: #004A8C;
}
/*************
RANGE SELECTOR
*************/
.bt-range-selector:hover {
  opacity: 1;
}
/*
horizontal
*/
.bt-range-selector {
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  color: #FFFFFF;
  height: 20px;
  padding: 0 30px 0 30px;
  position: relative;
  user-select: none;
  width: 100%;
}
.bt-range-selector:hover {
  border-color: #1F74CE;
}
.bt-range-selector > input[type='range'] {
  -webkit-appearance: none;
  background-color: #1F74CE;
  box-shadow: inset 0 1px 1px #004A8C;
  cursor: pointer;
  height: 6px;
  padding: 0px;
  width: 100%;
  border-radius: 5px;
}
/*CHROME*/
.bt-range-selector > input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: e-resize;
  height: 15px;
  width: 15px;
}
.bt-range-selector > input[type='range'].vertical::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: ns-resize;
  height: 15px;
  width: 15px;
}
/*MOZILLA*/
.bt-range-selector > input[type='range']::-moz-range-track {
  -moz-appearance: none;
  background-color: #1F74CE;
  box-shadow: inset 0 0 5px #222222;
  cursor: pointer;
  height: 6px;
}
.bt-range-selector > input[type='range']::-moz-range-thumb {
  -moz-appearance: none;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: e-resize;
  height: 15px;
  width: 15px;
}
.bt-range-selector > input[type='range'].vertical::-moz-range-thumb {
  -moz-appearance: none;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: ns-resize;
  height: 15px;
  width: 15px;
}
/*IE*/
.bt-range-selector > input[type="range"]::-ms-fill-upper {
  background-color: #1F74CE;
}
.bt-range-selector > input[type="range"]::-ms-fill-lower {
  background-color: #1F74CE;
}
.bt-range-selector > input[type="range"]::-ms-track {
  border: none;
  color: #1F74CE;
}
.bt-range-selector > input[type="range"]::-ms-thumb {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: e-resize;
  height: 15px;
  width: 15px;
}
.bt-range-selector > input[type="range"].vertical::-ms-thumb {
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-radius: 15px;
  cursor: ns-resize;
  height: 15px;
  width: 15px;
}
.bt-range-selector .rangeIco {
  color: #FFFFFF;
  cursor: pointer;
  font-family: Verdana;
  height: 13px;
  line-height: 12px;
  position: absolute;
  width: 13px;
}
.bt-range-selector .rangeIco.vertical {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bt-range-selector .rangeIco.minusIco {
  background: url('images/zoom-icons.png') bottom left no-repeat;
  font-size: 14px;
  left: 8px;
  top: 3px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-range-selector:hover .rangeIco.minusIco {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
.bt-range-selector .rangeIco.plusIco {
  background: url('images/zoom-icons.png') top left no-repeat;
  bottom: 3px;
  font-size: 11px;
  right: 8px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.bt-range-selector:hover .rangeIco.plusIco {
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
/*END RANGE SELECTOR*/
.alert.alert-dark {
  background-color: #F0F0F3;
}
/*Button-list (ul ... used in sign+submit and invoice create wizard*/
.button-list > li {
  line-height: 55px;
  font-size: 14px;
  border-bottom: solid 1px #B3B3B3;
  box-shadow: 0 1px 0px #FFFFFF;
  cursor: pointer;
  position: relative;
}
.button-list > li:first-child {
  border-top: solid 1px #B3B3B3;
}
.button-list > li > div {
  padding: 0 10px 0 55px;
  display: block;
}
.button-list > li > div .arrow {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1F74CE;
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 22px;
}
.accordion-container {
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #B3B3B3;
  border-radius: 4px 4px 0 0;
  border-width: 1px;
  box-shadow: none;
  position: relative;
}
/*****************
* Toggle Button 
******************/
.toggle-button {
  background: #D9D9D9;
  border-radius: 30px;
  overflow: hidden;
  width: 132px;
  height: 32px;
  text-align: center;
  font-size: 12px;
  letter-spacing: 1px;
  padding-right: 66px;
  position: relative;
}
.toggle-button:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 66px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  pointer-events: none;
  color: #FFFFFF;
}
.toggle-button-checkbox {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 2;
}
.toggle-button-checkbox:checked + .toggle-button-label:before {
  transform: translateX(66px);
  transition: transform 300ms linear;
}
.toggle-button-checkbox + .toggle-button-label {
  position: relative;
  padding: 8px 0;
  display: block;
  user-select: none;
  pointer-events: none;
  color: #FFFFFF;
}
.toggle-button-checkbox + .toggle-button-label:before {
  content: "";
  background: #1F74CE;
  height: 100%;
  width: 66px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 30px;
  transform: translateX(0);
  transition: transform 300ms;
}
.toggle-button-checkbox + .toggle-button-label .toggle-button-label-span {
  position: relative;
}
/*****************
* End Toggle Button 
******************/

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* iPad 3 & 4 Retina Media Queries - Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  .login-wrap {
    max-width: 1024px !important;
    width: 100% !important;
  }
  .authenty {
    width: 75% !important;
  }
  .authenty .validation-summary-errors {
    background: none !important;
  }
  .authenty .form-main {
    padding: 20px 80px !important;
  }
  .authenty #openIdContainer {
    padding-top: 15px;
    width: 100% !important;
  }
  .authenty .openid_large_btn {
    float: none !important;
    margin: 0 auto !important;
  }
}
/* iPad 1 & 2 + iPad mini Media Queries - Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /* STYLES GO HERE */
}
/* Catchall Retina Display Media Query */
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .mobile-app-select {
    display: none;
  }
}
/* Generic Media Query Testing Styles */
@media only screen and (min-width: 768px), (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  /* Mock iPad Res - Landscape */
  .login-wrap {
    max-width: 1024px !important;
    width: 100% !important;
  }
  .authenty {
    width: 50% !important;
  }
  .referral-module {
    width: 50% !important;
  }
  .authenty .validation-summary-errors {
    background: none !important;
  }
  .mobile-app-select {
    display: none;
  }
}
@media only screen and (min-width: 480px) and (max-width: 767px), (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  /* Mock iPad Res - Portrait */
  .login-wrap {
    max-width: 1024px !important;
    width: 100% !important;
  }
  .authenty {
    width: 75% !important;
  }
  .referral-module {
    width: 75% !important;
  }
  .authenty .validation-summary-errors {
    background: none !important;
  }
  .authenty .form-main {
    padding: 20px 80px !important;
  }
  .authenty #openIdContainer {
    padding-top: 15px;
    width: 100% !important;
  }
  .authenty .openid_large_btn {
    float: none !important;
    margin: 0 auto !important;
  }
  .mobile-app-select {
    display: none;
  }
}
@media only screen and (max-width: 479px), (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  /* Mock iPad Res -  */
  .login-wrap {
    max-width: 479px !important;
    width: 100% !important;
  }
  header .logo {
    margin: 24px auto 0 auto !important;
  }
  /*#main-content { padding-top: 92px !important; }*/
  .authenty {
    width: 80% !important;
  }
  .referral-module {
    width: 80% !important;
  }
  .referral-module .content {
    padding: 25px 45px !important;
  }
  .authenty .validation-summary-errors {
    background: none !important;
  }
  .authenty .form-header {
    display: none;
  }
  .authenty .form-main {
    border-top: 0 !important;
    padding: 20px 10px !important;
  }
  .authenty .form-header .title {
    display: block;
    margin: 0 !important;
    text-align: center;
    width: 100%;
  }
  .authenty .form-main label,
  .authenty .forgotPass {
    margin: 0 !important;
    padding: 0 0 5px 0 !important;
  }
  .form-main .remember-me {
    font-size: 12px !important;
  }
  .authenty .openIdLogin {
    margin: 5px 0 0 0 !important;
  }
  .authenty .form-group {
    font-size: 12px;
    text-align: left;
  }
  .authenty #openIdContainer {
    padding-top: 15px;
    width: 100% !important;
  }
  .authenty .openid_large_btn {
    float: none !important;
    margin: 0 auto !important;
  }
  .mobile-app-select {
    display: block;
    font-size: 20px;
    padding: 0 40px 40px 40px;
    text-align: center;
  }
  .mobile-app-select .mobile-buttons {
    max-width: 250px;
    margin: 0px auto;
  }
  .mobile-app-select .mobile-buttons img {
    width: 100%;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 960px) {
  .mobile-app-select {
    display: none;
  }
  .bt-mobile .mobile-app-select {
    display: block;
  }
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tinyscrollWrapper {
  position: relative;
  height: 100%;
}
.bt-mobile .tinyscrollWrapper {
  overflow-y: auto;
}
.tinyscrollWrapper .viewport {
  height: 100%;
  overflow: hidden;
  position: relative;
}
.tinyscrollWrapper .viewport > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
}
.tinyscrollWrapper .scrollbar {
  position: absolute;
  z-index: 10;
  right: 0;
  width: 8px;
  height: 100%;
}
.tinyscrollWrapper .scrollbar .track {
  background-color: rgba(221, 221, 221, 0.3);
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
  height: 100%;
  width: 8px;
  position: relative;
  padding: 0;
}
.tinyscrollWrapper .scrollbar .track .thumb {
  background-color: rgba(80, 80, 80, 0.1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 20px;
  width: 8px;
  overflow: hidden;
  position: absolute;
  top: 0;
}
.tinyscrollWrapper:hover .scrollbar .track .thumb,
.tinyscrollWrapper:active .scrollbar .track .thumb {
  background-color: rgba(0, 0, 0, 0.4);
}
.tinyscrollWrapper .scrollbar.disable {
  display: none;
}
.tinyscrollWrapper .viewport.hasScrollbar {
  margin-right: 8px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/*
	bootdate for Bootstrap
	Copyright 2012 Stefan Petre
	Licensed under the Apache License v2.0
	http://www.apache.org/licenses/LICENSE-2.0
*/
.bootdate {
  top: 0;
  left: 0;
  margin-top: 1px;
  /*.dow { border-top: 1px solid @default-border-color !important; }*/
}
.bootdate.dropdown-menu {
  border-radius: 2px;
  z-index: 5000;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
}
.bootdate:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #443E3D;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: -7px;
  left: 6px;
}
.bootdate:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #443E3D;
  position: absolute;
  top: -6px;
  left: 7px;
}
/* If this is a div-as-calendar control, remove the little triangle in the upper left. */
.btdatediv .bootdate:after,
.bootdate:before {
  display: none;
}
.bootdate > div {
  display: none;
}
.bootdate table {
  width: 100%;
  margin: 0;
}
.bootdate td,
.bootdate th {
  font-weight: normal;
  text-align: center;
  width: 13px;
  height: 13px;
  padding: 2px 3px;
  font-family: Arial;
  border: none;
  background: transparent;
}
.bootdate td.day:hover {
  background: #4D4D4D;
  color: #FFFFFF;
  cursor: pointer;
  border-radius: 2px;
}
.bootdate td.old,
.bootdate td.new {
  color: #B3B3B3;
}
.bootdate td.active,
.bootdate td.active:hover {
  background-color: #1F74CE;
}
.bootdate td.active:hover,
.bootdate td.active:hover:hover,
.bootdate td.active:active,
.bootdate td.active:hover:active,
.bootdate td.active.active,
.bootdate td.active:hover.active,
.bootdate td.active.disabled,
.bootdate td.active:hover.disabled,
.bootdate td.active[disabled],
.bootdate td.active:hover[disabled] {
  background-color: #1F74CE;
  color: #FFFFFF;
  border-radius: 2px;
}
.bootdate td.active:active,
.bootdate td.active:hover:active,
.bootdate td.active.active,
.bootdate td.active:hover.active {
  background-color: #4D4D4D;
}
.bootdate td span {
  display: block;
  width: 40px;
  height: 35px;
  line-height: 35px;
  float: left;
  margin: 2px;
  cursor: pointer;
}
.bootdate td span.month {
  width: 51px;
}
.bootdate td span.year {
  width: 42px;
}
.bootdate td span:hover {
  background: #4D4D4D;
  color: #FFFFFF;
  border-radius: 2px;
}
.bootdate td span.active {
  background-color: #1F74CE;
  color: #FFFFFF;
}
.bootdate td span.active:hover,
.bootdate td span.active:active,
.bootdate td span.active.active,
.bootdate td span.active.disabled,
.bootdate td span.active[disabled] {
  background-color: #4D4D4D;
  border-radius: 2px;
}
.bootdate td span.active:active,
.bootdate td span.active.active {
  background-color: #4D4D4D;
}
.bootdate td span.old {
  color: #B3B3B3;
}
.bootdate th.switch {
  width: 145px;
}
.bootdate th.next,
.bootdate th.prev {
  font-size: 19.5px;
}
.bootdate thead,
.bootdate td {
  color: #222222;
}
.bootdate th {
  font-size: 12px;
}
.bootdate td {
  font-size: 12px;
}
.bootdate thead tr:first-child th {
  font-weight: 500;
  cursor: pointer;
}
.bootdate thead tr:first-child th:hover {
  color: #004A8C !important;
}
.bootdate thead tr:last-child {
  border-bottom: 1px solid #B3B3B3;
  color: #222222;
}
.bootdate .bootdate-days {
  padding: 0px 8px 12px 9px;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}
div.datePickerFloating {
  position: absolute;
  z-index: 2010;
  width: 695px;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #B3B3B3;
  border-width: 1px;
  padding-bottom: 40px;
}
div.datePickerFloating > .title {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  color: #222222;
}
div.datePickerFloating > ul {
  padding-left: 0px;
  margin-bottom: 2px;
}
div.datePickerFloating .form-control {
  margin-bottom: 3px;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  color: #222222;
}
div.datePickerFloating .ContainerButtons {
  position: absolute;
  bottom: 8px;
  left: 0px;
  width: 100%;
  box-sizing: border-box;
  -mox-box-sizing: border-box;
  padding: 0px 20px;
}
div.datePickerFloating .ContainerButtons .btn-default {
  float: left;
  margin-left: 504px;
}
div.datePickerFloating .ContainerButtons .secondary {
  float: right;
  margin-right: 28px;
}
div.datePickerFloating ul li {
  display: inline-block;
  padding: 1%;
  width: 47%;
  padding-left: 20px;
}
div.datePickerFloating ul li > input {
  width: 100%;
}
div.datePickerFloating .datepicker_wrapper {
  width: 160px;
}
div.datePickerFloating .single_picker .date_picker {
  margin-top: 8px;
}
td.day.disabled {
  color: grey;
  cursor: not-allowed !important;
}
.bootdate .prev,
.bootdate .next {
  font-size: 25px !important;
  font-weight: 700 !important;
  color: #1F74CE !important;
}
.bootdate .switch {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #1F74CE !important;
}
div.datePickerFloating .bootdate .bootdate-months tbody td,
div.datePickerFloating .bootdate .bootdate-years tbody td {
  width: 100%;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/****************
Grid-Page: Fullscreen
****************/
body.fullscreen .system-nav {
  border-bottom: none;
  height: 0;
}
body.fullscreen .app-overlay {
  height: 0;
  overflow: hidden;
}
body.fullscreen .wipWrapper .toolbar {
  margin-bottom: 0;
}
body.fullscreen .bt-masterDetail .detailView {
  width: 1002px;
}
body.projectPage.fullscreen .bt-masterDetail .detailView,
body.staffPage.fullscreen .bt-masterDetail .detailView {
  width: 100%;
}
body.fullscreen .form-group li.expandable.open > textarea {
  height: 580px;
  width: 680px;
}
body.projectPage.fullscreen .form-group li.expandable.open > textarea {
  height: 100%;
  width: 100%;
}
body.fullscreen .system-nav .bt-menubar {
  display: none;
}
@media (min-width: 961px) {
  body.staffPage.fullscreen .system-nav .bt-menubar,
  body.projectPage.fullscreen .system-nav .bt-menubar,
  body.tasksPage.fullscreen .system-nav .bt-menubar {
    display: none;
  }
}
@media (max-width: 960px) {
  body.staffPage.fullscreen .system-nav .bt-menubar,
  body.projectPage.fullscreen .system-nav .bt-menubar,
  body.tasksPage.fullscreen .system-nav .bt-menubar {
    display: block;
  }
  body.staffPage .btn-fullscreen,
  body.projectPage .btn-fullscreen,
  body.tasksPage .btn-fullscreen {
    display: none;
  }
}
body.fullscreen #main-content {
  padding-top: 0;
}
body.fullscreen #main-pane {
  width: 100% !important;
  max-width: 100%;
}
body.fullscreen #main-pane .BTAppMainPane {
  height: 100%;
  padding: 20px 10px 0 10px;
}
body.fullscreen #main-pane .bt-page-title {
  display: none;
}
/*body.fullscreen .system-nav:hover {
	height: 70px;
	border-bottom: 1px solid @bt-primary-color;
	cursor: pointer;
}
body.fullscreen .system-nav:hover .bt-menubar {
	display: flex
}*/
body.fullscreen .md-frame .bt-breadcrumbs {
  display: none;
}
/* Add the is-fullscreen and is-not-fullscreen classes so that we can show/hide items when in/out of full screen mode. */
.is-fullscreen {
  visibility: hidden;
}
body.fullscreen .is-fullscreen,
.modal-content.fullscreen .is-fullscreen {
  visibility: visible;
}
body.fullscreen .is-not-fullscreen,
.modal-content.fullscreen .is-not-fullscreen {
  display: none;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/****************
Dead-End Page
****************/
body.dead-end #main-content {
  padding-top: 10px;
}
body.dead-end .system-nav {
  height: 0;
  border-bottom: none;
}
body.dead-end .system-nav .bt-menubar {
  display: none;
}
body.dead-end .md-frame .bt-breadcrumbs {
  display: none;
}
body.dead-end .logo {
  width: 208px;
  height: 34px;
  margin: 0 auto 20px auto;
  display: block;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* Add Task (recurring) */
.addTaskModal .modal-dialog {
  width: 540px;
  margin-top: 100px;
}
.addTaskModal .modal-body {
  max-height: 540px;
  overflow-y: auto;
}
.addTaskModal .modal-dialog .UDFList .UDFValueDisplay {
  width: 48%;
}
.editSeries .modal-body .recurring-description,
.addTaskModal .recurring-description {
  color: #8E8580;
  font-size: 12px;
  font-weight: normal;
  margin-top: 10px;
  line-height: 160%;
}
.addTaskModal .modal-footer {
  border-top: 1px solid #B3B3B3;
}
.addRecurringTaskModal .modal-body {
  padding-bottom: 10px;
}
.addRecurringTaskModal .modal-body .form-group {
  margin-bottom: 0px;
}
.editTask .form-control:disabled {
  background-color: #E6E6E6 !important;
}
.modal-body .form-group .dateRange.input-validation-error {
  background-color: transparent !important;
  border: none;
}
.modal-body .form-group .dateRange.input-validation-error input {
  background-color: #FCEAE8 !important;
  border: 1px solid #DC2F18;
}
.addRecurringTaskModal .modal-body .form-group .daysList {
  padding-left: 30px;
}
.addRecurringTaskModal .modal-body .messageBlock {
  margin-top: -10px;
  font-size: 11px;
}
.editSeries .modal-body .daily .period,
.addRecurringTaskModal .modal-body .daily .period {
  display: inline;
  width: 45px;
  height: 21px;
  margin: 0px 7px;
  text-align: center;
}
/*   EDIT TASK DIALOG   */
.gantt-editor .modal-dialog .content,
.editTask .modal-dialog .content {
  height: 100%;
  width: 568px;
}
.gantt-editor .modal-dialog .modal-content .modal-body .clickable,
.editTask .modal-dialog .modal-content .modal-body .clickable {
  color: #1F74CE;
}
.gantt-editor .modal-dialog .modal-content .modal-body .clickable:hover,
.editTask .modal-dialog .modal-content .modal-body .clickable:hover {
  color: #DC2F18;
  text-decoration: underline;
}
.gantt-editor .modal-dialog .nav-tabs,
.editTask .modal-dialog .nav-tabs {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
}
.gantt-editor .modal-dialog .nav-tabs > li,
.editTask .modal-dialog .nav-tabs > li {
  height: 42px;
  text-align: center;
  float: none;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.gantt-editor .modal-dialog .nav-tabs > li > a,
.editTask .modal-dialog .nav-tabs > li > a {
  padding: 12px 15px;
  height: 100%;
}
.gantt-editor .modal-dialog .nav-tabs > li.active a,
.editTask .modal-dialog .nav-tabs > li.active a {
  color: #222222;
}
.editTask .nav-tabs.tier-one > li > a:after {
  margin-top: 0px;
  height: 100%;
}
.editTask .modal-dialog .nav-tabs.nav-tabs-2 > li {
  width: 50%;
}
.gantt-editor .modal-dialog .nav-tabs.tier-one > li:last-child > a,
.gantt-editor .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a,
.editTask .modal-dialog .nav-tabs.tier-one > li:last-child > a,
.editTask .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a {
  border-right: none;
}
.gantt-editor .modal-dialog .nav-tabs.tier-one > li:last-child > a:before,
.gantt-editor .modal-dialog .nav-tabs.tier-one > li:last-child > a:after,
.gantt-editor .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a:before,
.gantt-editor .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a:after,
.editTask .modal-dialog .nav-tabs.tier-one > li:last-child > a:before,
.editTask .modal-dialog .nav-tabs.tier-one > li:last-child > a:after,
.editTask .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a:before,
.editTask .modal-dialog .nav-tabs.tier-one > li.tab2:nth-child(2) > a:after {
  display: none;
}
.editTask .modal-dialog .modal-content {
  height: 630px;
  width: 570px;
  border-radius: 5px;
}
.editSeries .modal-dialog .modal-content {
  height: 580px;
  width: 568px;
}
.editTask.projectTask .modal-dialog .modal-content {
  height: 611px;
  width: 568px;
}
.editSeries.projectTask .modal-dialog .modal-content {
  height: 520px;
  width: 568px;
}
.editTask .modal-dialog .modal-content .modal-header {
  padding-bottom: 15px;
  padding-top: 15px;
  padding-left: 44px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.editTask .modal-dialog .modal-content .modal-body {
  overflow: auto;
}
.editTask .modal-dialog .modal-content .modal-body .activity-log {
  margin-bottom: 15px;
}
.editTask .modal-dialog .modal-content .modal-body .activity-log-list {
  font-size: 12px;
  padding-left: 16px;
}
.editTask .modal-dialog .modal-content .modal-body .activity-log-list li {
  margin: 4px 0 4px 0;
}
.editTask .modal-dialog .modal-content .modal-body .taskDetailTab {
  width: 100%;
  padding: 0;
}
.editTask .modal-dialog .modal-content .modal-body .taskDetailTab .completed {
  text-align: center;
}
.editTask .modal-dialog .modal-content .modal-body .budgetTab .follow-up-title {
  margin-bottom: 10px;
}
.editTask .modal-dialog .modal-content .modal-body .title h5 {
  margin-top: 0;
  margin-bottom: 5px;
  font-weight: 600;
}
.editTask .modal-dialog .modal-content .modal-body .budgetTab .billing-status-label {
  font-size: 11px;
  margin-top: 5px;
}
.editTask .modal-dialog .modal-content .modal-body .budgetTab .checkbox {
  display: block;
  margin-top: 5px;
  line-height: 24px;
}
.editTask .modal-dialog .modal-content .modal-body .budgetTab .checkbox input[type="checkbox"]:checked:before {
  padding-left: 30%;
  padding-top: 10%;
}
.editTask .modal-dialog .modal-content .modal-body .budgetTab .tasksListLink {
  padding-top: 5px;
}
.editTask .modal-dialog .modal-content .modal-body .accountingTab .title {
  font-size: 12px;
  margin: 0;
}
.editTask .modal-dialog .modal-content .modal-body .accountingTab li.placeholder-label {
  max-width: 370px;
  margin: 0px auto;
}
.editTask .modal-dialog .modal-content .modal-body .accountingTab li.placeholder-label:nth-child(3) {
  margin-bottom: 15px;
}
.editTask .modal-dialog .modal-content .modal-body .accountingTab ul.form-group > li > .input-container2 > li {
  width: 48%;
}
.editTask .modal-dialog .modal-content .modal-body .occurrences {
  align-self: baseline;
}
.editTask .modal-dialog .modal-content .modal-body .occurrences .active-arrow-left {
  margin-bottom: 3px;
}
.editTask .modal-dialog .modal-footer .messageBlock .validationMessageAlert {
  margin-bottom: 6px;
}
.updateStatus .modal-dialog .taskStaffSelector .table .typeColumn {
  width: 150px;
}
.updateStatus .modal-dialog .taskStaffSelector .table .statusColumn {
  width: 150px;
}
.updateStatus .modal-dialog .taskStaffSelector .table .assignmentColumn {
  width: 250px;
}
.editTask .modal-dialog .modal-content .modal-body .editTaskUDFForm {
  padding: 0;
}
.editTask .modal-dialog .modal-content .modal-body .UDFList,
.editTask .modal-dialog .modal-content .modal-body .editUDFForm .form-group {
  margin-bottom: 0;
}
.editTask .modal-dialog .modal-content .modal-body .UDFList .editUDFForm,
.editTask .modal-dialog .modal-content .modal-body .UDFList .editUDFForm .button-container,
.editTask .modal-dialog .modal-content .modal-body .UDFList .editUDFButton {
  padding-bottom: 0;
}
.editTask .modal-dialog .editUDFForm .editUDFList .UDF,
.editTask .modal-dialog .UDFList .UDFValueDisplay {
  width: 48%;
}
.editTask .modal-dialog .modal-content .modal-body .form-group .label {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 5px;
  padding: 2.5px 0 2.5px;
}
.editTask .modal-dialog .modal-content .modal-body .form-group .label.label-right {
  font-family: 'Arial';
  font-size: 11px;
  font-weight: 500;
  color: #222222 !important;
  text-align: right;
  margin-right: 18px;
}
.editTask .modal-dialog .modal-content .modal-body .form-group .label.label-left {
  text-align: left;
}
.editTask .bt-icon-info-sm {
  height: 16px;
  width: 16px;
  position: absolute;
}
.editTask .budgetTab .bt-icon-info-sm {
  right: -7px;
  top: 3px;
}
.editTask .generalTab .bt-icon-info-sm {
  top: 3px;
  left: 30px;
}
.editTask.modal-footer {
  border-top: 1px solid #B3B3B3;
  padding: 14px 70px 14px 70px;
}
.editTask.modal-footer .fixed-panel-fixed .btn-primary.btnEditTask {
  margin-left: 15px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* mobile-ui.css */
.responsive-show-480,
.responsive-show-960 {
  display: none;
}
.system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .icon-menu {
  display: none;
}
.no-entry .toolbar .add-entry-button.toggle,
.no-entry .entries .add-entry-button.toggle {
  display: none;
  visibility: hidden;
}
.dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .icon-bt-back.toggle {
  display: none;
}
.dailyplanner #expenseEntryToolbar .btn-toolbar .btn.toggle {
  display: none;
}
.dailyplanner .zerostate .help .btn.toggle {
  display: none;
}
.dailyplanner_wrapper .btn-toolbar .btn.toggle {
  display: none;
}
.bt-masterDetail .detailView .nav-tabs > li.dropdown .toggle {
  display: none;
}
.bt-masterDetail .detailView .footerToolbar.mobile {
  display: none;
}
.tasksBudget .bt-grid-toolbar.mobile {
  display: none;
}
@media only screen and (max-width: 1160px) {
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    padding: 0px 0px 0px 0px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.dashboard {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .authenty {
    margin-top: 35px !important;
  }
  .system-nav .logo-main {
    max-height: 40px;
    max-width: 145px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
  }
  .system-nav .bt-menubar {
    min-width: 540px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.dashboard {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar > .divider {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 14px;
  }
  .bt-breadcrumbs {
    display: none;
  }
  #dashboardHome .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 12px auto 0 auto !important;
    max-width: 960px;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 640px !important;
  }
  #dashboardHome .container .smallTileWrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
  #dashboardHome .container .smallTileWrapper ul .smalltile .content {
    width: 10.88em !important;
    height: 10.88em !important;
  }
  #dashboardHome .container .bigtile {
    -webkit-box-flex: 1 0 426px;
    -webkit-flex: 1 0 426px;
    -ms-flex: 1 0 426px;
    flex: 1 0 426px;
    float: none;
  }
  /* timer dialog box */
  .system-nav .bt-menubar .nav_app.timer .timerMenu {
    right: 0px;
  }
  .system-nav .bt-menubar .nav_app.timer .timerMenu .popupArrow {
    margin-right: 0px;
  }
  .timesheet_wrapper .unsubmittedHours .alert {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .no-entry .toolbar .add-entry-button.toggle,
  .no-entry .entries .add-entry-button.toggle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: visible !important;
  }
  .dailyplanner_wrapper #expenseEntryToolbar,
  .dailyplanner #expenseEntryToolbar {
    padding: 0 12px;
  }
  .table.responsive-fullsize {
    border-left: 0px;
    border-right: 0px;
  }
}
@media only screen and (max-width: 960px) {
  #intuitBlueDot {
    display: none !important;
  }
  .responsive-show-960 {
    display: inherit;
  }
  .responsive-show-960.responsive-block {
    display: block;
  }
  .responsive-hide-960 {
    display: none !important;
  }
  .responsive-pad-fullsize {
    padding-left: 12px;
    padding-right: 12px;
  }
  .responsive-title-only .bt-page-title {
    margin-bottom: 0px;
  }
  .responsive-hug-bottom {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .main-content--legacy-navigation {
    padding-top: 54px !important;
  }
  .main-overlay {
    background: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1000;
    -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    cursor: pointer;
  }
  .main-overlay.show {
    background: #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: fixed;
    height: 100%;
    z-index: 1001;
    -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 528px !important;
  }
  .system-nav {
    border-bottom: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    height: 60px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .divider,
  .nav_app#settingsBar_help,
  .system-nav .bt-menubar ul#nav_bar .nav_app#myActivity,
  .system-nav .bt-menubar ul#nav_bar .nav_app#universal-search {
    display: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.open {
    border-bottom: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-menu-wrap.menus .nav_app.open .trigger {
    border-bottom: 3px solid #1F74CE;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 12% !important;
  }
  .system-nav .bt-menubar {
    min-width: 640px !important;
  }
  .system-nav .bt-menubar ul#nav_bar {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-box-flex: 0 0 60px !important;
    -webkit-flex: 0 0 60px !important;
    -ms-flex: 0 0 60px !important;
    flex: 0 0 60px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 59px;
    margin: 0;
    width: 60px !important;
    z-index: 1003;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger {
    background: transparent;
    height: 59px;
    margin: 0;
    width: 60px;
    display: block;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger .icon-menu-list {
    display: block;
    width: 21px;
    margin: 21px 0 0 20px;
    height: 21px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger:hover .icon-menu-list {
    filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app > a {
    display: block;
    min-width: 200px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu.open .mobile-menu-wrap {
    left: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #F0F0F3;
    bottom: 0;
    cursor: default;
    display: block !important;
    height: 100%;
    left: -200px;
    min-width: 200px;
    position: fixed;
    top: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    width: 200px;
    border-right: 1px solid #B3B3B3;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app > a {
    color: #222222;
    font-size: 15px;
    height: 58px;
    line-height: 58px;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu {
    background: transparent;
    float: none;
    margin: 0 !important;
    position: relative !important;
    width: 100%;
    border-left: 0;
    border-right: 0;
    padding: 0;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu .dropdown-header {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li {
    border: 0 !important;
    border-bottom: 1px solid #B3B3B3 !important;
    height: 46px;
    font-size: 14px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li > a {
    color: #222222;
    line-height: 46px;
    padding: 0 0 0 20px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li:hover > a {
    color: #222222;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li > a:hover {
    background: #F6F6F6;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .nav_app.open > a:after {
    display: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .trigger {
    background-color: transparent;
    padding: 6px 12px !important;
    width: 60px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .trigger .bt-icon-person {
    width: 27px;
    height: 25px;
    margin-top: 10px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount:hover .trigger .bt-icon-person {
    filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  }
  .timesheet_wrapper .flex-toolbar .fixed-panel.insights {
    display: none !important;
  }
  /* Invoice Wizard */
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content {
    width: 90% !important;
    margin: 50px auto  !important;
  }
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypes {
    width: 50% !important;
    margin-right: 5% !important;
  }
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypeDetail,
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypeHelp {
    width: 40% !important;
  }
  .step-frame {
    border-left: 0px;
    border-right: 0px;
  }
  /* RJM_2016-05-04 -- Vertical Tab Selector UI */
  .VerticalTabAreaContainer {
    width: 90% !important;
    margin: 50px auto  !important;
  }
  .VerticalTabAreaContainer > ul,
  .VerticalTabAreaContainer > div {
    width: 50% !important;
    margin-right: 5% !important;
  }
}
@media only screen and (max-width: 877px) {
  #dashboardHome .container .smallTileWrapper ul .smalltile .content {
    margin-right: 0px;
    border-right: 1px solid #1F74CE;
  }
}
@media only screen and (max-width: 768px) {
  .appPage .BTAppMainPane {
    padding-bottom: 0;
    padding-top: 16px;
  }
  .responsive-show-480 {
    display: inherit;
  }
  .responsive-show-480.responsive-block {
    display: block;
  }
  .responsive-hide-480 {
    display: none !important;
  }
  .system-nav .bt-menubar {
    min-width: 506px !important;
  }
  .bt-masterDetail .detailView .nav-tabs > li.toggle {
    display: none;
  }
  .bt-masterDetail .detailView .nav-tabs > li.dropdown .toggle {
    display: block;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 320px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 10% !important;
  }
  .bt-masterDetail .topToolbar {
    margin-left: 12px;
    margin-right: 12px;
  }
  #dashboardHome .container .bigtile {
    margin: 0 auto 7px !important;
  }
  .timesheet_wrapper .btn.weekly,
  .timesheet_wrapper .btn.daily {
    display: none !important;
  }
  .dailyplanner .page {
    border-left: none;
    border-right: none;
  }
  .active-entry .dailyplanner .page.day {
    max-width: 0;
  }
  .active-entry .dailyplanner .page .zerostate .help {
    display: none;
  }
  .no-entry .dailyplanner .page.edit {
    max-width: 0;
  }
  .no-entry .toolbar .add-entry-button.hidden,
  .no-entry .entries .add-entry-button.hidden {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: visible !important;
  }
  .dailyplanner .page .header {
    display: flex;
    justify-content: space-between;
  }
  .dailyplanner .page .header .dow {
    float: none !important;
    margin: 0 15px;
    max-width: 340px;
    width: 100% !important;
    flex: 1;
  }
  .dailyplanner .page .header .amt {
    float: none !important;
    margin: 0 15px;
    max-width: 170px;
    width: 100% !important;
    flex: 1;
  }
  .dailyplanner .edit.page .zerostate.details {
    display: none;
  }
  .dailyplanner .zerostate .help .btn.toggle {
    margin-top: 12px;
    display: inline-flex;
  }
  .dailyplanner .page .form_header_toolbar {
    margin-bottom: 15px !important;
    padding-left: 12px !important;
  }
  .dailyplanner .page.edit .tab-content {
    padding: 0 12px !important;
  }
  .dailyplanner .page.edit .form_wrapper > form .container.buttons {
    padding: 15px 12px !important;
  }
  .dailyplanner #expenseEntryToolbar .bt-utility-bar .toolbar-staff-select {
    margin-right: 0;
  }
  .dailyplanner #expenseEntryToolbar .bt-utility-bar .btn {
    display: none;
  }
  .dailyplanner_wrapper .btn-toolbar .btn.toggle {
    display: inline-flex;
  }
  .dailyplanner #expenseEntryToolbar .btn-toolbar .btn.toggle {
    display: block;
    padding-top: 3px;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .back-breadcrumb {
    display: none;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .icon-bt-back.toggle {
    display: block;
    margin-right: 12px;
  }
  .dailyplanner .app-toolbar .btn-toolbar {
    display: inline-flex;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle {
    line-height: 16px;
  }
  .dailyplanner .app-toolbar .btn-toolbar .btn.toggle {
    height: 26px;
  }
  #expenseHistory .page .table-reports th.number.sub,
  #expenseHistory .page .table-reports td.number.sub {
    display: none;
  }
  #expenseHistory .page .table-reports th.picklist,
  #expenseHistory .page .table-reports td.status {
    display: none;
  }
  #expenseHistory .page .table-reports > thead:first-child > tr:first-child > th {
    width: 75%;
  }
  .appDashboard .column-wrapper {
    flex-direction: column;
    align-items: center;
    padding: 0 !important;
  }
  .appDashboard .col {
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    margin-top: 10px;
    min-height: 120px !important;
    position: relative;
    text-align: center;
    width: 100% !important;
  }
  /* Invoice responsive overrides */
  .createInvoice.flex-toolbar {
    padding-left: 12px;
  }
  .invoiceGridPane .flex-toolbar .insights,
  .invoiceGridPane .bt-utility-bar,
  .invoiceGridPane.historyWrapper .toolbar .search-box {
    display: none !important;
  }
  .invoiceGridPane .toolbar .search-box {
    margin-right: 12px;
  }
  .invoiceGridPane.invoiceListWrapper .btthead.c1,
  .invoiceGridPane.invoiceListWrapper .bttd.c1,
  .invoiceGridPane.invoiceListWrapper .btthead.c2,
  .invoiceGridPane.invoiceListWrapper .bttd.c2,
  .invoiceGridPane.invoiceListWrapper .btthead.c3,
  .invoiceGridPane.invoiceListWrapper .bttd.c3,
  .invoiceGridPane.invoiceListWrapper .btthead.c4,
  .invoiceGridPane.invoiceListWrapper .bttd.c4,
  .invoiceGridPane.invoiceListWrapper .btthead.c5,
  .invoiceGridPane.invoiceListWrapper .bttd.c5,
  .invoiceGridPane.invoiceListWrapper .btthead.c6,
  .invoiceGridPane.invoiceListWrapper .bttd.c6,
  .invoiceGridPane.invoiceListWrapper .btthead.c7,
  .invoiceGridPane.invoiceListWrapper .bttd.c7,
  .invoiceGridPane.invoiceListWrapper .btthead.c8,
  .invoiceGridPane.invoiceListWrapper .bttd.c8,
  .invoiceGridPane.invoiceListWrapper .btthead.c9,
  .invoiceGridPane.invoiceListWrapper .bttd.c9,
  .invoiceGridPane.invoiceListWrapper .btthead.c10,
  .invoiceGridPane.invoiceListWrapper .bttd.c10,
  .invoiceGridPane.invoiceListWrapper .btthead.c11,
  .invoiceGridPane.invoiceListWrapper .bttd.c11,
  .invoiceGridPane.invoiceListWrapper .btthead.c12,
  .invoiceGridPane.invoiceListWrapper .bttd.c12 {
    display: none ;
  }
  .invoiceGridPane.invoiceListWrapper .btthead.iinvdnm,
  .invoiceGridPane.invoiceListWrapper .bttd.iinvdnm,
  .invoiceGridPane.invoiceListWrapper .btthead.iinvttl,
  .invoiceGridPane.invoiceListWrapper .bttd.iinvttl {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  /* Invoice Detail main page(s) */
  .invoiceDetail .invoiceSummary {
    display: none !important;
  }
  .invoiceDetail .invoice-sidebar {
    display: none !important;
  }
  .appDashboard .col .col-head {
    padding: 12px !important;
  }
  .appDashboard .col .col-head h3 {
    margin: 0 !important;
  }
  .appDashboard .col .col-head {
    padding: 12px !important;
  }
  .appDashboard .col .col-body {
    padding: 12px 12px 32px 12px !important;
  }
  #projectListToolbar .inactiveFilter {
    display: none !important;
  }
  #projectListToolbar > div:last-child > button {
    display: none !important;
  }
  #projectListToolbar > div:last-child > button:first-child {
    display: inline-flex !important;
  }
  #projectListToolbar .view-by {
    width: 100px;
  }
  #projectListToolbar .search-box {
    width: 132px;
  }
  .listViewTable .c0 {
    min-width: 380px !important;
  }
  .listViewTable .c1,
  .listViewTable .c2,
  .listViewTable .c3,
  .listViewTable .c4,
  .listViewTable .c5 {
    display: none;
  }
  .listView .detailView {
    width: 100% !important;
  }
  .listView .detailView .content {
    padding: 0 12px 15px 12px !important;
  }
  .listView .detailView .content .sidesWrapper {
    flex-direction: column !important;
  }
  .listView .detailView .content .body {
    flex-direction: column !important;
  }
  .listView .detailView .content .body .leftSide {
    padding-right: 0;
  }
  .listView .detailView .basicInfo .content > .header {
    padding-right: 0 !important;
  }
  .basicInfo .content .rightSide {
    margin-top: 0 !important;
    margin-bottom: 24px;
    padding: 0 !important;
  }
  .basicInfo .content .rightSide .chartContent {
    margin: 0 auto !important;
  }
  .basicInfo .content .rightSide {
    max-width: 100% !important;
    float: none;
  }
  .basicInfo .content .leftSide .form-group li.expandable .expander {
    display: none !important;
  }
  .modal-header button.close {
    right: -1px !important;
  }
  ul.form-group > li > .input-container3 > li label {
    text-transform: capitalize;
  }
  .contactInfo .primaryContact {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .bt-masterDetail .detailView .footerToolbar.toggle {
    display: none !important;
  }
  .bt-masterDetail .detailView .footerToolbar.mobile {
    display: flex;
    padding: 0 12px;
  }
  .contactInfo .billingContacts {
    width: 100% !important;
  }
  .tasksBudget .bt-grid-toolbar.mobile {
    display: block;
  }
  .tasksBudget .bt-grid-toolbar.toggle {
    display: none;
  }
  /* Report Center Main Page */
  .reportsPage .report-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .ReportCenter_wrapper .report-section ul.reportList > li,
  .ReportCenter_wrapper .report-section.all ul.all-reports > li,
  .MyReports_wrapper .report-section ul.reportList > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
  .ReportCenter_wrapper .report-section .sectionDetails {
    width: 100% !important;
    min-height: 0px;
  }
  .ReportCenter_wrapper .report-section .sectionDetails .insight,
  .ReportCenter_wrapper .report-section .sectionDetails .featuredReport {
    vertical-align: top !important;
  }
  .ReportCenter_wrapper .report-section .sectionDetails .featuredReport h3 {
    font-size: 15px;
  }
  .ReportCenter_wrapper .report-section.all .report-list li {
    margin-bottom: 10px;
  }
  .ReportCenter_wrapper .report-section.all .report-list li.title {
    font-size: 14px;
  }
  /*Report Detail*/
  .reportDetail_header .bt-page-title {
    padding-left: 12px;
  }
  .btn-primary.btn-pointer-right:after {
    display: none;
  }
  .MyReports_wrapper {
    width: 100% !important;
  }
  .MyReports_wrapper .report-section {
    border-top: 0px !important;
    border-bottom: 1px solid #B3B3B3 !important;
    margin: 12px 0 24px 0 !important;
    padding-top: 0px !important;
    padding-bottom: 12px !important;
  }
  .MyReports_wrapper .responsive-pad-leftright-24 {
    padding: 0px 24px;
  }
  /* SETTINGS DIALOGS */
  .settings-body .settings-sidebar {
    display: none !important;
  }
  body.bt-settings-frame .settings-navbar {
    margin-left: 0px;
  }
  body.bt-settings-frame > .modal > .modal-content {
    width: 100% !important;
  }
  body.bt-settings-frame .nav-tabs > li > a,
  body.bt-settings-frame .nav.nav-tabs > li > a {
    padding: 10px 12px !important;
  }
  body.bt-settings-frame .nav-tabs.tier-two {
    padding-left: 12px !important;
  }
  body.bt-settings-frame .md-form {
    max-width: 275px;
    min-width: 275px;
    padding: 6px;
  }
  body.bt-settings-frame .modal-content .link-fullscreen {
    right: 33px !important;
  }
  body.bt-settings-frame .modal-content table.form-group-table {
    left: 0px;
  }
  body.bt-settings-frame .mycompany-form,
  body.bt-settings-frame .mycompany-logo {
    padding: 0px 12px !important;
    width: 100% !important;
  }
  body.bt-settings-frame .vocab-list .master-detail-frame {
    padding: 0px 12px;
  }
  body.bt-settings-frame .mycompany-logo .logo-size {
    position: relative !important;
    padding: 5px 0px;
  }
  /*Review/Approval pages*/
  .approvals-table,
  .expense-table {
    width: 100% !important;
  }
  .btn-group.responsive-btn-group {
    padding: 0px !important;
    margin: 3px 0px;
  }
  .btn-group.responsive-btn-group > .btn {
    display: block !important;
    margin: 3px;
  }
  .btn-group.responsive-btn-group > .btn:last-child:not(:first-child),
  .btn-group.responsive-btn-group > .dropdown-toggle:not(:first-child) {
    margin-left: 3px !important;
  }
  .approvalPage .fixed-top-header .bt-page-title {
    margin-left: 12px;
    margin-right: 12px;
  }
  .step-frame .summary-panel {
    display: none;
  }
}
/* toolbar fixes */
@media only screen and (max-width: 1056px) {
  body.projectPage.fullscreen .bt-breadcrumbs,
  body.staffPage.fullscreen .bt-breadcrumbs,
  body.tasksPage.fullscreen .bt-breadcrumbs,
  body.fullscreen #projectListToolbar,
  body.fullscreen .appStaff .topToolbar,
  body.fullscreen .appTask .toolbar {
    margin: 0 0 12px 0;
  }
  .projectPage .bt-breadcrumbs,
  .staffPage .bt-breadcrumbs,
  .tasksPage .bt-breadcrumbs,
  #projectListToolbar,
  .appStaff .topToolbar,
  .appTask .toolbar {
    margin: 0 12px 12px 12px;
  }
}
/* RJM Project List fixes */
.appPage.projectPage.fullscreen .detailView .closeDetails,
.appPage.staffPage.fullscreen .detailView .closeDetails {
  display: none;
}
@media only screen and (max-width: 912px) {
  .bt-masterDetail .detailView {
    width: 100% !important;
  }
  .closeDetails {
    display: none;
  }
}
@media only screen and (max-width: 440px) {
  /* custom width for project list toolbar */
  .appProject #projectListToolbar {
    flex-direction: column-reverse;
  }
  .appProject #projectListToolbar > div:nth-child(2) {
    margin-bottom: 12px;
    text-align: right;
  }
  .appProject.open #projectListToolbar {
    flex-direction: initial;
  }
  .appProject.open #projectListToolbar > div:nth-child(2) {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM_2016-11-07 -- staff list fixes*/
@media only screen and (max-width: 590px) {
  /* custom width for staff list toolbar */
  .appStaff .topToolbar {
    flex-direction: column-reverse;
  }
  .appStaff .topToolbar > div:nth-child(2) {
    margin-bottom: 12px;
    text-align: right;
  }
  .appStaff.open .topToolbar {
    flex-direction: initial;
  }
  .appStaff.open .topToolbar > div:nth-child(2) {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM_2016-11-07 -- workflow dashboard fixes*/
@media only screen and (max-width: 594px) {
  /* custom width for workflow dashboard toolbar */
  .appTask .topToolbar div.toolbar {
    flex-direction: column-reverse;
    display: flex;
  }
  .appTask .topToolbar div div.bt-utility-bar {
    margin-bottom: 12px;
    text-align: right;
  }
  .appTask.open .topToolbar div.toolbar {
    flex-direction: initial;
    display: initial;
  }
  .appTask.open .topToolbar div div.bt-utility-bar {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM Project List fixes */
@media only screen and (max-width: 960px) {
  #projectListToolbar > div:last-child > button {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .system-nav .bt-menubar {
    min-width: 302px !important;
  }
}
@media only screen and (max-width: 912px) {
  .appStaff .listViewTable .bttr.selected.active.datarow .bttd.istafffullnm::before,
  .appStaff .listViewTable .bttd.istafffullnm.selected::before,
  .appProject .listViewTable .bttd.iprjdname.selected::before {
    display: none !important;
  }
}
/* end mobile-ui.css */

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
/* mobile-ui.css */
.responsive-show-480,
.responsive-show-960 {
  display: none;
}
.system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .icon-menu {
  display: none;
}
.no-entry .toolbar .add-entry-button.toggle,
.no-entry .entries .add-entry-button.toggle {
  display: none;
  visibility: hidden;
}
.dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .icon-bt-back.toggle {
  display: none;
}
.dailyplanner #expenseEntryToolbar .btn-toolbar .btn.toggle {
  display: none;
}
.dailyplanner .zerostate .help .btn.toggle {
  display: none;
}
.dailyplanner_wrapper .btn-toolbar .btn.toggle {
  display: none;
}
.bt-masterDetail .detailView .nav-tabs > li.dropdown .toggle {
  display: none;
}
.bt-masterDetail .detailView .footerToolbar.mobile {
  display: none;
}
.tasksBudget .bt-grid-toolbar.mobile {
  display: none;
}
@media only screen and (max-width: 1160px) {
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    padding: 0px 0px 0px 0px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.dashboard {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1024px) {
  .authenty {
    margin-top: 35px !important;
  }
  .system-nav .logo-main {
    max-height: 40px;
    max-width: 145px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
  }
  .system-nav .bt-menubar {
    min-width: 540px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.dashboard {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar > .divider {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 14px;
  }
  .bt-breadcrumbs {
    display: none;
  }
  #dashboardHome .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 12px auto 0 auto !important;
    max-width: 960px;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 640px !important;
  }
  #dashboardHome .container .smallTileWrapper ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: box;
    display: flexbox;
    display: flex;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0;
  }
  #dashboardHome .container .smallTileWrapper ul .smalltile .content {
    width: 10.88em !important;
    height: 10.88em !important;
  }
  #dashboardHome .container .bigtile {
    -webkit-box-flex: 1 0 426px;
    -webkit-flex: 1 0 426px;
    -ms-flex: 1 0 426px;
    flex: 1 0 426px;
    float: none;
  }
  /* timer dialog box */
  .system-nav .bt-menubar .nav_app.timer .timerMenu {
    right: 0px;
  }
  .system-nav .bt-menubar .nav_app.timer .timerMenu .popupArrow {
    margin-right: 0px;
  }
  .timesheet_wrapper .unsubmittedHours .alert {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .no-entry .toolbar .add-entry-button.toggle,
  .no-entry .entries .add-entry-button.toggle {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: visible !important;
  }
  .dailyplanner_wrapper #expenseEntryToolbar,
  .dailyplanner #expenseEntryToolbar {
    padding: 0 12px;
  }
  .table.responsive-fullsize {
    border-left: 0px;
    border-right: 0px;
  }
}
@media only screen and (max-width: 960px) {
  #intuitBlueDot {
    display: none !important;
  }
  .responsive-show-960 {
    display: inherit;
  }
  .responsive-show-960.responsive-block {
    display: block;
  }
  .responsive-hide-960 {
    display: none !important;
  }
  .responsive-pad-fullsize {
    padding-left: 12px;
    padding-right: 12px;
  }
  .responsive-title-only .bt-page-title {
    margin-bottom: 0px;
  }
  .responsive-hug-bottom {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .main-content--legacy-navigation {
    padding-top: 54px !important;
  }
  .main-overlay {
    background: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1000;
    -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    cursor: pointer;
  }
  .main-overlay.show {
    background: #000000;
    opacity: 0.3;
    filter: alpha(opacity=30);
    position: fixed;
    height: 100%;
    z-index: 1001;
    -webkit-transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: opacity 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 528px !important;
  }
  .system-nav {
    border-bottom: 1px solid #B3B3B3 !important;
    border-top: 0 !important;
    height: 60px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .divider,
  .nav_app#settingsBar_help,
  .system-nav .bt-menubar ul#nav_bar .nav_app#myActivity,
  .system-nav .bt-menubar ul#nav_bar .nav_app#universal-search {
    display: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.open {
    border-bottom: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-menu-wrap.menus .nav_app.open .trigger {
    border-bottom: 3px solid #1F74CE;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 12% !important;
  }
  .system-nav .bt-menubar {
    min-width: 640px !important;
  }
  .system-nav .bt-menubar ul#nav_bar {
    -webkit-justify-content: space-between;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-box-flex: 0 0 60px !important;
    -webkit-flex: 0 0 60px !important;
    -ms-flex: 0 0 60px !important;
    flex: 0 0 60px !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 59px;
    margin: 0;
    width: 60px !important;
    z-index: 1003;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger {
    background: transparent;
    height: 59px;
    margin: 0;
    width: 60px;
    display: block;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger .icon-menu-list {
    display: block;
    width: 21px;
    margin: 21px 0 0 20px;
    height: 21px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu-trigger:hover .icon-menu-list {
    filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app > a {
    display: block;
    min-width: 200px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu.open .mobile-menu-wrap {
    left: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #F0F0F3;
    bottom: 0;
    cursor: default;
    display: block !important;
    height: 100%;
    left: -200px;
    min-width: 200px;
    position: fixed;
    top: 0;
    -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    width: 200px;
    border-right: 1px solid #B3B3B3;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app {
    display: block;
    height: auto;
    position: relative;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app.mobile-ui-menu .mobile-menu-wrap .nav_app > a {
    color: #222222;
    font-size: 15px;
    height: 58px;
    line-height: 58px;
    width: 100%;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu {
    background: transparent;
    float: none;
    margin: 0 !important;
    position: relative !important;
    width: 100%;
    border-left: 0;
    border-right: 0;
    padding: 0;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu .dropdown-header {
    display: none;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li {
    border: 0 !important;
    border-bottom: 1px solid #B3B3B3 !important;
    height: 46px;
    font-size: 14px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li > a {
    color: #222222;
    line-height: 46px;
    padding: 0 0 0 20px;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li:hover > a {
    color: #222222;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .dropdown-menu > li > a:hover {
    background: #F6F6F6;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu .nav_app.open > a:after {
    display: none !important;
  }
  .system-nav .bt-menubar ul#nav_bar .mobile-ui-menu {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
  .system-nav .bt-menubar ul#nav_bar .nav-logo {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .trigger {
    background-color: transparent;
    padding: 6px 12px !important;
    width: 60px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount .trigger .bt-icon-person {
    width: 27px;
    height: 25px;
    margin-top: 10px;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app#myAccount:hover .trigger .bt-icon-person {
    filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
  }
  .timesheet_wrapper .flex-toolbar .fixed-panel.insights {
    display: none !important;
  }
  /* Invoice Wizard */
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content {
    width: 90% !important;
    margin: 50px auto  !important;
  }
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypes {
    width: 50% !important;
    margin-right: 5% !important;
  }
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypeDetail,
  .invoiceWizard .detailWraper .workspace .sideNavBody .center .step2 .content .invoiceTypeHelp {
    width: 40% !important;
  }
  .step-frame {
    border-left: 0px;
    border-right: 0px;
  }
  /* RJM_2016-05-04 -- Vertical Tab Selector UI */
  .VerticalTabAreaContainer {
    width: 90% !important;
    margin: 50px auto  !important;
  }
  .VerticalTabAreaContainer > ul,
  .VerticalTabAreaContainer > div {
    width: 50% !important;
    margin-right: 5% !important;
  }
}
@media only screen and (max-width: 877px) {
  #dashboardHome .container .smallTileWrapper ul .smalltile .content {
    margin-right: 0px;
    border-right: 1px solid #1F74CE;
  }
}
@media only screen and (max-width: 768px) {
  .appPage .BTAppMainPane {
    padding-bottom: 0;
    padding-top: 16px;
  }
  .responsive-show-480 {
    display: inherit;
  }
  .responsive-show-480.responsive-block {
    display: block;
  }
  .responsive-hide-480 {
    display: none !important;
  }
  .system-nav .bt-menubar {
    min-width: 506px !important;
  }
  .bt-masterDetail .detailView .nav-tabs > li.toggle {
    display: none;
  }
  .bt-masterDetail .detailView .nav-tabs > li.dropdown .toggle {
    display: block;
  }
  #dashboardHome .container .smallTileWrapper {
    display: block;
    float: none !important;
    height: auto !important;
    min-width: 320px !important;
  }
  .system-nav .bt-menubar ul#nav_bar .nav_app > a {
    padding: 0 10% !important;
  }
  .bt-masterDetail .topToolbar {
    margin-left: 12px;
    margin-right: 12px;
  }
  #dashboardHome .container .bigtile {
    margin: 0 auto 7px !important;
  }
  .timesheet_wrapper .btn.weekly,
  .timesheet_wrapper .btn.daily {
    display: none !important;
  }
  .dailyplanner .page {
    border-left: none;
    border-right: none;
  }
  .active-entry .dailyplanner .page.day {
    max-width: 0;
  }
  .active-entry .dailyplanner .page .zerostate .help {
    display: none;
  }
  .no-entry .dailyplanner .page.edit {
    max-width: 0;
  }
  .no-entry .toolbar .add-entry-button.hidden,
  .no-entry .entries .add-entry-button.hidden {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    visibility: visible !important;
  }
  .dailyplanner .page .header {
    display: flex;
    justify-content: space-between;
  }
  .dailyplanner .page .header .dow {
    float: none !important;
    margin: 0 15px;
    max-width: 340px;
    width: 100% !important;
    flex: 1;
  }
  .dailyplanner .page .header .amt {
    float: none !important;
    margin: 0 15px;
    max-width: 170px;
    width: 100% !important;
    flex: 1;
  }
  .dailyplanner .edit.page .zerostate.details {
    display: none;
  }
  .dailyplanner .zerostate .help .btn.toggle {
    margin-top: 12px;
    display: inline-flex;
  }
  .dailyplanner .page .form_header_toolbar {
    margin-bottom: 15px !important;
    padding-left: 12px !important;
  }
  .dailyplanner .page.edit .tab-content {
    padding: 0 12px !important;
  }
  .dailyplanner .page.edit .form_wrapper > form .container.buttons {
    padding: 15px 12px !important;
  }
  .dailyplanner #expenseEntryToolbar .bt-utility-bar .toolbar-staff-select {
    margin-right: 0;
  }
  .dailyplanner #expenseEntryToolbar .bt-utility-bar .btn {
    display: none;
  }
  .dailyplanner_wrapper .btn-toolbar .btn.toggle {
    display: inline-flex;
  }
  .dailyplanner #expenseEntryToolbar .btn-toolbar .btn.toggle {
    display: block;
    padding-top: 3px;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .back-breadcrumb {
    display: none;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle > a .icon-bt-back.toggle {
    display: block;
    margin-right: 12px;
  }
  .dailyplanner .app-toolbar .btn-toolbar {
    display: inline-flex;
  }
  .dailyplanner .app-toolbar .btn-toolbar .viewToggle {
    line-height: 16px;
  }
  .dailyplanner .app-toolbar .btn-toolbar .btn.toggle {
    height: 26px;
  }
  #expenseHistory .page .table-reports th.number.sub,
  #expenseHistory .page .table-reports td.number.sub {
    display: none;
  }
  #expenseHistory .page .table-reports th.picklist,
  #expenseHistory .page .table-reports td.status {
    display: none;
  }
  #expenseHistory .page .table-reports > thead:first-child > tr:first-child > th {
    width: 75%;
  }
  .appDashboard .column-wrapper {
    flex-direction: column;
    align-items: center;
    padding: 0 !important;
  }
  .appDashboard .col {
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    margin-top: 10px;
    min-height: 120px !important;
    position: relative;
    text-align: center;
    width: 100% !important;
  }
  /* Invoice responsive overrides */
  .createInvoice.flex-toolbar {
    padding-left: 12px;
  }
  .invoiceGridPane .flex-toolbar .insights,
  .invoiceGridPane .bt-utility-bar,
  .invoiceGridPane.historyWrapper .toolbar .search-box {
    display: none !important;
  }
  .invoiceGridPane .toolbar .search-box {
    margin-right: 12px;
  }
  .invoiceGridPane.invoiceListWrapper .btthead.c1,
  .invoiceGridPane.invoiceListWrapper .bttd.c1,
  .invoiceGridPane.invoiceListWrapper .btthead.c2,
  .invoiceGridPane.invoiceListWrapper .bttd.c2,
  .invoiceGridPane.invoiceListWrapper .btthead.c3,
  .invoiceGridPane.invoiceListWrapper .bttd.c3,
  .invoiceGridPane.invoiceListWrapper .btthead.c4,
  .invoiceGridPane.invoiceListWrapper .bttd.c4,
  .invoiceGridPane.invoiceListWrapper .btthead.c5,
  .invoiceGridPane.invoiceListWrapper .bttd.c5,
  .invoiceGridPane.invoiceListWrapper .btthead.c6,
  .invoiceGridPane.invoiceListWrapper .bttd.c6,
  .invoiceGridPane.invoiceListWrapper .btthead.c7,
  .invoiceGridPane.invoiceListWrapper .bttd.c7,
  .invoiceGridPane.invoiceListWrapper .btthead.c8,
  .invoiceGridPane.invoiceListWrapper .bttd.c8,
  .invoiceGridPane.invoiceListWrapper .btthead.c9,
  .invoiceGridPane.invoiceListWrapper .bttd.c9,
  .invoiceGridPane.invoiceListWrapper .btthead.c10,
  .invoiceGridPane.invoiceListWrapper .bttd.c10,
  .invoiceGridPane.invoiceListWrapper .btthead.c11,
  .invoiceGridPane.invoiceListWrapper .bttd.c11,
  .invoiceGridPane.invoiceListWrapper .btthead.c12,
  .invoiceGridPane.invoiceListWrapper .bttd.c12 {
    display: none ;
  }
  .invoiceGridPane.invoiceListWrapper .btthead.iinvdnm,
  .invoiceGridPane.invoiceListWrapper .bttd.iinvdnm,
  .invoiceGridPane.invoiceListWrapper .btthead.iinvttl,
  .invoiceGridPane.invoiceListWrapper .bttd.iinvttl {
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important;
  }
  /* Invoice Detail main page(s) */
  .invoiceDetail .invoiceSummary {
    display: none !important;
  }
  .invoiceDetail .invoice-sidebar {
    display: none !important;
  }
  .appDashboard .col .col-head {
    padding: 12px !important;
  }
  .appDashboard .col .col-head h3 {
    margin: 0 !important;
  }
  .appDashboard .col .col-head {
    padding: 12px !important;
  }
  .appDashboard .col .col-body {
    padding: 12px 12px 32px 12px !important;
  }
  #projectListToolbar .inactiveFilter {
    display: none !important;
  }
  #projectListToolbar > div:last-child > button {
    display: none !important;
  }
  #projectListToolbar > div:last-child > button:first-child {
    display: inline-flex !important;
  }
  #projectListToolbar .view-by {
    width: 100px;
  }
  #projectListToolbar .search-box {
    width: 132px;
  }
  .listViewTable .c0 {
    min-width: 380px !important;
  }
  .listViewTable .c1,
  .listViewTable .c2,
  .listViewTable .c3,
  .listViewTable .c4,
  .listViewTable .c5 {
    display: none;
  }
  .listView .detailView {
    width: 100% !important;
  }
  .listView .detailView .content {
    padding: 0 12px 15px 12px !important;
  }
  .listView .detailView .content .sidesWrapper {
    flex-direction: column !important;
  }
  .listView .detailView .content .body {
    flex-direction: column !important;
  }
  .listView .detailView .content .body .leftSide {
    padding-right: 0;
  }
  .listView .detailView .basicInfo .content > .header {
    padding-right: 0 !important;
  }
  .basicInfo .content .rightSide {
    margin-top: 0 !important;
    margin-bottom: 24px;
    padding: 0 !important;
  }
  .basicInfo .content .rightSide .chartContent {
    margin: 0 auto !important;
  }
  .basicInfo .content .rightSide {
    max-width: 100% !important;
    float: none;
  }
  .basicInfo .content .leftSide .form-group li.expandable .expander {
    display: none !important;
  }
  .modal-header button.close {
    right: -1px !important;
  }
  ul.form-group > li > .input-container3 > li label {
    text-transform: capitalize;
  }
  .contactInfo .primaryContact {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .bt-masterDetail .detailView .footerToolbar.toggle {
    display: none !important;
  }
  .bt-masterDetail .detailView .footerToolbar.mobile {
    display: flex;
    padding: 0 12px;
  }
  .contactInfo .billingContacts {
    width: 100% !important;
  }
  .tasksBudget .bt-grid-toolbar.mobile {
    display: block;
  }
  .tasksBudget .bt-grid-toolbar.toggle {
    display: none;
  }
  /* Report Center Main Page */
  .reportsPage .report-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .ReportCenter_wrapper .report-section ul.reportList > li,
  .ReportCenter_wrapper .report-section.all ul.all-reports > li,
  .MyReports_wrapper .report-section ul.reportList > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }
  .ReportCenter_wrapper .report-section .sectionDetails {
    width: 100% !important;
    min-height: 0px;
  }
  .ReportCenter_wrapper .report-section .sectionDetails .insight,
  .ReportCenter_wrapper .report-section .sectionDetails .featuredReport {
    vertical-align: top !important;
  }
  .ReportCenter_wrapper .report-section .sectionDetails .featuredReport h3 {
    font-size: 15px;
  }
  .ReportCenter_wrapper .report-section.all .report-list li {
    margin-bottom: 10px;
  }
  .ReportCenter_wrapper .report-section.all .report-list li.title {
    font-size: 14px;
  }
  /*Report Detail*/
  .reportDetail_header .bt-page-title {
    padding-left: 12px;
  }
  .btn-primary.btn-pointer-right:after {
    display: none;
  }
  .MyReports_wrapper {
    width: 100% !important;
  }
  .MyReports_wrapper .report-section {
    border-top: 0px !important;
    border-bottom: 1px solid #B3B3B3 !important;
    margin: 12px 0 24px 0 !important;
    padding-top: 0px !important;
    padding-bottom: 12px !important;
  }
  .MyReports_wrapper .responsive-pad-leftright-24 {
    padding: 0px 24px;
  }
  /* SETTINGS DIALOGS */
  .settings-body .settings-sidebar {
    display: none !important;
  }
  body.bt-settings-frame .settings-navbar {
    margin-left: 0px;
  }
  body.bt-settings-frame > .modal > .modal-content {
    width: 100% !important;
  }
  body.bt-settings-frame .nav-tabs > li > a,
  body.bt-settings-frame .nav.nav-tabs > li > a {
    padding: 10px 12px !important;
  }
  body.bt-settings-frame .nav-tabs.tier-two {
    padding-left: 12px !important;
  }
  body.bt-settings-frame .md-form {
    max-width: 275px;
    min-width: 275px;
    padding: 6px;
  }
  body.bt-settings-frame .modal-content .link-fullscreen {
    right: 33px !important;
  }
  body.bt-settings-frame .modal-content table.form-group-table {
    left: 0px;
  }
  body.bt-settings-frame .mycompany-form,
  body.bt-settings-frame .mycompany-logo {
    padding: 0px 12px !important;
    width: 100% !important;
  }
  body.bt-settings-frame .vocab-list .master-detail-frame {
    padding: 0px 12px;
  }
  body.bt-settings-frame .mycompany-logo .logo-size {
    position: relative !important;
    padding: 5px 0px;
  }
  /*Review/Approval pages*/
  .approvals-table,
  .expense-table {
    width: 100% !important;
  }
  .btn-group.responsive-btn-group {
    padding: 0px !important;
    margin: 3px 0px;
  }
  .btn-group.responsive-btn-group > .btn {
    display: block !important;
    margin: 3px;
  }
  .btn-group.responsive-btn-group > .btn:last-child:not(:first-child),
  .btn-group.responsive-btn-group > .dropdown-toggle:not(:first-child) {
    margin-left: 3px !important;
  }
  .approvalPage .fixed-top-header .bt-page-title {
    margin-left: 12px;
    margin-right: 12px;
  }
  .step-frame .summary-panel {
    display: none;
  }
}
/* toolbar fixes */
@media only screen and (max-width: 1056px) {
  body.projectPage.fullscreen .bt-breadcrumbs,
  body.staffPage.fullscreen .bt-breadcrumbs,
  body.tasksPage.fullscreen .bt-breadcrumbs,
  body.fullscreen #projectListToolbar,
  body.fullscreen .appStaff .topToolbar,
  body.fullscreen .appTask .toolbar {
    margin: 0 0 12px 0;
  }
  .projectPage .bt-breadcrumbs,
  .staffPage .bt-breadcrumbs,
  .tasksPage .bt-breadcrumbs,
  #projectListToolbar,
  .appStaff .topToolbar,
  .appTask .toolbar {
    margin: 0 12px 12px 12px;
  }
}
/* RJM Project List fixes */
.appPage.projectPage.fullscreen .detailView .closeDetails,
.appPage.staffPage.fullscreen .detailView .closeDetails {
  display: none;
}
@media only screen and (max-width: 912px) {
  .bt-masterDetail .detailView {
    width: 100% !important;
  }
  .closeDetails {
    display: none;
  }
}
@media only screen and (max-width: 440px) {
  /* custom width for project list toolbar */
  .appProject #projectListToolbar {
    flex-direction: column-reverse;
  }
  .appProject #projectListToolbar > div:nth-child(2) {
    margin-bottom: 12px;
    text-align: right;
  }
  .appProject.open #projectListToolbar {
    flex-direction: initial;
  }
  .appProject.open #projectListToolbar > div:nth-child(2) {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM_2016-11-07 -- staff list fixes*/
@media only screen and (max-width: 590px) {
  /* custom width for staff list toolbar */
  .appStaff .topToolbar {
    flex-direction: column-reverse;
  }
  .appStaff .topToolbar > div:nth-child(2) {
    margin-bottom: 12px;
    text-align: right;
  }
  .appStaff.open .topToolbar {
    flex-direction: initial;
  }
  .appStaff.open .topToolbar > div:nth-child(2) {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM_2016-11-07 -- workflow dashboard fixes*/
@media only screen and (max-width: 594px) {
  /* custom width for workflow dashboard toolbar */
  .appTask .topToolbar div.toolbar {
    flex-direction: column-reverse;
    display: flex;
  }
  .appTask .topToolbar div div.bt-utility-bar {
    margin-bottom: 12px;
    text-align: right;
  }
  .appTask.open .topToolbar div.toolbar {
    flex-direction: initial;
    display: initial;
  }
  .appTask.open .topToolbar div div.bt-utility-bar {
    margin-bottom: initial;
    text-align: initial;
  }
}
/* RJM Project List fixes */
@media only screen and (max-width: 960px) {
  #projectListToolbar > div:last-child > button {
    display: none !important;
  }
}
@media only screen and (max-width: 640px) {
  .system-nav .bt-menubar {
    min-width: 302px !important;
  }
}
@media only screen and (max-width: 912px) {
  .appStaff .listViewTable .bttr.selected.active.datarow .bttd.istafffullnm::before,
  .appStaff .listViewTable .bttd.istafffullnm.selected::before,
  .appProject .listViewTable .bttd.iprjdname.selected::before {
    display: none !important;
  }
}
/* end mobile-ui.css */

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.walkthrough-popover {
  border: solid 1px #F39B19 !important;
  background: #F39B19 !important;
  z-index: 2000;
  font-size: 15px;
}
.walkthrough-popover .popover-content {
  font-size: 15px;
}
.walkthrough-popover > .popover-title {
  display: none;
}
.walkthrough-popover > .popover-content,
.walkthrough-popover > .popover-title {
  color: #FFFFFF;
}
.walkthrough-popover .next-walkthrough-step > a,
.walkthrough-popover .finish-walkthrough > a,
.walkthrough-popover .begin-walkthrough > a {
  color: #1F74CE;
}
.walkthrough-popover .popover-content > a {
  color: #1F74CE;
  text-decoration: underline;
}
.walkthrough-popover > .popover-footer > a {
  color: #f39100;
  text-decoration: underline;
}
.walkthrough-popover .next-walkthrough-step,
.walkthrough-popover .finish-walkthrough {
  padding: 12px 0px;
  text-align: right;
}
.walkthrough-popover .next-walkthrough-step > a,
.walkthrough-popover .finish-walkthrough > a {
  text-decoration: underline;
}
.walkthrough-popover .begin-walkthrough {
  padding-top: 26px;
}
.walkthrough-popover .begin-walkthrough > a {
  border: 2px solid #DDE7F3;
  color: #DDE7F3;
  font-size: 18px;
  padding: 5px 25px 5px 25px;
}
.walkthrough-popover .begin-walkthrough > a:hover {
  color: white !important;
  border-color: white !important;
}
.walkthrough-popover.bottom > .arrow {
  border-bottom-color: #FFCD62;
}
.walkthrough-popover.bottom > .arrow:after {
  border-bottom-color: #FFCD62;
}
.walkthrough-popover.top > .arrow {
  border-top-color: #FFCD62;
}
.walkthrough-popover.top > .arrow:after {
  border-top-color: #FFCD62;
}
.walkthrough-popover.left > .arrow {
  border-left-color: #FFCD62;
}
.walkthrough-popover.left > .arrow:after {
  border-left-color: #FFCD62;
}
.walkthrough-popover.right > .arrow,
.walkthrough-popover.flipped-right > .arrow {
  border-right-color: #FFCD62;
}
.walkthrough-popover.right > .arrow:after,
.walkthrough-popover.flipped-right > .arrow:after {
  border-right-color: #FFCD62;
}
.walkthrough-popover.flipped-right {
  left: 0 !important;
  right: 276px;
  margin-left: 10px;
}
.walkthrough-popover.flipped-right > .arrow {
  border-right-width: 11px;
  left: -11px;
  border-left-width: 0;
}
.walkthrough-popover.flipped-right > .arrow:after {
  border-right-width: 11px;
  border-bottom-width: 10px;
  border-top-width: 10px;
  border-left-width: 0;
  right: -11px;
}
.walkthrough-popover.centered {
  margin: auto;
  top: 0 !important;
  left: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  max-height: 180px;
}
.walkthrough-popover.arrowless > .arrow {
  display: none;
}
.walkthrough-popover > .popover-footer {
  position: absolute;
  margin-top: 50px;
  text-align: center;
  width: 100%;
}
.walkthrough-popover em {
  background-color: inherit;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: underline;
}
.walkthrough-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.walkthrough-close {
  color: #FFFFFF;
  font-size: 14px;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  margin-right: 2px;
}
.getting-started.wrapper {
  display: flex;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 5;
  padding: 30px;
}
.getting-started.wrapper:after {
  content: '';
  opacity: 0.25;
  z-index: -1;
  position: absolute;
  background-color: #000000;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 0.15s linear;
}
.getting-started .screen {
  min-width: 450px;
  max-width: 600px;
  min-height: 150px;
  border: solid 1px #F39B19;
  background: #F39B19;
  color: white;
  padding: 20px;
  text-align: center;
  position: relative;
  border-radius: 5px;
}
.getting-started .close-wrapper {
  min-width: 450px;
  max-width: 600px;
  padding: 20px;
  display: flex;
  justify-content: space-around;
}
.getting-started .title {
  font-family: 'Arial';
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  margin-bottom: 18px;
  line-height: 120%;
}
.getting-started .description {
  color: #FFFFFF;
  font-size: 15px;
  line-height: 150%;
}
.getting-started .action-button {
  margin-top: 32px;
  text-align: center;
  display: flex;
  justify-content: space-around;
  color: #DDE7F3;
}
.getting-started .action-button > a {
  border: 2px solid #FFFFFF;
  width: 245px;
  font-size: 18px;
  background-color: #F39B19;
  display: inline-block !important;
  color: #FFFFFF !important;
}
.getting-started .action-button > a:hover {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
  background-color: #f3a83a;
}
.getting-started .close-wrapper a {
  color: white;
  text-decoration: underline;
}
.invoicePage .walkthrough-popover,
.entryPage .walkthrough-popover {
  border: solid 1px #FFCD62 !important;
  background: #FFCD62 !important;
  z-index: 999;
  font-size: 15px;
  box-shadow: 0px 3px 8px #B3B3B3;
}
.invoicePage .walkthrough-popover.popover .popover-content,
.entryPage .walkthrough-popover.popover .popover-content {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: bold;
}
.invoicePage .walkthrough-popover .next-walkthrough-step > a,
.entryPage .walkthrough-popover .next-walkthrough-step > a {
  font-weight: 600;
  font-size: 10px;
  color: #1F74CE;
}
.invoicePage .walkthrough-close,
.entryPage .walkthrough-close {
  color: #4D4D4D;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  margin-right: 2px;
}
.invoicePage .walkthrough-popover.bottom > .arrow,
.entryPage .walkthrough-popover.bottom > .arrow {
  border-bottom-color: #FFCD62;
}
.invoicePage .walkthrough-popover.bottom > .arrow:after,
.entryPage .walkthrough-popover.bottom > .arrow:after {
  border-bottom-color: #FFCD62;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.dailyplanner {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-box-orient: vertical;
  -webkit-flex: 1;
  -webkit-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: 1px;
}
.appPage .BTAppMainPane .app-toolbar {
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  height: 26px;
  margin: 0 0 15px 0;
  min-height: 30px;
  position: relative;
  top: 0;
  width: 100%;
}
.appPage .BTAppMainPane .app-toolbar .btn-toolbar {
  border: none;
  /*	padding: 0; */
  float: right;
  margin: 0 0 0 10px;
}
.appPage .BTAppMainPane .app-toolbar .btn-toolbar i {
  cursor: pointer;
}
.appPage .BTAppMainPane .app-toolbar .btn-toolbar.primary {
  float: left;
  margin: 0 10px 0 0;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select {
  float: left;
}
.appPage .BTAppMainPane .app-toolbar .btn-add {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  padding: 1px 10px 1px 0;
  padding-right: 15px;
}
.appPage .BTAppMainPane .btn-primary {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.appPage .BTAppMainPane .expense_wrapper .btn-group {
  padding-top: 0px;
  vertical-align: initial;
}
/* buttons with an icon look like they're spaced weirdly when they aren't the first button in
   a list of buttons. Adjust the left padding to be the default bootstrap btn-sm padding-left. */
.appPage .BTAppMainPane .btn-sm.btn-with-icon {
  padding: 4px 17px 4px 12px;
}
.appPage .BTAppMainPane .btn-default {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  align-self: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.btn-primary span.btn-text-center {
  width: 100%;
}
.btn-default span.btn-text-center {
  width: 100%;
}
.appPage .BTAppMainPane .app-toolbar .bt_select_box {
  height: 30px;
}
.appPage .BTAppMainPane .app-toolbar .bt_select_box .btn_select:before {
  margin-top: 3px;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select span {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select .bt_select_box {
  min-width: 150px;
  vertical-align: middle;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select .staffer-drop {
  min-width: 160px;
  vertical-align: middle;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select .staffer-drop .input_wrap {
  padding-right: 26px;
}
.appPage .BTAppMainPane .app-toolbar .staffer-select .staffer-drop .input_wrap .text_input {
  padding-left: 8px;
}
.dailyplanner .app-toolbar .btn-toolbar .viewToggle {
  border: none;
  display: block;
  margin: 0;
  padding: 0;
}
.dailyplanner .app-toolbar .btn-toolbar .viewToggle > a {
  font-family: 'Arial';
  font-size: 12px;
  font-weight: normal;
}
.dailyplanner .wrapper {
  background: transparent;
}
.dailyplanner .binder {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-box-orient: horizontal;
  -webkit-flex: 1;
  -webkit-flex-direction: row;
  background: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: row;
  position: relative;
  width: 100%;
  min-height: 1px;
}
.dailyplanner .page {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  flex: 1;
  position: relative;
}
.dailyplanner .page .header {
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #F0F0F3;
  color: #222222;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 44px;
  border-bottom: 1px solid #B3B3B3;
}
.dailyplanner .page .header * {
  color: #222222;
}
.dailyplanner .page .header .reportReceiptMenu .icon-file {
  margin: 5px 0 0 15px;
}
.dailyplanner .page .header .reportReceiptMenu .dropdown-menu {
  width: 270px;
  padding: 10px;
}
.dailyplanner .page .header .reportReceiptMenu .dropdown-menu > li > a {
  text-transform: none;
}
.dailyplanner .page .header .reportReceiptMenu .dropdown-menu .icon-file {
  margin: 0 15px 0 0;
}
.dailyplanner .page .header .amt,
.dailyplanner .page .header .dow {
  font-family: 'Arial';
  font-size: 14px;
  font-weight: normal;
  line-height: 14px;
  margin-bottom: 0;
  overflow: hidden;
  word-break: break-word;
  font-size: 13px;
}
.dailyplanner .page .header .dow {
  float: left;
  margin: 0 15px;
  width: 340px;
}
.dailyplanner .page .header .amt {
  float: right;
  font-size: 18px;
  line-height: 22px;
  margin: 0 15px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 170px;
}
.dailyplanner .page .header .amt label {
  font-size: 9px;
  margin-bottom: 0;
}
.dailyplanner .page .toggleAll {
  padding: 0 15px;
  border-bottom: 1px solid #B3B3B3;
  cursor: pointer;
}
.dailyplanner .page.day {
  background-color: #FFFFFF;
  border-right: 1px solid #B3B3B3;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  overflow: hidden;
}
.dailyplanner .page.edit {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  border-left: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.dailyplanner .page.edit .form_wrapper,
.dailyplanner .page.edit .form_wrapper > form {
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  width: 100%;
}
.dailyplanner .page.edit .form_wrapper > form .container {
  border-top: 1px solid #B3B3B3;
}
.dailyplanner .page.edit .form_wrapper > form .validationMessageAlert {
  padding: 20px;
}
.dailyplanner .page.edit .form_wrapper > form .validationMessageAlert > .alert {
  padding: 0;
}
.dailyplanner .page.edit .form_wrapper > form .container.messages {
  margin: 0;
  padding: 15px 50px;
}
.dailyplanner .page.edit .form_wrapper > form .container.buttons {
  margin: 0;
  padding: 15px 50px;
}
.dailyplanner .page.edit .panel-center {
  margin: auto 25%;
  text-align: center;
}
.dailyplanner .page.edit .tab-content {
  overflow-x: visible;
  overflow-y: auto;
  padding: 0 50px 0 50px;
}
.dailyplanner .footer {
  margin-top: 10px;
  width: 100%;
  z-index: 2;
}
.dailyplanner .footer .alert {
  background-color: #DDE7F3;
  margin: 0;
}
.dailyplanner .footer .alert-success strong {
  color: #4D4D4D;
}
.dailyplanner .planner-zoom-box {
  bottom: 83px;
  height: 20px;
  left: -110px;
  position: absolute;
  text-align: center;
  width: 185px;
}
.dailyplanner .page .zerostate {
  padding: 50px;
}
.dailyplanner .page.day .zerostate {
  display: none;
  z-index: 1;
}
.dailyplanner .page.edit .alert {
  text-align: left;
  margin-top: 0px;
  padding: 6px;
  border-radius: 2px;
}
.dailyplanner .page.edit .alert h3,
.dailyplanner .page.edit .alert h4,
.dailyplanner .page.edit .alert h5 {
  margin-top: 0;
}
.dailyplanner .submitForm {
  overflow: auto;
}
.dailyplanner .page.day .DailyPlannerData_planner {
  left: 0;
  overflow: auto;
  position: relative;
  width: 100%;
  z-index: 2;
}
.dailyplanner .page.day .DailyPlannerData {
  padding-left: 0px;
  position: relative;
}
.DailyPlannerData li.entry {
  border-bottom: 1px solid #B3B3B3;
  background-color: #FFFFFF;
  cursor: pointer;
  overflow: hidden;
  padding: 10px;
}
.dailyplanner .entry > input[type="checkbox"] {
  margin-right: 3px;
}
.DailyPlannerData .entry .entryWrapper {
  flex-grow: 1;
}
.DailyPlannerData li.entry.active {
  background-color: #FFFFFF;
}
.dailyplanner .page.day .DailyPlannerData .title {
  float: left;
  font-size: 13px;
  font-weight: 600;
  width: 75%;
}
.dailyplanner .page.day .DailyPlannerData .hours {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: normal;
  -webkit-box-align: center;
  -webkit-box-pack: end;
  align-content: center;
  align-items: center;
  color: #1F74CE;
  display: -ms-flexbox;
  display: -webkit-box;
  display: inline-flex;
  float: right;
  justify-content: flex-end;
  letter-spacing: 1px;
  position: relative;
  text-align: right;
  width: 24%;
  top: 20px;
}
.dailyplanner .page.day .DailyPlannerData .hours .icon-bt-locked {
  margin-right: 5px;
}
.dailyplanner .label-right {
  text-align: right !important;
  margin-right: 18px;
  float: right !important;
}
.dailyplanner .charCountOverflow {
  color: #DC2F18;
}
.dailyplanner .charCount {
  color: #808080;
}
input.amount-highlight {
  color: #33995E;
}
.dailyplanner .page.day .DailyPlannerData .details {
  color: #222222;
  display: inline-block;
  font-size: 12px;
  text-align: left;
  width: 100%;
}
.dailyplanner .page.day .DailyPlannerData .expenseDesc {
  padding-right: 75px;
}
.dailyplanner .page.day .DailyPlannerData .notes {
  color: #222222;
  font-size: 11px;
  line-height: 16px;
  overflow: hidden;
}
.dailyplanner .page ul.btt-table > li {
  border-left: none;
  border-right: none;
  cursor: pointer;
  overflow: hidden;
  display: flex;
}
.dailyplanner .page ul.btt-table > li:last-child {
  border-bottom: 1px solid #B3B3B3;
}
.dailyplanner .page .form_header_toolbar {
  background-color: #F0F0F3;
  height: 45px;
  margin-bottom: 25px;
  padding: 15px;
  width: 100%;
  border-bottom: 1px solid #B3B3B3;
}
.dailyplanner .page .form_header_toolbar .close {
  filter: alpha(opacity=100);
  font-size: 12px;
  font-weight: normal;
  line-height: 17px;
  opacity: 1;
  position: relative;
  top: -3px;
  vertical-align: top;
}
.dailyplanner .page .form_header_toolbar .close:after {
  content: '';
  margin-left: 5px;
  padding: 1px;
  text-align: center;
  -ms-interpolation-mode: nearest-neighbor;
  background-image: url('images/icon-close.svg');
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  width: 16px;
  filter: invert(10%) sepia(0%) saturate(0%) hue-rotate(203deg) brightness(55%) contrast(125%);
}
.dailyplanner .page .form-header {
  color: #222222;
  float: left;
  font-size: 13px;
  font-weight: 600;
  line-height: 13px;
  margin: 0;
}
.dailyplanner .binder > .page > .zerostate {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
}
.dailyplanner .binder > .day.page > .zerostate {
  padding-top: 100px;
}
.dailyplanner .zerostate.details {
  padding-top: 150px;
}
.DailyPlannerData li.entryHelp {
  border: none;
  bottom: 10px;
  color: #B3B3B3;
  font-style: italic;
  height: auto !important;
  left: 10px;
  line-height: 150%;
  position: absolute;
  text-align: left;
  width: 50%;
  z-index: 0;
}
.dailyplanner .binder > .page > .zerostate.white {
  background-color: #F0F0F3;
  height: 100%;
  text-align: center;
}
.dailyplanner .page .zerostate.entries {
  text-align: center;
}
.dailyplanner .page .zerostate .help {
  display: inline-block;
  height: auto;
  padding: 0 20px;
  position: relative;
  text-align: center;
  width: 60%;
  z-index: 1;
}
.dailyplanner .page .reportDetails.help {
  padding: 50px;
}
.dailyplanner .page .reportDetails .clickable {
  color: #1F74CE;
}
.dailyplanner .page .reportDetails .clickable:hover {
  color: #DC2F18;
  cursor: pointer;
  text-decoration: underline;
}
.dailyplanner .page .zerostate .help p,
.dailyplanner .page .reportDetails.help p {
  color: #4D4D4D;
  font-family: Arial;
  font-size: 13px;
  font-weight: normal;
}
.dailyplanner .page .reportDetails.help ul {
  text-align: center;
}
.dailyplanner .page .reportDetails.help ul li > label {
  margin-left: 0;
}
.dailyplanner .page .reportDetails.help .receipt-buttons {
  margin-top: 10px;
}
.dailyplanner .page .zerostate .help i {
  margin-bottom: 20px;
}
.dailyplanner .page .zerostate .help h4 {
  margin: 20px 0;
  text-transform: none;
}
.dailyplanner .edit.page .zerostate .help {
  left: 10px;
  position: relative;
  top: 40%;
}
.dailyplanner .page .expense-group .dataDesc {
  font-family: 'Arial';
  font-size: 13px;
  font-weight: 600;
}
.page .zerostate .please-wait {
  margin: 0px auto;
  max-width: 220px;
}
.page .zerostate .please-wait p {
  margin-top: 20px;
}
.dailyplanner .day.page .icon-loading {
  left: 45%;
  position: absolute;
  top: 50%;
  z-index: 0;
}
.dailyplanner .edit.page .zerostate .help.review {
  top: 25%;
}
.dailyplanner .page .zerostate.submitForm .submitBox {
  border-top: 1px solid #B3B3B3;
  margin-top: 20px;
  padding: 0;
}
.dailyplanner .page .submitForm .submitBox .updateRptName {
  background: #F0F0F3;
  color: #222222;
  margin: 20px 0;
  padding: 15px;
  border: 1px solid #B3B3B3;
  text-align: left;
}
.dailyplanner .page .zerostate.submitForm .submitBox li:last-child {
  border-top: 1px solid #B3B3B3;
  margin: 0;
  padding-top: 20px;
}
.dailyplanner .page .zerostate.submitForm .submitBox .receiptUploader {
  margin-top: 10px;
}
.dailyplanner .page .receiptWrapper {
  margin: 10px 0;
}
.dailyplanner .page.day .DailyPlannerData.zoom6 li > .notes {
  max-height: 200px;
}
.dailyplanner .page.day .DailyPlannerData.zoom5 li > .notes {
  max-height: 65px;
}
.dailyplanner .page.day .DailyPlannerData.zoom4 li > .notes {
  max-height: 50px;
}
.dailyplanner .page.day .DailyPlannerData.zoom3 li > .notes {
  max-height: 34px;
}
.dailyplanner .page.day .DailyPlannerData.zoom2 li > .notes {
  max-height: 16px;
}
.dailyplanner .page.day .DailyPlannerData.zoom1 li > .notes {
  font-size: 10px;
  line-height: 140%;
  max-height: 16px;
}
.dailyplanner .page.day .DailyPlannerData.zoom0 li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 15px 1px 15px;
}
.dailyplanner .page.day .DailyPlannerData.zoom1 li {
  padding: 8px 15px 8px 15px;
}
.dailyplanner .page.day .DailyPlannerData.zoom0 li > .title,
.dailyplanner .page.day .DailyPlannerData.zoom0 li > .hours,
.dailyplanner .page.day .DailyPlannerData.zoom1 li > .title,
.dailyplanner .page.day .DailyPlannerData.zoom1 li > .hours {
  display: inline-block;
  font-size: 12px;
  line-height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dailyplanner .page.day .DailyPlannerData.zoom0 li > .details,
.dailyplanner .page.day .DailyPlannerData.zoom1 li > .details {
  font-size: 11px;
  line-height: 100%;
}
.dailyplanner .page.day .DailyPlannerData.zoom0 li > .notes,
.dailyplanner .page.day .DailyPlannerData.zoom0 li > .hours .icon-bt-locked,
.dailyplanner .page.day .DailyPlannerData.zoom1 li > .hours .icon-bt-locked {
  display: none;
}
/* REPORT TABLES */
.table-reports .picklist {
  text-align: center;
}
.table-reports .status {
  font-family: 'Arial';
  font-size: 11px;
  font-weight: normal;
  text-align: center;
}
.table-reports .status a i {
  margin-right: 5px;
  vertical-align: top;
}
.table-reports .number {
  text-align: left;
}
.table-reports .number.amt {
  /*	text-align: left;     REMOVED BY BRI TO ALIGN EXPENSE LIST TOTALS RIGHT */
  color: #33995E;
}
.table-reports .number.amt a {
  float: right;
}
.receipt-controls {
  text-align: right;
}
ul.form-group li .receipt-controls > .btn:not(:first-child) {
  margin-left: 10px;
}
.print-report-container {
  vertical-align: bottom;
}
.icon-print-sm.print-report {
  margin-right: 10px;
  vertical-align: bottom;
}
.icon-vertical-ellipsis.print-report {
  vertical-align: bottom;
}
.modal.form-narrow .expenseReceiptDialogList {
  max-width: 200px;
  margin: 0px auto;
}
.timesheet_wrapper .day.page .getting-started.wrapper {
  padding-bottom: 250px;
}
.timesheet_wrapper .alert {
  background-color: #DDE7F3 !important;
}
.timesheet_wrapper .alert.udf {
  background: transparent !important;
  border: none !important;
}
.timesheet_wrapper .alert-success strong {
  color: #4D4D4D;
}
.modal-content .receipt-view img {
  max-width: 100%;
  min-width: 400px;
  height: auto;
}
/*Expense Entry*/
#expenseEntry .page .header {
  height: 46px;
}
#expenseEntry .page .header .dow {
  font-weight: 600;
}
#expenseEntry .page .zerostate h5 {
  font-size: 13px;
  font-weight: 600;
}
#expenseEntry .form_wrapper {
  height: 100%;
}
#expenseEntry form > .form_header_toolbar {
  height: 46px;
}
#expenseEntry .vendorExpense {
  font-size: 60%;
  background-color: #a4a2a1;
  color: white;
  padding: 0px 2px 0px 2px;
  margin: 0px 10px 0px 0px;
  width: 10px;
  height: 10px;
  display: inline-block;
  line-height: 10px;
  position: relative;
  bottom: 2px;
}
#expenseHistory .open > .dropdown-menu {
  margin-left: 0px;
}
#expenseHistory .paging-parent {
  border-top: 0.5px solid #B3B3B3;
  border-bottom: 0.5px solid #B3B3B3;
}
.expenseHistory-border {
  border-radius: 5px;
  border: 1px solid #B3B3B3;
}
#expenseHistory .paged-table-wrapper {
  overflow-y: auto;
  border-right: 0px solid #B3B3B3 !important;
  border-left: 0px solid #B3B3B3 !important;
}
/* RJM_2016-11-07 -- toggle view styles */
.toggleView {
  white-space: nowrap;
}
.toggleView .btn-toggle {
  padding-left: 10px;
  padding-right: 10px;
  background-color: #FFFFFF;
  border: 1px solid #B3B3B3;
  border-left: 0px;
}
.toggleView .btn-toggle {
  height: 30px;
  padding: 5px 19px 3px 19px;
}
.toggleView .btn-toggle.active {
  background-color: #1F74CE;
  color: #FFFFFF;
  font-weight: 600;
  font-size: 12px;
  padding-top: 5px;
}
.toggleView .btn-toggle:last-of-type {
  margin-left: -4px;
}
/* RJM_2016-11-03 -- dynamic active/inactive button group css */
div.groupByToolbar {
  vertical-align: top !important;
}
div.groupByToolbar > a:first-child {
  border-left: 1px solid #B3B3B3 !important;
}
div.groupByToolbar a {
  vertical-align: top !important;
}
div.groupByToolbar a > i {
  vertical-align: top !important;
}
div.groupByToolbar a > span {
  padding: 0 6px 0 3px;
  line-height: 23px !important;
  color: #222222;
}
div.groupByToolbar a:hover > span {
  color: #222222;
}
div.groupByToolbar a.active {
  margin-left: -1px !important;
}
div.groupByToolbar a.active:first-child {
  margin-left: 0 !important;
}
div.groupByToolbar a.active > span {
  padding: 0 6px 0 3px;
  color: #222222;
}
div.groupByToolbar div.dropdown-menu a {
  width: 100%;
  text-align: left;
  margin-left: 0 !important;
  overflow: hidden;
}
div.groupByToolbar div.dropdown-menu a:first-child {
  border-top-width: 1px !important;
}
div.groupByToolbar div.dropdown-menu a.active {
  margin-left: 0 !important;
  background-color: #DDE7F3 !important;
}
div.groupByToolbar a.dropdown-toggle.active {
  margin-top: 5px;
  padding: 3px 0;
  width: 0px !important;
}
div.groupByToolbar .dropdown-toggle span {
  padding: 0 !important;
}
div.groupByToolbar .dropdown-toggle span {
  padding: 3px;
}
div.groupByToolbar div.dropdown-menu {
  min-width: initial !important;
  margin-top: 3px;
  -webkit-box-shadow: 2px 2px 4px 0px rgba(51, 51, 51, 0.3);
  -moz-box-shadow: 2px 2px 4px 0px rgba(51, 51, 51, 0.3);
  box-shadow: 2px 2px 4px 0px rgba(51, 51, 51, 0.3);
  background: #FFFFFF;
}
/* RJM_2016-11-03 -- dynamic active/inactive button group css */
/* Bulk Edit Time Modal Styles */
.bt-bulk-dialog .modal-dialog {
  width: 410px !important;
}
.bt-bulk-dialog .modal-dialog h6 {
  margin-top: 0;
}
.bt-bulk-dialog .modal-dialog .pointer {
  cursor: pointer;
}
.bt-bulk-dialog .modal-dialog .margin-bottom-0 {
  margin-bottom: 0;
}
.bt-bulk-dialog .modal-dialog .margin-bottom-17 {
  margin-bottom: 17px;
}
.bt-bulk-dialog .modal-dialog .margin-top-17 {
  margin-top: 17px;
}
.bt-bulk-dialog .modal-dialog div.alert label.small:before {
  content: '-';
  position: absolute;
  left: 3px;
}
.bt-bulk-dialog .modal-dialog .form-group button:active,
.bt-bulk-dialog .modal-dialog .form-group button:focus {
  background-color: #4D4D4D;
  border-color: #4D4D4D;
}
.bt-bulk-dialog .modal-dialog .form-group button.active {
  background-color: #F0F0F3 !important;
  border-color: #F0F0F3 !important;
}
.bt-bulk-dialog .modal-dialog .tick {
  background: url(images/_sprite-icons@2x.png) no-repeat -180px -270px;
  background-size: 383px 495px;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 11px;
}
.bt-bulk-dialog .modal-dialog .btn-group > button {
  margin-right: 10px;
}
.upload-expenses .modal-dialog {
  max-width: 400px;
}
.upload-expenses #btLoader {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
#expenseEntryToolbar .btn-sm {
  margin-top: 0px;
}
#expenseEntryToolbar .upload-expenses {
  width: 150px;
}
#expenseEntry .entryWrapper .title .expense-cat {
  display: inline-block;
}
#expenseEntry .entryWrapper .title .expense-cat .arrow {
  border-bottom: 5px solid transparent;
  border-left: 5px solid #1F74CE;
  border-top: 5px solid transparent;
  display: inline-block !important;
}
#expenseEntry #udfBottom .btn:not(:last-child) {
  margin-right: 15px;
}
#expenseEntry .expense-message-container {
  color: #222222;
}
.date-picker-container {
  border: 1px solid #4D4D4D;
  height: 30px;
  border-radius: 2px;
  margin-top: 5px;
}
.appPage .time-picker-container {
  height: 30px;
  margin-top: 5px;
}
.date-picker-container:hover,
.date-picker-container .picker-text:hover {
  background-color: #FFFFFF;
  color: #1F74CE;
}
.date-picker-container .picker-text {
  margin: 0px;
  padding: 5px 10px 3px 10px;
  height: 27px;
  margin-left: 0 !important;
  background-color: #FFFFFF;
}
.date-picker-container .btn.picker-arrow-left,
.date-picker-container .btn.picker-arrow-right {
  padding-top: 2px;
  margin-left: 0px;
}
/* Submit timesheets dialog */
.timeSubmitDialog .modal-content {
  margin-left: 60px;
  width: 480px;
}
.modal-open .timeSubmitDialog .modal-dialog {
  margin-top: 250px;
}
.timeSubmitDialog .modal-dialog .modal-body {
  padding: 25px 43px 0px 24px;
}
.timeSubmitDialog .modal-dialog tbody td {
  background-color: #F0F0F3;
}
.timeSubmitDialog .modal-dialog tbody td,
.timeSubmitDialog .modal-dialog thead th {
  border: 1px solid #B3B3B3;
}
.timeSubmitDialog .modal-dialog bt-markdown {
  margin-bottom: 10px;
}
a > .caret {
  display: inline-block;
  height: 10px;
  margin-top: 7px;
}
.dropup a > .caret {
  height: unset;
  margin-top: unset;
}
.btn-group > .btn.export-btn {
  padding-right: 7px;
}
.btn-group > .btn.export-btn:hover,
.btn.customize-btn:hover {
  background-color: #F0F0F3;
  border-color: #B3B3B3;
}
.appPage input.form-control {
  padding-left: 10px;
}
.save-expense-entry {
  padding-top: 15px;
}
.bt_select_box .btn_select:before {
  margin: 5px 7px;
  height: 15px;
}
a.naked {
  color: #1F74CE !important;
}
h3.form-header {
  text-transform: none;
}
.save-time-entry {
  margin-top: 15px;
}
.editUDFForm .editUDFList {
  width: 100%;
  padding-top: 10px;
  background-color: #F0F0F3;
  position: relative;
}
.expense-settings-container > .fixed-top-body {
  overflow-y: scroll !important;
  scrollbar-width: 10px !important;
  /* Firefox */
  -ms-overflow-style: 10px !important;
  /* Internet Explorer 10+ */
  padding: 55px 20px 0px 20px;
}
.expense-settings-container > .fixed-top-body::-webkit-scrollbar {
  /* WebKit */
  width: 10px !important;
  height: 15px !important;
}
.expense-settings-container > .footerToolbar {
  border-top: 1px solid #B3B3B3;
  padding: 12px 30px;
}
.expense-settings-container table thead tr {
  height: 46px;
}
.expense-settings-container table thead tr th {
  width: 140px;
  font-weight: 600;
}
.expense-settings-container table thead tr th.checkbox-header {
  width: 100px;
}
.appPage .expense-settings-container input.form-control {
  font-size: 12px;
}
.dotted-lines-edit:after {
  content: '';
  width: 16px;
  height: 200px;
  position: absolute;
  background-image: url(../bt-core/images/dotted-lines-edit.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  display: block;
  top: 162px;
  left: 23px;
  transform: scale(2.25);
}
.dotted-lines-edit-bill:after {
  content: '';
  width: 50px;
  height: 195px;
  position: absolute;
  background-image: url(../bt-core/images/dotted-lines-edit-bill.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  display: block;
  top: 351px;
  left: 91px;
  transform: scale(4.3);
}
.directional-arrows {
  content: '';
  width: 24px;
  height: 97px;
  position: absolute;
  background-image: url(../bt-core/images/directional-arrows.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  display: block;
  top: 103px;
  left: 62px;
  transition: all 0.7s ease-in-out;
}
.directional-arrows-invert {
  content: '';
  width: 24px;
  height: 110px;
  position: absolute;
  background-image: url(../bt-core/images/directional-arrows.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 100;
  display: block;
  top: 12px;
  left: 62px;
  transform: rotateX(180deg);
  transition: all 0.7s ease-in-out;
}
.FXRate {
  margin-left: -10px;
}
.FXRate-edit {
  margin-left: 52px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.FXRate-edit-conv {
  margin-left: 11px;
}
.ex-Rate-disabled {
  background-color: #B3B3B3 !important;
  padding: 10px 10px 10px 18px;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #222222;
  padding-right: 10px;
  margin-right: 3px;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 1.42857143;
  padding: 5px 12px;
  vertical-align: middle;
  width: 244px;
  cursor: not-allowed;
}
.ex-Rate-enabled {
  background-color: #FFFFFF !important;
  padding: 10px 10px 10px 18px;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #222222;
  padding-right: 10px;
  margin-right: 3px;
  display: block;
  font-size: 13px;
  height: 30px;
  line-height: 1.42857143;
  padding: 5px 12px;
  vertical-align: middle;
  width: 244px;
}
.expand-plus-box {
  background-image: url(../bt-core/images/expand-plus-button.svg);
  background-repeat: no-repeat;
  z-index: 1000;
  top: 6px;
  left: 5px;
  content: '';
  width: 19px;
  height: 19px;
  position: absolute;
  padding-left: 0px !important;
  border: none;
  padding: unset !important;
}
.expand-minus-box {
  background-image: url(../bt-core/images/expand-minus-button.svg);
  background-repeat: no-repeat;
  z-index: 1000;
  top: 6px;
  left: 5px;
  content: '';
  width: 19px;
  height: 19px;
  position: absolute;
  padding-left: 0px !important;
  border: none;
  padding: unset !important;
}
.expense-input-label {
  padding-left: 15px;
}
.edit-exchange-label {
  font-size: 11px;
  left: -39px;
  position: relative;
}
.edit-exchange-value {
  width: 100%;
}
.expense-dialog .bt-slider-switch {
  margin-top: 5px;
}
.ex-enable-input {
  background-color: #FFFFFF !important;
  padding: 10px 10px 10px 18px;
  background: #FFFFFF;
  border: 1px solid #B3B3B3;
  box-sizing: border-box;
  border-radius: 2px;
  font-size: 12px;
  line-height: 22px;
  color: #222222;
  height: 30px;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
}
.ex-enable-input:disabled {
  background-color: #B3B3B3 !important;
  cursor: not-allowed;
}
.alert.alert-warning .icon-info {
  float: left;
  filter: invert(38%) sepia(98%) saturate(1129%) hue-rotate(193deg) brightness(81%) contrast(98%);
}
/*** Alert (general) ***/
.bt-alert {
  border: 1px solid #1F74CE;
  background: #DDE7F3;
  padding: 16px;
  border-radius: 4px;
  transition: background-color 0.5s ease;
}
body .bt-alert,
body .bt-alert p {
  color: #4D4D4D;
}
.bt-alert.warning {
  border: 1px solid #EEAB00;
  background: #FFF8E5;
}
/*** submit time alert (needs to be shared ***/
.bt-alert .submit-time {
  display: flex;
  flex-flow: column;
  gap: 8px;
}
.bt-alert .submit-time .locked-message {
  align-self: center;
}
.bt-alert .submit-time .content .btn {
  margin: 0;
}
.bt-alert .submit-time .content p {
  margin: 0;
}
.bt-alert .toggle-submit-alert {
  display: flex;
  align-items: center;
}
.bt-alert .submit-time .content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bt-alert .submit-time .content .submit-time-label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bt-alert .submit-time .content .submit-time-details {
  display: flex;
  flex-flow: column;
  align-items: center;
}
.bt-alert .submit-time .content .submit-time-details a.naked {
  color: #1F74CE !important;
  text-decoration: underline;
}
.bt-alert .submit-time .content .submit-time-label .alert-icon {
  color: #EEAB00;
}
.bt-alert .submit-time .content .submit-time-label .check-icon {
  color: #1F74CE;
}

.column-summaries-modal .modal-dialog {
  width: 800px;
}
.column-summaries-modal .modal-content {
  padding-bottom: 18px;
}
.column-summaries-modal .modal-content .modal-body .flex-table {
  max-height: 400px;
  flex: auto;
}
.column-summaries-modal .modal-content .modal-body .flex-table .flex-tbody {
  flex: auto;
  overflow-y: scroll;
  padding-bottom: 0px;
}
.column-summaries-modal .modal-content .modal-body .flex-table .flex-thead {
  overflow-y: scroll;
}
.column-summaries-modal .modal-content .modal-body .flex-table .flex-tr .flex-th:first-child .flex-td:first-child {
  flex: none;
}
.column-summaries-modal .modal-content .modal-body .flex-table .flex-tbody > div:last-child .flex-tr {
  padding-bottom: 0px;
}
.column-summaries-modal .modal-content .modal-body .flex-table .flex-tbody > div:last-child .flex-tr .flex-td {
  border-bottom: 0px;
}

/**********************************************************************/
/*  BT Color Pallete Updated (match Figma's color pallete) */
/**********************************************************************/
/*** BT Color Pallete Updated (match Figma's color pallete) ***/
/**************************************************************************/
/*  BT main color themes (names try to match Figma Component Library):  */
/**************************************************************************/
/**********************************************************************/
/*  Pre-Defined Variables. (need to be defined before globals)  */
/**********************************************************************/
/**********************************************************************/
/*  LEGACY VARIABLES (TODO - consolidate or rename in Tech Debt) */
/**********************************************************************/
/*******************/
/* Filters */
/*******************/
/*******************/
/* Theme Overrides */
/*******************/
.js-bt-messageAd .alert {
  margin-top: 20px;
  margin-bottom: 0px;
}
.js-bt-messageAd .ad-content {
  padding: 10px;
}
.js-bt-messageAd .ad-content h4 {
  margin-top: 0px;
}
.form-group li > label.checkbox.multiline > strong,
.form-group li > label.radio.multiline > strong {
  font-weight: 700;
  font-size: 13px;
  padding-right: 6px;
  color: #222222;
}
.form-group li > label.checkbox.multiline,
.form-group li > label.radio.multiline {
  line-height: 180%;
}
.form-group li > label.checkbox.multiline > input,
.form-group li > label.radio.multiline > input {
  margin-top: 0;
}

img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:transparent}