@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.svg") format("svg");
  font-weight: 200; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.svg") format("svg");
  font-weight: 300; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.svg") format("svg");
  font-weight: 400; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.svg") format("svg");
  font-weight: 500; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.svg") format("svg");
  font-weight: 600; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.svg") format("svg");
  font-weight: 700; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.svg") format("svg");
  font-weight: 800; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.svg") format("svg");
  font-weight: 900; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("/B4T2/fonts/Roboto/RobotoCondensed-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("/B4T2/fonts/Roboto/RobotoCondensed-Bold.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/B4T2/fonts/Roboto/Roboto-Bold.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/B4T2/fonts/Roboto/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Montserrat';
  src: url("/B4T2/fonts/Montserrat/Montserrat-Regular.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'Montserrat';
  src: url("/B4T2/fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: 500; }

@font-face {}@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-semibold.ttf") format("truetype");
  font-weight: 600; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-extrabold.ttf") format("truetype");
  font-weight: 800; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-black.ttf") format("truetype");
  font-weight: 900; }

.add-new-dropdown-menu.dropdown-inner-menu {
  width: 150px; }
  .add-new-dropdown-menu.dropdown-inner-menu li a {
    padding-left: 17px; }

.dropdown-inner-menu {
  cursor: auto; }

.dropdown-inner-menu li {
  float: none;
  padding: 0px; }

.b4t-dropdown-menu ul a:hover, .b4t-dropdown-menu ul a.hovered {
  text-decoration: none;
  color: #fff;
  background-color: #3774d9; }

.b4t-dropdown-menu {
  list-style: none;
  float: left; }
  .b4t-dropdown-menu > .fa {
    color: #ffffff;
    font-size: 1.33rem;
    vertical-align: inherit; }
  .b4t-dropdown-menu > .fa-caret-down {
    font-size: 0.85rem;
    padding-left: 4px; }

.b4t-dropdown-menu ul a {
  display: block;
  color: #333;
  line-height: 32px;
  padding: 0 10px; }

.b4t-dropdown-menu ul li.current-menu-item {
  background: #ddd; }

.b4t-dropdown-menu ul li a:hover, .b4t-dropdown-menu ul li a.hovered {
  text-decoration: none !important; }

.b4t-dropdown-menu .dropdown-inner-menu {
  display: none;
  position: absolute;
  top: 0px;
  text-align: left;
  color: #333333;
  font-weight: normal;
  font-size: 0.85rem;
  background-color: #FFF;
  border: 1px solid rgba(120, 120, 120, 0.3);
  padding: 0;
  list-style: none;
  z-index: 999;
  box-shadow: 0px 2px 3px -2px black; }

.dropdownWrapper {
  display: inline; }

ul li.label-menu-item {
  background: #f0f0f0;
  font-weight: 600;
  padding: 5px;
  padding-left: 15px; }

.multiSelectDropdownResults .select2-results__options .select2-results__option:not(.select2-results__message)::before {
  font: normal 400 normal 14px/1 "Font Awesome 5 Pro";
  margin-left: 1px;
  display: inline-block;
  margin-right: 4px;
  content: '\f0c8'; }

.multiSelectDropdownResults .select2-results__options .select2-results__option:not(.select2-results__message)[data-selected=true]:not(.select2-results__option--highlighted) {
  background-color: #fff; }
  .multiSelectDropdownResults .select2-results__options .select2-results__option:not(.select2-results__message)[data-selected=true]:not(.select2-results__option--highlighted)::before {
    color: #468cc6; }

.multiSelectDropdownResults .select2-results__options .select2-results__option:not(.select2-results__message)[data-selected=true]::before {
  content: '\f14a'; }

/* RESET AND BODY ------------------------------------------------------------------------------------------------------- */
/* All styles necessary for fixing the footer to the bottom of the page */
html, body, #formMaster, #aspnetForm, #form1 {
  min-height: 100%;
  height: 100%; }

a, body, div, fieldset, form, h1, h2, h3, label, legend, li, ol, p, span, table, th, td, ul {
  margin: 0;
  padding: 0; }

/* BASIC STYLES --------------------------------------------------------------------------------------------------------- */
h1 {
  font-size: 1.4em;
  line-height: 60px; }

h1 span.gray {
  color: #999;
  font-weight: normal; }

h2 {
  color: #2f2f2f;
  font-size: 1.4em;
  margin: 10px 0;
  padding-top: 10px; }

h3 {
  color: #2f2f2f;
  font-size: 1.2em; }

a {
  color: #0d5482;
  text-decoration: none; }

/*a:hover { color:#167fc1; text-decoration:underline; }*/
p {
  line-height: 140%; }

img {
  border: none; }

table {
  border-collapse: collapse;
  border: none;
  width: 100%;
  font-size: 13px; }

br {
  clear: both; }

h2 a {
  color: #333; }

h2 a:hover {
  color: #167fc1; }

h3 span {
  color: #666;
  font-size: 0.8em; }

.hidden {
  display: none !important; }

.autoMargin {
  margin: 0 auto; }

.zopim {
  display: none; }

.project-fields {
  overflow: hidden;
  overflow-wrap: break-word; }

/* TEXT MODIFIERS ------------------------------------------------------------------------------------------------------- */
.left {
  text-align: left !important; }

.center {
  text-align: center !important; }

.right {
  text-align: right !important; }

.alignBottom {
  vertical-align: bottom !important; }

.no-wrap {
  white-space: nowrap; }

.float-right, .floatRight {
  float: right; }

.float-left, .floatLeftt {
  float: left; }

.red {
  color: #ba2521; }

.red2 {
  color: #ba2521; }

.green {
  color: #468847; }

.green2 {
  color: #468847; }

.blue {
  color: #468cc6; }

.blue2 {
  color: #f5f5f5; }

.gray {
  color: #666; }

.black {
  color: #333333; }

.strike {
  text-decoration: line-through; }

.overbudget {
  color: #ba2521;
  font-weight: bold; }

td.underbudget {
  background: #FCEF24;
  color: #000000;
  font-weight: bold; }

div.indent {
  margin: 10px 10px 10px 20px; }

.footnote {
  font-style: italic;
  font-weight: 600;
  font-size: 9pt; }

.clearfix {
  overflow: auto; }

sup.beta-label {
  font-size: 9pt;
  color: red;
  font-weight: normal; }

/* GENERAL STRUCTURE ---------------------------------------------------------------------------------------------------- */
#wrapper {
  background: #f0f0e6;
  margin: 20px auto;
  width: 950px;
  min-height: 100%;
  position: relative; }

#wrapper-full {
  padding: 0px 10px 10px 10px; }

#title {
  background: #ffffff;
  border: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: none;
  padding-left: 20px;
  float: left;
  width: 928px; }

#title h1 {
  float: left; }

#title #controls {
  float: right; }

#budgetFilters #budgetYear, #budgetFilters #budgetProject {
  float: left;
  margin-top: 20px;
  margin-left: 40px; }

#controls-full-bottom {
  clear: both;
  padding-top: 16px;
  margin: 0;
  padding: 0; }

#B4TFooterSection {
  position: absolute;
  bottom: 0; }

div#mainContent {
  padding-bottom: 110px;
  overflow: auto; }

#schedulerView {
  overflow: hidden; }

#panel-system .field ul.field {
  width: 100%; }

.button-icon {
  background: url(../images/toolbarSprites.png) repeat-x 0 -34px;
  display: block;
  height: 17px;
  width: 17px;
  float: left;
  margin-right: 4px;
  margin-top: 8px; }

.button-icon-add {
  background-position: -7px -171px; }

a:active .button-icon-add {
  background-position: -41px -136px; }

div.container, div.containerFull {
  background: #ffffff;
  border: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: none;
  float: left;
  padding: 0px 20px;
  width: 908px; }

div.containerFull {
  padding: 0px;
  width: 948px; }

div.container-dialog {
  padding: 0px;
  width: 750px; }

div.container p {
  margin-bottom: 10px; }

div.noticebox {
  background: #FFF0A5;
  border: 1px solid #FED22F;
  color: #444;
  float: left;
  font-weight: bold;
  padding: 5px 20px;
  text-align: center;
  width: 908px; }

div.filter {
  background: #f5f5f5;
  float: left;
  padding: 20px;
  width: 908px; }

div.lateFeeDetail {
  background: white;
  border: 1px solid #CCCCCC;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  float: left;
  padding: 20px;
  width: 350px; }

div.error {
  background: #c0402a;
  border: 1px solid #8e3424;
  color: #fff;
  float: left;
  padding: 10px;
  text-align: center;
  width: 928px; }

#login-wrapper div.error {
  width: 94%;
  margin-bottom: 3px;
  border: none; }

div.errorStretch {
  background: #c0402a;
  border: 1px solid #8e3424;
  color: #fff;
  float: left;
  padding: 10px;
  text-align: center;
  width: 99%; }

/* B4Tv3 LAYOUT ELEMENTS */
#sidebar {
  float: left;
  width: 200px; }

#sidebarBody {
  background: #F5F5F5;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  padding-top: 10px; }

#mainbar {
  margin-left: 200px; }

#toolbar {
  background: #FAFAFA;
  border-bottom: 1px solid #b6bac0;
  height: 30px; }

#toolbar a {
  color: #000;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  margin-left: 2px;
  margin-right: 15px; }

#toolbar a:hover {
  color: #167fc1; }

a.toolMore {
  background: url(../../images/toolMore.png) no-repeat right 0px;
  padding-right: 14px; }

a.toolMore:hover {
  background-position: right -30px; }

a.atoolIconScheduleNew, a.atoolIconScheduleGoto, a.atoolIconPrint, a.atoolIconOptions {
  padding-left: 22px !important; }

a.atoolIconScheduleNew {
  background-position: -4px -30px !important; }

a.atoolIconScheduleNew:hover {
  background-position: -204px -30px !important; }

a.atoolIconScheduleGoto {
  background-position: -4px -60px !important; }

a.atoolIconScheduleGoto:hover {
  background-position: -204px -60px !important; }

a.atoolIconPrint {
  background-position: -4px -90px !important; }

a.atoolIconPrint:hover {
  background-position: -204px -90px !important; }

a.atoolIconOptions {
  background-position: -4px -120px !important; }

a.atoolIconOptions:hover {
  background-position: -204px -120px !important; }

#togglebar {
  float: right; }

#togglebar a {
  border-left: 1px solid #ccc;
  border-right: none;
  cursor: pointer;
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  overflow: hidden;
  padding: 0px 6px; }

#togglebar a.toggled {
  background: #0d5482;
  border-left: 1px solid #0d5482;
  color: #fff; }

#sidebar .toolbar {
  border-right: b6bac0; }

/* TEMPLATES ---------------------------------------------------------------------------------------- */
.col-left, .col-main, .col-right {
  float: left; }

/* DEFAULT TEMPLATE: One Column */
.col-left, .col-right {
  display: none; }

.col-main {
  display: block;
  width: 928px; }

/* HALVES TEMPLATE: Two Columns Split in Half */
div.t-halves .col-left {
  display: none; }

div.t-halves .col-main, div.t-halves .col-right {
  display: block;
  float: left;
  text-align: left;
  width: 454px; }

div.container-dialog .col-main {
  display: block;
  float: left;
  text-align: left;
  width: 750px; }

/* HALVES TEMPLATE: Two Columns Split in Half for a dialog of 800 px wide*/
div.t-halves-dailog .col-left {
  display: none; }

div.t-halves-dialog .col-main, div.t-halves-dialog .col-right {
  display: block;
  float: left;
  text-align: left;
  width: 375px; }

/* THIRDS TEMPLATE: Three Columns Split Evenly */
div.t-thirds .col-left, div.t-thirds .col-main, div.t-thirds .col-right {
  display: block;
  width: 296px; }

div.t-thirds .col-main, div.t-thirds .col-right {
  margin-left: 10px; }

/* SIDEBAR RIGHT TEMPLATE: Two Columns, Narrow on Right */
div.t-sideright .col-left {
  display: none; }

div.t-sideright .col-main {
  display: block;
  width: 688px; }

div.t-sideright .col-right {
  display: block;
  width: 220px; }

/* 2 THIRDS TEMPLATE: Two Columns, Narrow on Right */
div.t-2thirds .col-left {
  display: none; }

div.t-2thirds .col-main {
  display: block;
  width: 602px; }

div.t-2thirds .col-right {
  display: block;
  width: 296px;
  margin-left: 10px; }

/* SIDEBAR LEFT TEMPLATE: Two Columns, Narrow on Left */
div.t-sideleft .col-right {
  display: none; }

div.t-sideleft .col-main {
  display: block;
  width: 688px; }

div.t-sideleft .col-left {
  display: block;
  width: 220px; }

/* POPUP WINDOWS CONTAINERS */
div.full-col {
  float: left;
  width: 50%; }

/* FORMS ----------------------------------------------------------------------------------- */
div.field, div.buttons {
  clear: both;
  margin: 0 0 1em 0; }

div.field label {
  display: inline;
  float: left;
  margin: 3px 10px 0 0;
  text-align: right;
  width: 150px;
  color: #777; }

div.field img {
  position: relative;
  top: 2px; }

ul.field {
  margin: 3px 0 0.5em;
  padding: 0;
  display: block;
  float: left; }

ul.field li {
  list-style-type: none;
  margin-bottom: 0.5em; }

ul.inline li, ul.inline label {
  display: inline; }

ul.inline li {
  padding: 0 0.75em 0 0; }

input.radio, input.checkbox {
  vertical-align: top; }

button, input.submit, input.image {
  cursor: pointer; }

* html input.radio, * html input.checkbox {
  vertical-align: middle; }

/* IE6 */
* + html input.radio, * + html input.checkbox {
  vertical-align: middle; }

/* IE7 */
textarea {
  overflow: auto;
  font-family: "Lucida Grande", "Lucida Sans-Serif Unicode", Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 13px; }

input.text, input.password, textarea, select {
  border: 1px solid #AAA;
  margin: 0;
  vertical-align: baseline; }

input.disabled, select.disabled, textarea.disabled {
  background-color: #DDD !important;
  color: #333; }

input.invalid, textarea.invalid {
  border: 1px solid #ba2521;
  background: #fae9e8; }

input.relative-invalid {
  border: 1px solid #ba2521;
  background: #fae9e8;
  padding: 2px; }

input.text-small {
  width: 80px; }

input.text-large {
  width: 200px; }

span.field {
  display: block;
  float: left;
  font-weight: bold;
  margin-bottom: 0.5em;
  padding-top: 3px; }

label.required {
  color: #ce4844 !important;
  font-weight: bold; }

input.required, select.required, textarea.required {
  background-color: #EFFEFF !important; }

tr.green-row {
  background-color: #CAE59E; }

td.checkbox-cell {
  text-align: center;
  width: 100px; }

/* BUTTONS   ------------------------------------------------------------------------------------- */
a.button {
  background-color: #eeebdc;
  border: 1px solid #c5c2b6;
  border-top: 1px solid #e4e0cd;
  border-left: 1px solid #e4e0cd;
  color: #565656;
  font-weight: bold;
  line-height: 130%;
  margin-left: 5px;
  padding: 5px 10px 6px 7px;
  text-decoration: none; }

a.button:hover {
  background-color: #dff4ff;
  border: 1px solid #c2e1ef;
  color: #336699; }

a.button img {
  border: none;
  height: 16px;
  margin: 0 3px -3px 0 !important;
  padding: 0;
  width: 16px; }

a.button-green:hover {
  background-color: #e6efc2;
  border: 1px solid #c6d880;
  color: #529214; }

a.button-red:hover {
  background-color: #fbe3e4;
  border: 1px solid #dbc2c4;
  color: #d12f19; }

a.button-blue {
  background-color: #0b669e;
  border: 1px solid #0a4e78;
  border-top: 1px solid #0d5482;
  border-bottom: 1px solid #0d5482;
  color: #ffffff; }

a.button-blue:hover {
  background-color: #0f7bb2;
  color: #ffffff; }

a.button-down {
  background-color: #FFF !important;
  color: #333 !important; }

/* PANELS  -------------------------------------------------------------------------------------------- */
/* - GRAY TABS - REPLACED WITH BROWN TABS BELOW */
#panel-nav {
  background: #FFF;
  border: 1px solid #c5c2b6;
  border-left: none;
  border-top: none;
  clear: left;
  padding-bottom: 10px;
  padding-top: 10px;
  margin: 15px 0px; }

#panel-nav a {
  background: #E5E5E5 url(../../images/tabs2.png) no-repeat right -30px;
  border-left: 1px solid #c5c2b6;
  border-bottom: 1px solid #c5c2b6;
  color: #333333;
  float: left;
  font-size: 12px;
  line-height: 26px;
  padding: 0px 10px;
  margin-right: 3px; }

#panel-nav a:hover {
  background: #FFC url(../../images/tabs2.png) no-repeat right -60px;
  color: #ce4844;
  text-decoration: none; }

#panel-nav a.active {
  background: #fff url(../../images/tabs2.png) no-repeat right top;
  border-bottom: 1px solid #FFF;
  color: #0d5482; }

#panel-nav a.active:hover {
  background-color: #ffffff;
  color: #ce4844;
  text-decoration: none; }

#panel-nav .beta-label sup {
  font-size: 9px;
  float: right;
  top: 3px;
  color: red; }

#panel-nav br {
  clear: none; }

#dash-nav {
  background: #FFF;
  border: 1px solid #c5c2b6;
  border-left: none;
  border-top: none;
  clear: left;
  padding-bottom: 10px; }

#dash-nav a {
  background: #E5E5E5 url(../../images/tabs2.png) no-repeat right -30px;
  border-left: 1px solid #c5c2b6;
  border-bottom: 1px solid #c5c2b6;
  color: #333333;
  float: left;
  font-size: 12px;
  line-height: 26px;
  padding: 0px 10px;
  margin-right: 3px; }

#dash-nav a:hover {
  background: #FFC url(../../images/tabs2.png) no-repeat right -60px;
  color: #ce4844;
  text-decoration: none; }

#dash-nav a.active {
  background: #fff url(../../images/tabs2.png) no-repeat right top;
  border-bottom: 1px solid #FFF;
  color: #0d5482; }

#dash-nav a.active:hover {
  background-color: #ffffff;
  color: #ce4844;
  text-decoration: none; }

#dash-nav br {
  clear: none; }

#panel-navSmall {
  background: #F5F5F5;
  border: 1px solid #CCC;
  clear: left;
  padding-bottom: 10px;
  font-size: 9pt;
  padding-left: 5px;
  padding-right: 5px; }

#panel-navSmall a {
  background: #E5E5E5;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  color: #333333;
  float: left;
  padding: 5px 10px; }

#panel-navSmall a:hover {
  background-color: #FFC;
  color: #ce4844; }

#panel-navSmall a.active {
  background: white;
  border-bottom: 1px solid #FFF;
  color: #0d5482;
  font-weight: bold; }

#panel-navSmall a.active:hover {
  background-color: #ffffff;
  color: #ce4844; }

div.panel {
  display: none; }

div.panel-default {
  display: block; }

div.panel-controls {
  clear: both;
  padding-bottom: 0px; }

div.panel-controls a.button {
  float: right; }

/* FOOTER & COPYRIGHT --------------------------------------------------------------------------------------------------- */
#footer {
  background: #EBEBEB url(../../images/footer.png) no-repeat center bottom;
  clear: both;
  color: #666666;
  font-size: 10px;
  padding: 10px 10px 30px 20px; }

#copyright {
  margin: 0 auto;
  width: 400px; }

#copyright img {
  border: none;
  width: 100px;
  height: 40px;
  margin-right: 20px;
  float: left; }

#copyright p {
  line-height: 20px; }

#copyright a {
  color: #0d5482; }

#copyright a.switchLink {
  color: #0D5482; }

#copyright a:hover {
  color: #167fc1;
  text-decoration: underline; }

/* TOOLTIP -------------------------------------------------------------------------------------------------------------- */
#tooltip, .tooltip {
  display: none;
  position: absolute;
  z-index: 9999;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  width: 220px; }

#tooltip .tipHeader, .tooltip .tipHeader {
  background: url(../../images/tooltip.png) no-repeat left top;
  height: 8px; }

#tooltip .tipBody, .tooltip .tipBody {
  background: #333;
  font-weight: normal;
  padding: 0px 8px;
  text-align: left;
  text-decoration: none;
  word-break: break-word;
  white-space: normal; }

#tooltip .tipFooter, .tooltip .tipFooter {
  background: url(../../images/tooltip.png) no-repeat left bottom;
  height: 8px; }

/* INFOCARD-------------------------------------------------------------------------------------------------------------- */
#infocard {
  display: none;
  position: absolute;
  z-index: 9999;
  color: #fff;
  font-size: 10px;
  text-decoration: none;
  width: 220px; }

#infocard .cardHeader {
  background: url(../../images/tooltip.png) no-repeat left top;
  height: 8px; }

#infocard .cardBody {
  background: #333;
  padding: 0px 8px;
  text-align: left;
  text-decoration: none; }

#infocard .cardFooter {
  background: url(../../images/tooltip.png) no-repeat left bottom;
  height: 8px; }

/* ALERT TIP------------------------------------------------------------------------------------------------------------- */
.alertTip {
  background: #333;
  color: #fff;
  display: none;
  font-size: 10px;
  padding: 0px 8px;
  position: absolute;
  text-align: left;
  text-decoration: none;
  width: 220px;
  z-index: 9999; }

/* CALENDAR ------------------------------------------------------------------------------------------------------------- */
.calendar {
  border-left: 1px solid #ccc;
  overflow: visible;
  width: 100px; }

.calendar th {
  border: 1px solid #ccc;
  border-left: none;
  text-align: center; }

.calendar td {
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: center; }

.calendar td.calendarOff {
  background-color: #EFEFEF;
  background-image: none; }

.calendar td a {
  background: #fff url(../../images/calendar-new.png) no-repeat 0px 0px;
  color: #333;
  display: block;
  line-height: 50px;
  width: 60px; }

.calendar td a:hover {
  text-decoration: none; }

.calendar td.calendarToday a {
  background-position: -180px 0px;
  color: #fff; }

.calendar td.calendarBusy a {
  background-position: -120px 0px;
  color: #333; }

.calendar td.calendarHighlight a {
  background-position: -60px 0px;
  color: #333; }

.calendar td.calendarSelected a {
  background-position: -240px 0px;
  color: #fff; }

.agendaDay {
  display: none; }

.agendaCurrent {
  display: block; }

/* HEADER --------------------------------------------------------------------------------------------------------------- */
#header {
  color: #666;
  position: relative;
  text-align: right; }

.headerLogo {
  height: 35px;
  display: block;
  float: left;
  padding: 4px; }

.headerFirmName {
  display: block;
  float: left; }

.headerFirmName * {
  padding: 0;
  margin: 10px;
  max-height: 3em;
  overflow: hidden; }

.headerBlankTop {
  background: #fff url(../../images/headerBlank.png) no-repeat top left;
  float: left;
  height: 20px;
  margin-top: 20px;
  width: 950px; }

.headerBlankBottom {
  background: #fff url(../../images/headerBlank.png) no-repeat bottom left;
  float: left;
  height: 20px;
  width: 950px; }

div.container {
  background: white;
  border: 1px solid #CCCCCC;
  border-top: none;
  border-bottom: none;
  float: left;
  padding: 10px 20px;
  width: 908px; }

/* HEADER CONTROL ------------------------------------------------------------------------------------------------------- */
#B4THeaderSection #controls {
  padding-right: 40px;
  z-index: 1; }

.user_name a {
  color: #0D5482; }

.user_name a:hover {
  color: #167fc1; }

#B4THeaderSection #controls a {
  color: #ce4844; }

#B4THeaderSection #controls a:hover {
  color: #ba2521; }

#B4THeaderSection #controls a.feedback {
  color: #0D5482; }

#B4THeaderSection #controls a.feedback:hover {
  color: #167fc1; }

#B4THeaderSection a {
  cursor: pointer; }

/* TIMER MANAGER (old) ------------------------------------------------------------------------------------------------- */
img#timer-blip {
  display: none;
  font-size: 4px;
  height: 28px;
  float: right;
  overflow: hidden;
  right: -10px;
  top: 23px;
  width: 10px;
  margin-top: -13px;
  margin-right: -40px; }

#timer-panel {
  color: #FFF;
  display: none;
  position: absolute;
  right: 0;
  text-align: left;
  top: 40px;
  z-index: 120; }

#timer-panel .paused {
  color: #999; }

#timer-panel .timer-entry, #timer-create {
  background: #000;
  border-bottom: 1px solid #333;
  clear: both;
  display: block;
  padding: 4px;
  width: 300px; }

#timer-panel .selected {
  background: #222;
  cursor: pointer; }

#timer-panel-top {
  background: url(../../images/timer-panel.png) no-repeat top right;
  border-bottom: 1px solid #333;
  display: block;
  height: 20px;
  width: 308px; }

#timer-panel-bottom {
  background: url(../../images/timer-panel.png) no-repeat bottom right;
  display: block;
  height: 10px;
  font-size: 4px;
  padding: 0;
  margin: 0;
  width: 308px; }

img.timer-active, #timer-panel img.timer-wait {
  float: left;
  margin: 3px 10px; }

span.timer-time {
  color: #FFF;
  display: block;
  float: left;
  font-size: 16px;
  line-height: 28px;
  text-align: right;
  overflow: hidden;
  width: 90px; }

span.timer-client {
  color: #FFF;
  display: block;
  font-weight: bold;
  font-size: 12px; }

span.timer-project {
  color: #FFF;
  display: block;
  font-size: 12px;
  font-weight: normal; }

#timer-new {
  color: #FFF;
  line-height: 24px;
  padding-bottom: 8px; }

a.timer-buttons {
  display: block;
  float: left;
  height: 24px;
  margin: 2px 6px 0 6px;
  overflow: hidden;
  text-indent: -9000px;
  width: 24px; }

a.timer-button-record {
  background: url(../../images/timer-controls-new.png) no-repeat 0px 0px; }

a.timer-button-record:hover {
  background: url(../../images/timer-controls-new.png) no-repeat -24px 0px; }

a.timer-button-pause {
  background: url(../../images/timer-controls-new.png) no-repeat 0px -24px; }

a.timer-button-pause:hover {
  background: url(../../images/timer-controls-new.png) no-repeat -24px -24px; }

/* TIMER MANAGER NEW (backbone version) --------------------------------------------------------------------------------- */
a#timer-manager-icon {
  background: #EBEBEB url(../images/clock-new.png) no-repeat 0px 0px;
  display: block;
  height: 28px;
  position: absolute;
  overflow: hidden;
  right: 0;
  text-indent: 9999px;
  top: 5px;
  width: 28px; }

a#timer-manager-icon:hover {
  background-position: 0px -28px; }

a.timer-manager-active {
  background-position: 0px -56px !important; }

img#timer-blip-icon {
  display: none;
  font-size: 4px;
  height: 28px;
  float: right;
  overflow: hidden;
  right: -10px;
  top: 23px;
  width: 10px; }

#timer-panel-top {
  background: url(../../images/timer-panel.png) no-repeat top right;
  border-bottom: 1px solid #333;
  display: block;
  height: 20px;
  width: 308px; }

#timer-panel-bottom {
  background: url(../../images/timer-panel.png) no-repeat bottom right;
  display: block;
  height: 10px;
  font-size: 4px;
  padding: 0;
  margin: 0;
  width: 308px; }

a.timer-button {
  postition: absolute;
  display: block;
  float: left;
  height: 24px;
  margin: 2px 6px 0 6px;
  overflow: auto;
  text-indent: -9000px;
  width: 24px; }

#timer-manager-panel {
  color: #FFF;
  display: none;
  position: absolute;
  right: 0;
  text-align: left;
  top: 32px;
  z-index: 100; }

#timer-manager-panel .timer-single, #new-timer {
  background: #000;
  border-bottom: 1px solid #333;
  clear: both;
  display: block;
  padding: 4px;
  width: 300px;
  height: 28px; }

span.timer-label-client {
  color: #999;
  display: block;
  font-weight: bold;
  font-size: 12px; }

span.timer-label-project {
  color: #999;
  display: block;
  font-size: 12px;
  font-weight: normal; }

span.paused {
  color: #999; }

#timer-manager-panel .mouse-over {
  background: #222;
  cursor: pointer; }

span.elapsed-time {
  color: #999;
  display: block;
  float: left;
  font-size: 16px;
  line-height: 28px;
  text-align: right;
  overflow: hidden;
  width: 90px; }

span.timer-running {
  color: #fff; }

img.timer-active, img.timer-wait {
  float: left;
  margin: 3px 10px; }

/*text styling for Create Timer link*/
.new-timer {
  color: #FFF;
  line-height: 24px; }

a.new-timer:hover {
  color: #FFF; }

#create-timer {
  cursor: hand;
  cursor: pointer; }

#create-timer a:hover {
  text-decoration: none; }

/*placement for play/pause/new timer buttons*/
a.new-timer-button {
  background: url(../../images/timer-controls-new.png) no-repeat 0px -48px; }

a.new-timer-button:hover {
  background: url(../../images/timer-controls-new.png) no-repeat -24px -48px; }

a.toggle-timer {
  background: url(../../images/timer-controls-new.png) no-repeat 0px 0px; }

a.toggle-timer:hover {
  background: url(../../images/timer-controls-new.png) no-repeat -24px 0px; }

a.timer-running {
  background: url(../../images/timer-controls-new.png) no-repeat 0px -24px; }

a.timer-running:hover {
  background: url(../../images/timer-controls-new.png) no-repeat -24px -24px; }

/* SUBNAV ---------------------------------------------------------------------------------------------------------- */
#subnav {
  text-align: left;
  position: relative; }

#subnav div.subNavBar {
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-top: none;
  float: left;
  width: 948px; }

#subnav div.subNavBar a {
  background: url(../../images/breadcrumbs.png) no-repeat right -5px;
  display: block;
  float: left;
  line-height: 30px;
  padding: 0px 20px 0px 10px; }

#subnav div.subNavBar a:hover {
  background-position: right -45px;
  text-decoration: none; }

#subnav div.subNavBar a.active {
  background-image: none;
  color: #666;
  padding-right: 10px; }

/* SEARCH ---------------------------------------------------------------------------------------------------------- */
#search {
  position: absolute;
  top: 3px;
  right: 4px; }

#search input {
  width: 200px; }

/* TABLES ---------------------------------------------------------------------------------------------------------- */
table td.red {
  font-weight: bold;
  font-size: 0.9em; }

table td.green {
  font-weight: bold;
  font-size: 0.9em; }

table td.gray {
  font-size: 0.9em; }

table td.black {
  font-size: 0.9em; }

table.basic td {
  padding: 5px; }

table.summary th, table.details th {
  text-align: left;
  width: 140px; }

table.summary td, table.details td {
  width: 185px; }

table.summary {
  border: 1px solid #CCC;
  width: 650px; }

table.details {
  width: 650px; }

table.results {
  background-color: #f8f8ec;
  border-collapse: collapse;
  width: 908px;
  font-size: 0.9em; }

table.results th {
  background-color: #dedbcc;
  border: 1px solid #c5c2b6;
  cursor: default;
  padding: 5px;
  text-align: center; }

table.results th.highlight {
  background: #fff0a5;
  color: #ce4844;
  cursor: pointer; }

table.results td {
  border: 1px solid #dedede;
  border-top: 1px solid #BBB;
  padding: 4px; }

/* table.results tr.zebra { background-color:#F5F5F5; } */
table.results tr.zebra {
  background-color: #f3f3e5; }

table.results tr.selected {
  background-color: #dbeaff; }

td.redPriority {
  background: #b81900 url(../../images/errorPattern.png) repeat 0px 0px !important;
  color: #fff; }

/*background-color:#ff6666*/
td.redPriority2 {
  background-color: #ffef9e !important; }

/*background-color:#ff7f50 */
table.results tr.highlight {
  background-color: #FFC !important;
  cursor: pointer !important; }

table.results td.desc {
  max-width: 400px;
  overflow-wrap: break-word;
  word-wrap: break-word; }

table.results td.totalsLabel {
  text-align: right;
  padding-right: 3px; }

table.results td.totalsValue {
  font-weight: bold; }

table.results2 {
  background-color: #f8f8ec;
  border-collapse: collapse;
  width: 908px;
  font-size: 0.9em; }

table.results2 th {
  background-color: #dedbcc;
  border: 1px solid #c5c2b6;
  cursor: default;
  padding: 2px;
  text-align: center; }

table.results2 th.highlight {
  background: #fff0a5;
  color: #ce4844;
  cursor: pointer; }

table.results2 td {
  border: 1px solid #dedede;
  border-top: 1px solid #BBB;
  padding: 3px; }

table.results2 tr.zebra {
  background-color: #f3f3e5; }

table.results2 tr.selected {
  background-color: #dbeaff; }

table.results2 tr.highlight {
  background-color: #FFC !important;
  cursor: pointer !important; }

table.results2 td.totalsLabel {
  text-align: right;
  padding-right: 3px; }

table.results2 td.totalsValue {
  font-weight: bold; }

table.narrow {
  background-color: #f8f8ec;
  border-collapse: collapse;
  font-size: 0.9em; }

table.narrow th {
  background-color: #dedbcc;
  border: 1px solid #c5c2b6;
  cursor: default;
  padding: 5px; }

table.narrow th.highlight {
  background: #fff0a5;
  color: #ce4844;
  cursor: pointer; }

table.narrow td {
  border: 1px solid #dedede;
  border-top: 1px solid #BBB;
  padding: 4px; }

table.narrow tr.zebra {
  background-color: #f3f3e5; }

table.narrow tr.selected {
  background-color: #dbeaff; }

table.billHistory tr.zebra {
  background-color: #f3f3e5; }

tr.highlight {
  background-color: #FFC;
  cursor: pointer !important; }

table.side {
  border-collapse: collapse;
  border-top: 1px solid #999;
  margin: 10px 0;
  font-size: 0.9em; }

table.side th {
  background-color: #E5E5E5;
  border: 1px solid #BBBBBB;
  cursor: default;
  padding: 5px;
  text-align: left; }

table.side td {
  border-bottom: 1px solid #DDDDDD;
  padding: 5px; }

table.side select {
  background: #EBEBEB;
  border: 1px solid #999;
  font-size: 0.9em;
  margin-left: 5px;
  padding: 2px; }

table.side p.details {
  color: #666; }

th.width150, td.width150 {
  width: 150px; }

th.width100, td.width100 {
  width: 100px; }

th.width50, td.width50 {
  width: 50px; }

th.width40, td.width40 {
  width: 40px; }

th.white {
  background: #fff !important;
  border: none !important; }

table tr.activityRow {
  display: none; }

a.toggleHide {
  display: none; }

span.indent1 {
  padding-left: 20px; }

label.indent2 {
  display: block;
  padding-left: 17px;
  text-indent: -17px; }

input.indent2 {
  width: 13px;
  height: 13px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px; }

/* SIDEBAR --------------------------------------------------------------------------------------------------------- */
.sidebar {
  background: #ffffff url(../../images/sidebar2.png) no-repeat bottom center;
  display: block;
  margin-bottom: 15px;
  padding: 0px 10px 15px 10px;
  padding-top: 0px;
  position: relative;
  width: 200px; }

.sidebar-top {
  background: #ffffff url(../../images/sidebar2.png) no-repeat top center;
  display: block;
  height: 15px;
  width: 220px; }

.sidebar h2 {
  margin-bottom: 15px; }

.sidebar h3 {
  padding-bottom: 5px; }

.sidebar table {
  margin-bottom: 10px; }

.sidebar td {
  padding: 1px 0; }

.sidebar p {
  margin-bottom: 10px; }

/* NOTICE BOX ------------------------------------------------------------------------------------------------------- */
.notice {
  background: #FFF0A5;
  border: 1px solid #FED22F;
  color: #444;
  font-weight: bold;
  padding: 5px;
  position: relative;
  text-align: center; }

#notice {
  background: #fff0a5;
  border: 1px solid #fed22f;
  color: #444;
  border-top: none;
  float: left;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  width: 938px; }

#notice a {
  color: #E78F08; }

#notice a.stealth {
  color: #444; }

#notice a.stealth:hover {
  color: #ce4844; }

div.popupNotice {
  background: #fff0a5;
  border: 1px solid #fed22f;
  margin-bottom: 10px;
  text-align: center; }

/* DASHBOARD CHART -------------------------------------------------------------------------------------------------- */
.dash-chart {
  float: left;
  width: 296px; }

.dash-chart .info-top {
  border-bottom: 1px solid #ececec;
  float: left;
  margin-bottom: 5px;
  padding-bottom: 4px;
  overflow: hidden;
  width: 148px; }

.dash-chart .chart {
  border: 1px solid #c0c0c0;
  border-left: none;
  border-right: none;
  clear: both;
  float: left;
  padding: 5px 0;
  width: 296px; }

.dash-chart .info-bottom {
  border-top: 1px solid #ececec;
  float: left;
  margin-top: 5px;
  padding-top: 4px;
  overflow: hidden;
  width: 143px; }

.chart-main {
  margin-left: 5px; }

.chart-right {
  margin-left: 10px; }

/* STATS ------------------------------------------------------------------------------------------------------------- */
.stat {
  display: block;
  float: left;
  width: 227px; }

.stat span {
  font-weight: bold;
  font-size: 1.4em; }

/* MESSAGES ------------------------------------------------------------------------------------------------------ */
.messages {
  display: none; }

.message {
  padding: 10px; }

.message p {
  margin-bottom: 10px; }

.message #message-header {
  position: absolute;
  height: 40px;
  left: 0px;
  top: 0px;
  background-color: #305E94;
  width: 100%; }

.message #message-header h1 {
  padding: 7px 20px;
  font-size: 1.2rem;
  color: white; }

.message .messageClose {
  float: none;
  display: inline-block; }

.message #message-content {
  margin: 40px 20px 20px 20px; }

/* Search Bar Styles (old version) --------------------------------------------------------------------------------------------------------------*/
.searchBarDropDown {
  background-color: #F7F7FF;
  border: 1px solid #ccc;
  padding: 0px; }

.searchBarDropDownRow {
  padding-left: 3px;
  padding-right: 3px;
  color: #202224;
  background-color: #ebebeb;
  cursor: hand;
  cursor: pointer; }

.searchBarDropDownRowOver {
  padding-left: 3px;
  padding-right: 3px;
  color: #202224;
  background-color: #C8EBFF;
  cursor: hand;
  cursor: pointer; }

.searchBarResultsText {
  font-weight: bold; }

.searchBarResultsType {
  color: #666;
  font-size: 0.9em;
  text-align: right;
  padding-right: 6px;
  padding-left: 2px; }

.searchBarTextHighLight {
  color: #8B1C03;
  font-weight: bold; }

/* SEARCH BOX NEW (backbone.js version) ----------------------------------------------------------------------------*/
#search-view {
  font-family: 'OpenSans', Arial, Helvetica, sans-serif; }

#search-input {
  width: 200px; }

#search-results {
  position: absolute;
  right: 15px;
  z-index: 3;
  background: white;
  border: 1px solid #d7d7d7;
  margin-top: -1px; }

.search-result-individual {
  padding-left: 5px;
  padding-right: 5px;
  cursor: hand;
  cursor: pointer; }

.search-result-type {
  color: #989898;
  text-align: right;
  float: left;
  padding-right: 5px;
  padding-left: 10px; }

.search-result-text {
  color: black;
  font-weight: bold;
  text-align: left; }

.search-result-emphasis {
  color: #DF0101; }

/*#DF0101 = slighlty darker red*/
/* Legacy styles for the client selector drop down ---------------------------------------------------------------------*/
.dropDown {
  font-size: 8pt;
  background-color: #F7F7FF;
  border: solid #33363A 1px;
  padding: 0px;
  filter: alpha(opacity=93);
  opacity: 0.93;
  -moz-opacity: 0.93; }

.dropDownText {
  font-size: 8pt;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
  color: #202224;
  background-color: #F7F7FF;
  cursor: hand;
  cursor: pointer; }

.dropDownTextOver {
  font-size: 8pt;
  font-weight: normal;
  padding-left: 3px;
  padding-right: 3px;
  color: #202224;
  background-color: #C8EBFF;
  cursor: hand;
  cursor: pointer; }

/* INVOICE EDITOR STUFF ************/
div.templateSelector {
  border: 2px solid #ebebeb;
  display: block;
  float: left;
  margin: 10px 20px;
  text-align: center; }

div.templateSelectorHover {
  background: #ffc;
  border: 2px solid #ba2521; }

div.templateSelectorSelected {
  border: 2px solid #167fc1; }

div.templateSelector img {
  border-bottom: 2px solid #ebebeb; }

div.templateSelector a {
  display: block; }

a.templateSelectorPreview {
  padding: 5px; }

#invoicePreview {
  border: 1px solid #999;
  height: 12in;
  margin: 0 auto;
  width: 8.75in; }

/* TRIAL ALERT STYLES *************/
.alertLogo {
  display: block;
  margin: 15px auto; }

.alertMessage {
  margin: 25px 15px; }

/* WIDGETS *****************************************************************************************************/
ul.column {
  list-style: none; }

ul#column1, ul#column2, ul#column3 {
  background: #fff;
  width: 100%; }

ul.column .widget {
  border: 1px solid #fff;
  margin: 10px 0; }

ul.column .widgetHead {
  color: black;
  width: 100%;
  height: 30px;
  line-height: 30px; }

ul.column .widgetHead h3 {
  float: left; }

ul.column .widgetHead h3 a {
  color: #333; }

ul.column .widgetHead h3 a:hover {
  color: #167fc1; }

ul.column .widgetContent {
  background: #fff;
  color: #333;
  line-height: 1.2em;
  padding: 1px; }

ul.column .widgetOptions {
  display: none; }

ul.column .widgetAdder {
  background: #0d5482 url(../../images/widget-header.png) repeat-x top left;
  border: 1px solid #0d5482;
  color: #444;
  font-weight: bold;
  display: none;
  margin: 10px 0;
  padding: 6px 10px; }

a#widgetEditToggle img {
  margin: 6px; }

/* Edit Mode Styles */
ul.editable .widget {
  background: #0d5482 url(../../images/widget-header.png) repeat-x top left;
  border: 1px solid #0d5482; }

ul.editable .widgetHead {
  cursor: move; }

ul.editable .widgetHead h3, ul.editable .widgetHead h3 a {
  color: #fff; }

ul.editable .widgetHead h3 a:hover {
  color: #fff;
  cursor: move;
  text-decoration: none; }

ul.editable .widgetControls {
  float: right;
  margin: 6px 4px 0 0; }

ul.editable .widgetDelete {
  display: inline; }

ul.editable .widgetOptions {
  background: #fff0a5;
  border-bottom: 1px solid #fed22f;
  color: #444;
  display: block;
  padding: 8px; }

table.widgetSmallTxt {
  font-size: 11px; }

/* Button Menu */
.buttonMenu .button {
  margin-top: 8px; }

/* EDITOR SCREEN */
div#availableWidgets {
  border: 1px solid blue;
  float: left;
  width: 300px; }

div#currentWidgets {
  border: 1px solid red;
  float: left;
  margin-left: 20px;
  width: 580px; }

div#currentWidgets div#widgetTop {
  border: 1px solid yellow;
  float: left;
  margin-bottom: 10px;
  width: 580px; }

div#currentWidgets div#widgetLeft {
  border: 1px solid yellow;
  float: left;
  width: 283px; }

div#currentWidgets div#widgetRight {
  border: 1px solid yellow;
  float: left;
  margin-left: 10px;
  width: 283px; }

div#availableWidgets li.widget {
  background: #ebebeb;
  border: 1px solid #ccc;
  list-style: none;
  margin: 4px;
  padding: 4px; }

/* SPECIAL ******************************************************************************/
/* IE6 Notice on Login */
div#ie6 {
  background: url(../../images/ie6fix.png) no-repeat 0px 0px;
  clear: both;
  color: #0d5482;
  display: block;
  height: 54px;
  line-height: 54px;
  padding-left: 80px; }

div#ie6 a {
  font-weight: bold; }

/* IE8 Notice on Login */
div#ie8 {
  background: url(../../images/ie6fix.png) no-repeat 0px 0px;
  clear: both;
  color: #0d5482;
  display: block;
  height: 95px;
  line-height: 54px;
  padding-left: 80px; }

div#ie8 a {
  font-weight: bold; }

/* DATA GRID STYLES */
table#dataGrid {
  width: 904px; }

table#dataGrid th {
  padding: 5px 0; }

table#dataGrid td {
  padding: 0;
  text-align: center; }

table#dataGrid input {
  background: transparent;
  border: none;
  font-size: 11px;
  padding: 6px 4px;
  outline: none;
  margin: 0;
  width: 10px; }

table#dataGrid select {
  background: #f8f8ec;
  border: none;
  width: 216px; }

table#dataGrid input.hover, table#dataGrid select.hover {
  background: #ffc !important; }

table#dataGrid input.active, table#dataGrid select.active {
  background: #fff !important; }

table#dataGrid input.dataClient, table#dataGrid input.dataProject {
  width: 166px; }

table#dataGrid input.dataActivity {
  width: 66px; }

table#dataGrid input.dataNotes {
  width: 311px; }

table#dataGrid input.dataNotesLarge {
  width: 367px; }

table#dataGrid input.dataAmt, table#dataGrid input#dataGridTotalSummary {
  text-align: right;
  width: 47px; }

table#dataGrid input.dataHrs, table#dataGrid input#dataGridHrSummary {
  text-align: center;
  width: 40px; }

table#dataGrid input#dataGridHrSummary, table#dataGrid input#dataGridTotalSummary {
  color: #0d5482;
  font-weight: bold; }

table#dataGrid input.overridden {
  color: #ba2521 !important; }

table#dataGrid td.invalid input {
  border-bottom: 2px solid #ba2521; }

table#dataGrid .required {
  background: transparent !important; }

div#dataGridDateSelector {
  float: left;
  margin-left: 20px;
  margin-top: 3px; }

div#dataGridDateSelector div {
  line-height: 24px; }

div#dataGridDateSelector img {
  padding: 4px; }

/* AUTOCOMPLETE STYLES */
.ac_results {
  background-color: white;
  border: 1px solid #167fc1;
  padding: 0px;
  overflow: hidden;
  z-index: 99999; }

.ac_results ul {
  list-style: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
  width: 100%; }

.ac_results li {
  cursor: default;
  display: block;
  font: menu;
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
  overflow: hidden;
  padding: 2px 5px; }

.ac_loading {
  background: white url("indicator.gif") right center no-repeat; }

.ac_over {
  background-color: #6DA4D2;
  color: white; }

/* EXPERIMENTAL */
dl.info {
  font-size: 13px; }

/* Drop to 11px for Compact */
dl.info dt {
  clear: left;
  color: #777;
  float: left;
  text-align: right;
  padding-right: 10px;
  width: 150px; }

dl.info dt a {
  color: #777;
  border-bottom: 1px dotted #ccc;
  text-decoration: none; }

dl.info dt a:hover {
  color: #777;
  border-bottom: 1px dotted #0d5482; }

dl.info dd {
  float: left;
  margin: 0;
  padding: 1px 0 .7em 0;
  width: 250px; }

/* DEVELOPEMENT STYLES */
#testArea {
  background: #fff;
  border: 1px solid #ce4844;
  margin: 0;
  margin-top: 50px;
  padding: 0; }

#testArea h1 {
  background: #ce4844;
  border-bottom: 1px solid #ce4844;
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  margin: 0;
  padding: 4px; }

#testArea h3 {
  margin-bottom: 2px; }

#testArea p {
  margin: 0;
  padding: 4px; }

/* BUDGET STYLES */
/*table.budget td.totalCellBlue, table.budget td.totalCellBlue { background:#eaf4fd !important}*/
table.budget td.changed, table.budget td.changed {
  background: #cff4d9;
  border: 1px solid #c5eccd;
  /*DF7401;*/ }

table.budget td.totalTotals, table.budget td.totalTotals {
  background: #ffc url(../../images/noticePattern.png); }

table.budget td.totalTotals input, table.budget td.totalTotals input {
  color: #cc0a0c; }

table.budget td.value input, table.budget td.total input {
  border: none;
  background: none;
  font-size: 10px;
  outline: none;
  text-align: right; }

table.budget td.value input {
  width: 55px; }

table.budget td.total input {
  width: 65px; }

table.budget tr.total {
  font-weight: bold; }

table.budget tr.user {
  display: none; }

table.budget tr.highlight {
  background: #fff0a5; }

table.budget img.hideUsers {
  display: none; }

/* INLINE TIMER */
/* STRUCTURAL */
.inlineTimer {
  clear: both;
  width: 200px;
  float: right;
  margin: 1px;
  position: absolute;
  top: 0px;
  right: 0px; }

.inlineTimerCount {
  float: left;
  font-size: 1.4em;
  height: 60px;
  line-height: 60px;
  padding-left: 8px;
  width: 120px; }

.inlineTimerProgress {
  display: block;
  float: left;
  padding: 9px 5px; }

/* BUTTONS */
a.timerToggle:hover {
  background-position: 0px -60px; }

a.timerTogglePaused {
  background-position: -60px -60px !important; }

a.timerTogglePaused:hover {
  background-position: -60px -60px !important; }

a.timerTogglePlayDown {
  background-position: 0px -120px !important; }

a.timerTogglePausedDown {
  background-position: -60px -120px !important; }

/* PAYMENT OPTIONS */
.paymentOption {
  background: #ebebeb;
  border: 1px solid #ccc;
  padding: 10px;
  float: left;
  width: 450px; }

.paymentOption h3 {
  margin-top: 4px; }

.paymentOption label {
  display: block;
  float: left;
  width: 180px; }

.paymentOptionDetails {
  float: right;
  list-style: disc outside url(../../images/icons/tick.png);
  width: 400px; }

.paymentOptionDetails li {
  line-height: 30px; }

.paymentLogo {
  float: left;
  margin-right: 10px; }

/* ONLINE PAYMENT CLIENT TABLE */
#clientPaymentDetails th {
  background-color: #ebebeb;
  border: 1px solid #ccc;
  padding: 4px; }

#clientPaymentDetails td {
  border: 1px solid #ccc;
  padding: 4px; }

#clientPaymentDetails tr {
  border: none; }

#clientPaymentDetails tr.conflictedCurrencies {
  background-color: #ffc; }

#clientPaymentDetails span {
  color: #ce4844;
  text-align: center; }

#clientPaymentDetails img {
  vertical-align: middle; }

/* SUBSCRIPTION MANAGER */
.subscriptionMethod {
  background: #f0f0e6;
  border: 1px solid #ccc;
  padding: 10px;
  margin-right: 20px; }

.subscriptionMethod .payIcon {
  float: left;
  margin-right: 10px; }

.subscriptionMethod #secure {
  padding-left: 5px; }

.subscriptionMethod h3 {
  line-height: 36px; }

.subscriptionMethod dl {
  margin: 10px 0; }

.subscriptionMethod dt {
  clear: left;
  display: block;
  float: left;
  font-weight: bold;
  padding-bottom: 3px;
  width: 100px; }

.subscriptionMethod dd {
  clear: right;
  float: left;
  padding-bottom: 3px; }

#subscriptionFeatures {
  list-style-image: url(../../images/icons/tick.png);
  margin-left: 30px; }

#subscriptionFeatures li {
  font-size: 14px;
  line-height: 16px;
  margin-bottom: 6px; }

/* GETTING STARTED WIDGET */
#gettingStartedBar {
  border: 1px solid #c5c2b6;
  background: #dedbcc;
  height: 20px; }

#gettingStartedBar span {
  background: #167fc1 url(../../images/progBar20.png) repeat-x top right;
  display: block;
  height: 20px; }

.brownBox ol {
  margin-left: 30px; }

.brownBox li {
  padding-bottom: 5px; }

ol li.complete {
  color: #999;
  text-decoration: line-through; }

ol li.complete a {
  color: #999; }

.brownBox {
  border: 1px solid #dedede;
  background: #f0f0e6;
  padding: 10px; }

/* SCHEUDLER COMPONENTS */
/* Global */
a.calendarNavLast, a.calendarNavNext {
  background: #fff url(../../images/calendarNav.png) no-repeat 0px 0px;
  display: block;
  height: 40px;
  overflow: hidden;
  text-indent: 900px;
  width: 40px; }

a.calendarNavLast {
  float: left; }

a.calendarNavNext {
  background-position: -40px 0px;
  float: left; }

a.calendarNavLast:hover {
  background-position: 0px -40px; }

a.calendarNavNext:hover {
  background-position: -40px -40px; }

a.calendarNavLast:focus, a.calendarNavNext:focus {
  outline: none; }

/* Schedule Manager / Loading Notice */
#modScheduleManager {
  /*float:right; margin-right:20px; margin-top:22px; */
  position: absolute;
  right: 20px;
  top: 52px; }

/* Mini Calendar */
#b4ModMiniCal {
  background: white;
  margin: 0px;
  width: 182px; }

#b4ModMiniCal ol, #b4ModMiniCal ul {
  list-style: none; }

#b4ModMiniCal li {
  float: left; }

#miniCalHeader {
  background: #167fc1 url(../../images/miniCalHeader.png) repeat-x 0px 0px;
  border-bottom: 1px solid #E6E6E6;
  height: 30px; }

#miniCalHeader a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-indent: -900px; }

a#miniCalLast {
  background: url(../../images/miniCalNav.png) no-repeat 0px 0px; }

a#miniCalLast:hover {
  background: url(../../images/miniCalNav.png) no-repeat 0px -30px; }

a#miniCalNext {
  background: url(../../images/miniCalNav.png) no-repeat -30px 0px; }

a#miniCalNext:hover {
  background: url(../../images/miniCalNav.png) no-repeat -30px -30px; }

a#miniCalNext:focus, a#miniCalLast:focus {
  outline: none; }

#miniCalHeader p {
  color: #FFF;
  float: left;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  width: 122px; }

#miniCalLabels {
  overflow: hidden; }

#miniCalLabels li {
  text-align: center;
  width: 26px; }

#miniCalLastMonth a, #miniCalNextMonth a {
  color: #999; }

.miniCalDay {
  background: #FFF;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 25px; }

.miniCalDay:hover {
  background: #FC0;
  color: #0d5482;
  text-decoration: none; }

.miniCalScheduled {
  font-weight: bold; }

/* Date Picker/Chooser */
.datechooser {
  background: white;
  margin: 0px;
  width: 182px;
  position: absolute;
  top: 10;
  left: 10;
  z-index: 2000;
  display: none;
  box-shadow: 2px 2px 3px #999;
  -moz-box-shadow: 2px 2px 3px #999; }

.datechooser ol, .datechooser ul {
  list-style: none; }

.datechooser li {
  float: left; }

.datechooserHeader {
  background: #167fc1 url(../../images/miniCalHeader.png) repeat-x 0px 0px;
  border-bottom: 1px solid #E6E6E6;
  height: 30px; }

.datechooserHeader a {
  display: block;
  float: left;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  text-indent: -900px; }

a.datechooserLast {
  background: url(../../images/miniCalNav.png) no-repeat 0px 0px; }

a.datechooserLast:hover {
  background: url(../../images/miniCalNav.png) no-repeat 0px -30px; }

a.datechooserNext {
  background: url(../../images/miniCalNav.png) no-repeat -30px 0px; }

a.datechooserNext:hover {
  background: url(../../images/miniCalNav.png) no-repeat -30px -30px; }

a.datechooserNext:focus, a#datechooserLast:focus {
  outline: none; }

.datechooserHeader p {
  color: #FFF;
  float: left;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0;
  text-align: center;
  width: 122px; }

.datechooserLabels {
  overflow: hidden; }

.datechooserLabels li {
  text-align: center;
  width: 26px; }

.datechooserLastMonth a, .datechooserNextMonth a {
  color: #999; }

.datechooserDay {
  background: #FFF;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  display: block;
  height: 20px;
  line-height: 20px;
  text-align: center;
  box-sizing: border-box;
  width: 26px; }

.datechooserDay:hover {
  background: #FC0;
  color: #0d5482;
  text-decoration: none; }

.datechooserCurrent {
  background-color: #fc0 !important; }

/* Month Calendar */
#calendarMonth {
  margin: 10px;
  width: 925px; }

#calendarMonth h2 {
  margin: 0;
  padding: 0;
  line-height: 40px;
  float: left;
  font-size: 1.6em;
  text-align: center;
  width: 240px; }

#calendarMonth ol, #b4ModMonthCal ul {
  list-style: none; }

#calendarMonth ul li {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: block;
  float: left;
  line-height: 30px;
  height: 30px;
  text-align: center;
  width: 130px; }

#calendarMonth ol li {
  background-color: #fafafa;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: block;
  float: left;
  height: 100px;
  width: 130px; }

#monthCalThisMonth li:hover {
  background-color: #E4F2F7;
  cursor: pointer; }

#monthCalLabels li {
  border-top: 1px solid #ddd; }

#monthCalBody {
  border-left: 1px solid #ddd; }

a.monthCalEvent, span.monthCalMore {
  color: #0d5482;
  display: block;
  font-size: 0.8em;
  height: 12px;
  line-height: 12px;
  margin: 2px;
  overflow: hidden;
  padding: 2px; }

a.monthCalEvent:hover {
  color: #ce4844; }

a.monthCalEvent span {
  font-weight: bold; }

#monthCalNextMonth li, #monthCalLastMonth li {
  background-color: #ededed !important; }

.monthCalToday {
  background-color: #FFF7D7 !important; }

#calendarMonth p {
  color: #666;
  padding: 3px;
  text-align: right; }

.monthCalPopover {
  border-bottom: 1px solid #ddd;
  position: absolute;
  display: none;
  background: #E4F2F7;
  width: 131px;
  box-shadow: 2px 2px 2px 0px #d1d1d1; }

span.monthCalMore {
  color: #999; }

a.monthAllDay {
  background: #0d5482;
  color: #fff; }

a.monthAllDay:hover {
  background: #ce4844;
  color: #fff;
  text-decoration: none; }

/* Agenda Calendar */
#agendaCal {
  margin: 10px; }

#agendaCal h2 {
  margin: 0;
  padding: 0;
  line-height: 40px;
  float: left;
  font-size: 1.6em;
  text-align: center;
  width: 425px; }

div.agendaDate {
  border-top: 1px solid #ccc;
  float: left;
  width: 100%;
  padding-top: 10px;
  margin-top: 10px; }

div.agendaDate p {
  float: left;
  width: 120px; }

div.agendaDate p strong {
  font-weight: bold;
  font-size: 1.2em;
  display: block; }

#agendaCal ul {
  list-style: none;
  margin-left: 140px; }

#agendaCal li {
  margin: 5px 0; }

#agendaCal li span {
  display: block;
  float: left;
  width: 160px; }

.agendaCalEvent a {
  display: block;
  padding-left: 180px; }

/* Week Calendar */
#calendarWeek {
  margin: 13px 10px; }

#calendarWeek h2 {
  margin: 0;
  padding: 0;
  line-height: 40px;
  float: left;
  font-size: 1.6em;
  text-align: center; }

#calendarWeek a:focus {
  outline: none; }

#calendarWeek ul {
  list-style: none; }

#weekCalTimes {
  float: left;
  width: 50px;
  padding-top: 22px; }

#weekCalTimes li {
  color: #666;
  height: 60px;
  text-align: right;
  padding-right: 6px; }

#weekCalDays {
  border-left: 1px solid #ccc;
  overflow: hidden; }

#weekCalDays li {
  background: #FFF url(../../images/calendarSlot.png) repeat 0px 30px;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #cccccc;
  float: left;
  height: 690px;
  position: relative;
  width: 95px; }

#weekCalDays li p {
  background: white;
  border-bottom: 1px solid #ccc;
  font-size: 0.8em;
  height: 30px;
  line-height: 30px;
  text-align: center;
  padding: 0; }

.weekCalWeekend {
  background: white url(../../images/calendarWeekend.png) repeat 0px 30px !important; }

.weekCalToday {
  background-color: #FFF7D7 !important; }

a.weekCalEvent {
  background: #69aed9;
  border: 1px solid #167fc1;
  color: #fff;
  display: block;
  font-size: 0.8em;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  position: absolute;
  top: 40px;
  left: 0;
  border-radius: 5px;
  -moz-border-radius: 5px; }

a.weekCalEvent:hover {
  background: #ba2521; }

/* Schedule Hoverbox */
.calendarHoverBox {
  background: #FAFAFA;
  border: 1px solid #b6bac0;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600; }

/* Schedule Card */
.scheduleCard {
  background: #fff;
  border: 1px solid #c2c2c2;
  display: none;
  width: 400px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 600;
  padding-bottom: 5px;
  box-shadow: 2px 2px 3px #ccc; }

.scheduleCardHeader {
  background: #ebebeb url(../../images/calendarCard.png) repeat-x bottom left;
  padding: 0px 5px;
  margin-bottom: 5px; }

.scheduleCard h3 {
  font-size: 16px;
  line-height: 30px;
  float: left; }

.scheduleCard p {
  padding: 0px 5px; }

.scheduleCard a.cardButton {
  background: #f8f8f8 url(../../images/button.png) repeat-x bottom left;
  border: 1px solid #d2d2d2;
  font-size: 12px;
  line-height: 22px;
  padding: 0px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px; }

.scheduleCard a.cardButton:hover {
  background: #fff;
  color: #ba2521; }

.scheduleCard a.cardClose {
  float: right;
  margin-top: 2px; }

.scheduleCard a.cardButtonLeft {
  float: left;
  margin: 5px; }

.scheduleCard a.cardButtonRight {
  float: right;
  margin: 5px; }

.notValid {
  border: 1px solid #BA2521;
  background: #fff0f0;
  color: #ce4844;
  padding: 2px 1px; }

#batch-navigation .invoice-tab.selected {
  color: #fff;
  background-color: #6DA4D2; }

#panel-selectClients select {
  max-width: 150px; }

.b4tMessageCenter {
  top: 10px;
  margin: 5px auto 0 auto;
  text-align: left;
  border-radius: 7px;
  float: left;
  margin-top: 5px; }
  .b4tMessageCenter .message {
    padding-right: 10px;
    white-space: nowrap;
    background-color: #3774D9;
    border: 1px solid #BCDCBC;
    border-radius: 2px;
    margin-right: 5px;
    margin-bottom: 5px;
    float: left; }
  .b4tMessageCenter.close {
    height: 0px;
    padding: 0px;
    margin: 0px;
    transition: all .5s; }
  .b4tMessageCenter .messageSubject {
    font-weight: 600;
    cursor: pointer;
    padding: 5px 0px 5px 0px;
    color: #fff;
    margin-left: 5px; }
  .b4tMessageCenter .messageDismiss {
    font-size: .95rem;
    cursor: pointer;
    color: #fff;
    padding-left: 10px; }
  .b4tMessageCenter .messageDismiss:hover {
    color: #D24747; }
  .b4tMessageCenter .messageDetails {
    display: none; }
  .b4tMessageCenter .message:hover .messageSubject {
    text-decoration: underline; }
  @media (max-width: 1240px) {
    .b4tMessageCenter {
      width: 98%;
      margin-left: 1%; } }
  @media (min-width: 1240px) {
    .b4tMessageCenter {
      width: 85%;
      margin-left: 7.5%; } }

/* report dashboard widget buttons*/
.icon-remove-item {
  background: url(../../images/icons/cross.png) no-repeat 0px 0px !important; }

.small-text {
  font-size: .8em; }

/***********   New Log-in Screen **************/
.login-body {
  background-color: #e3e3e3; }

#intro-wrapper {
  border: none;
  margin: 60px auto;
  width: 1010px; }

#intro-header {
  color: #666;
  position: relative;
  text-align: center; }

#intro-header .headerLogo {
  height: 35px;
  display: block;
  margin: 0px auto;
  float: none; }

#support-login {
  background: white;
  padding: 40px;
  width: 360px;
  margin: 40px auto; }

#login-wrapper {
  margin: 40px 0px; }

#login-title {
  background: #ffffff; }

#login-title h1 {
  text-align: center;
  color: #8c8c8c;
  font-size: 32px;
  font-weight: 300;
  margin: 0px 0px 30px 0px;
  padding: 0px;
  line-height: 30px; }

#login-controls {
  text-align: center; }

.login-t-halves {
  background: white;
  border: none;
  margin: 20px auto;
  padding: 0px;
  width: 940px;
  height: 600px; }

#login-wrapper .col-main {
  display: block;
  float: left;
  position: relative;
  width: 50%;
  height: 605px; }

#login-wrapper .main-col-inner {
  margin: 35px 58px 0px 58px;
  width: 360px;
  height: 450px; }

#login-wrapper .new-account {
  margin: 35px 58px 0px 58px;
  width: 360px;
  height: 105px; }

#login-wrapper .col-right {
  display: block;
  float: left;
  text-align: center;
  width: 50%; }

#login-wrapper div.field, div.buttons {
  clear: both;
  margin: 0px 0px 20px 0px;
  padding: 0px; }

#login-wrapper div.field label {
  display: inline;
  float: left;
  margin: 3px 10px 0 0;
  text-align: right;
  width: 90px;
  color: #777;
  font-weight: 400;
  font-size: 14px;
  white-space: nowrap; }

#login-wrapper input.text, #login-wrapper input.password {
  border: 1px solid #AAA;
  border-radius: 3px;
  margin: 0;
  vertical-align: baseline;
  width: 338px;
  padding: 10px; }

#lnkPasswordReset, #lnkCredentialRecovery {
  color: #777; }

.login-remember {
  margin-top: 10px;
  color: #777;
  font-weight: 400;
  font-size: 14px; }

.loginButtonDiv {
  margin-top: 40px; }

.login-button {
  margin-top: 300px;
  margin-bottom: 0px; }

.login-button input {
  background-color: #0092d3;
  border: none;
  color: #fff;
  display: block;
  width: 100%;
  padding: 14px 0px;
  border-radius: 5px; }

.legal {
  text-align: center;
  margin-bottom: 10px; }

.legal p {
  color: #9e9e9e;
  font-size: 13px;
  margin: 0px; }

.legal a {
  color: #9e9e9e;
  margin: 30px; }

.mem {
  margin-top: 40px; }

.new-account {
  border-top: 1px solid #c3c3c3;
  margin-top: 90px;
  text-align: center; }
  .new-account p {
    background-color: #fff;
    color: #777;
    display: inline-block;
    padding: 0px 11px;
    margin: 0px;
    position: relative;
    top: -10px; }
  .new-account #login-controls a {
    display: block;
    color: #9e9e9e;
    background: #e2e2e2;
    border-radius: 3px;
    border: 0px;
    display: block;
    font-weight: normal;
    float: none;
    line-height: 130%;
    margin: 0;
    padding: 13px 0px;
    text-decoration: none;
    width: 100%; }
    .new-account #login-controls a:hover {
      text-decoration: none;
      background: #9e9e9e;
      color: #fff; }

#login-title .login-error {
  background: #c0402a;
  border: 1px solid #8e3424;
  color: #fff;
  float: left;
  padding: 10px;
  text-align: center;
  width: 100%;
  margin-bottom: 13px; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/thin/proximanova-thin-webfont.svg") format("svg");
  font-weight: 200; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/light/proximanova-light-webfont.svg") format("svg");
  font-weight: 300; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/regular/proximanova-regular-webfont.svg") format("svg");
  font-weight: 400; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/medium/proximanova-medium-webfont.svg") format("svg");
  font-weight: 500; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/semibold/proximanova-semibold-webfont.svg") format("svg");
  font-weight: 600; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/bold/proximanova-bold-webfont.svg") format("svg");
  font-weight: 700; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/extrabold/proximanova-extrabold-webfont.svg") format("svg");
  font-weight: 800; }

@font-face {
  font-family: 'ProximaNova';
  src: url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.woff2") format("woff2"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.eot") format("embedded-opentype"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.woff") format("woff"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.ttf") format("truetype"), url("/B4T2/fonts/ProximaNova/black/proximanova-black-webfont.svg") format("svg");
  font-weight: 900; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("/B4T2/fonts/Roboto/RobotoCondensed-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'RobotoCondensed';
  src: url("/B4T2/fonts/Roboto/RobotoCondensed-Bold.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/B4T2/fonts/Roboto/Roboto-Bold.ttf");
  font-weight: 500; }

@font-face {
  font-family: 'Roboto';
  src: url("/B4T2/fonts/Roboto/Roboto-Regular.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Montserrat';
  src: url("/B4T2/fonts/Montserrat/Montserrat-Regular.ttf");
  font-weight: 300; }

@font-face {
  font-family: 'Montserrat';
  src: url("/B4T2/fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: 500; }

@font-face {}@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-thin.ttf") format("truetype");
  font-weight: 200; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-light.ttf") format("truetype");
  font-weight: 300; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-regular.ttf") format("truetype");
  font-weight: 400; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-medium.ttf") format("truetype");
  font-weight: 500; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-semibold.ttf") format("truetype");
  font-weight: 600; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-bold.ttf") format("truetype");
  font-weight: 700; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-extrabold.ttf") format("truetype");
  font-weight: 800; }

@font-face {
  font-family: 'Work Sans';
  src: url("/B4T2/fonts/Work_Sans/WorkSans-black.ttf") format("truetype");
  font-weight: 900; }

body {
  /*Overrides to allow 800px-1030px window width*/ }
  @media screen and (max-width: 1030px) {
    body #wrapper {
      width: 100% !important;
      min-width: 800px !important; }
    body #searchWrapper {
      margin-right: 1em; }
    body #nav ul {
      display: flex !important;
      flex-wrap: nowrap;
      justify-content: space-around;
      padding: 0 !important; }
    body #nav ul li {
      padding: 0 !important; }
    body table:not(.results):not(.backgrid) *:not(.bookmark-icon) {
      font-size: 0.85rem !important;
      padding: 6px 2px; }
    body .container.t-2thirds {
      display: flex;
      justify-content: space-between; }
      body .container.t-2thirds .col-main {
        margin-right: 0;
        width: 60%; }
      body .container.t-2thirds .col-right {
        width: 40%; } }
  body #wrapper {
    width: 100%;
    min-width: 1024px;
    margin: 0 auto; }
    body #wrapper #header {
      width: 100%;
      position: static;
      text-align: left; }
      body #wrapper #header #B4THeaderSection {
        margin: 0 auto;
        padding: 8px 0px 8px 0px;
        overflow: auto; }
        @media (max-width: 1240px) {
          body #wrapper #header #B4THeaderSection {
            width: 98%; } }
        @media (min-width: 1240px) {
          body #wrapper #header #B4THeaderSection {
            width: 85%; } }
      body #wrapper #header #nav {
        width: 100%;
        padding: 0px;
        font-size: 0; }
        @media (max-width: 1240px) {
          body #wrapper #header #nav {
            width: 98%; } }
        @media (min-width: 1240px) {
          body #wrapper #header #nav {
            width: 85%; } }
        @media (max-width: 1240px) {
          body #wrapper #header #nav {
            margin: 0 auto 0 1%; } }
        @media (min-width: 1240px) {
          body #wrapper #header #nav {
            margin: 0 auto 0 7.5%; } }
        body #wrapper #header #nav ul {
          display: flex;
          white-space: nowrap;
          margin: 0;
          width: 100%;
          max-width: 1400px;
          padding: 0;
          justify-content: space-between; }
          body #wrapper #header #nav ul li {
            display: inline-block;
            position: static;
            float: left;
            box-sizing: border-box; }
            body #wrapper #header #nav ul li a {
              display: block;
              text-align: left;
              height: 38px;
              padding-top: 12px;
              box-sizing: border-box; }
            body #wrapper #header #nav ul li:first-of-type a {
              padding-left: 0; }
            body #wrapper #header #nav ul li sup {
              line-height: 0;
              color: red;
              position: static;
              display: inline;
              vertical-align: super; }
      body #wrapper #header #nav_container {
        width: auto;
        margin-right: 45px;
        padding-bottom: 5px; }
      body #wrapper #header #headerSubNav {
        width: 100%; }
        body #wrapper #header #headerSubNav #subnav {
          width: 85%;
          margin: 0 auto;
          padding: 0;
          position: static;
          height: 34px; }
          @media (max-width: 1240px) {
            body #wrapper #header #headerSubNav #subnav {
              width: 98%; } }
          @media (min-width: 1240px) {
            body #wrapper #header #headerSubNav #subnav {
              width: 85%; } }
          body #wrapper #header #headerSubNav #subnav #search {
            position: static;
            top: auto;
            right: auto;
            width: 25%;
            float: right;
            text-align: right;
            padding: 3px 0 3px 0; }
            body #wrapper #header #headerSubNav #subnav #search input {
              padding: 2px;
              margin-right: 0; }
          body #wrapper #header #headerSubNav #subnav div.subNavBar {
            width: 75%;
            padding: 0;
            float: left; }
            body #wrapper #header #headerSubNav #subnav div.subNavBar a {
              padding: 0 20px 0 20px; }
    body #wrapper #title {
      width: 100%;
      float: left;
      padding-left: 0; }
      body #wrapper #title #controls {
        top: 0px;
        margin-right: 0;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
        padding-right: 1em; }
        @media (max-width: 1540px) {
          body #wrapper #title #controls {
            width: 50%; } }
        body #wrapper #title #controls div {
          display: flex;
          margin-bottom: 0.5em;
          justify-content: flex-end; }
        body #wrapper #title #controls a.button {
          white-space: nowrap; }
        body #wrapper #title #controls .invoice-navigation-buttons {
          position: absolute;
          right: 0;
          top: 100px; }
          body #wrapper #title #controls .invoice-navigation-buttons a.button {
            padding: 2px 15px;
            float: none;
            vertical-align: middle;
            display: inline;
            margin: 0;
            margin-left: 1px; }
      body #wrapper #title #lawpay-ad {
        width: 24%;
        margin-left: 35%; }
    body #wrapper #mainContent {
      margin: 0 auto; }
      @media (max-width: 1240px) {
        body #wrapper #mainContent {
          width: 98%; } }
      @media (min-width: 1240px) {
        body #wrapper #mainContent {
          width: 85%; } }
      body #wrapper #mainContent #toolbar {
        width: 100%;
        float: left;
        padding: 0; }
    body #wrapper #B4TFooterSection {
      width: 100%;
      margin: 0 auto; }
      @media (max-width: 1240px) {
        body #wrapper #B4TFooterSection {
          width: 98%; } }
      @media (min-width: 1240px) {
        body #wrapper #B4TFooterSection {
          width: 85%; } }
      body #wrapper #B4TFooterSection #footer {
        width: 100%;
        padding: 0;
        padding-top: 20px;
        margin-bottom: 20px; }
    body #wrapper #b4ModMonthCal {
      padding-top: 0px; }
  body .bui-header {
    margin: 0px 0px; }
  body .bui-grid {
    padding-left: 0px; }
    body .bui-grid .bui-grid-6 {
      padding-left: 0px; }
    body .bui-grid .bui-grid-3 {
      padding-left: 0px; }
  body .container {
    width: 100%;
    padding: 0;
    box-sizing: border-box; }
    body .container.panel-controls {
      padding-bottom: 0; }
  body .containerFull {
    width: 100%;
    padding: 0px 0px;
    box-sizing: border-box; }
    body .containerFull.panel-controls {
      padding-bottom: 0px;
      margin-bottom: 20px; }
  body table#dataGrid {
    width: 100%; }
  body .bui-form .bui-form-text, body .bui-form .bui-form-select {
    float: none;
    width: 100%;
    max-width: initial; }
  body .bui-box {
    padding-top: 15px; }
  body #calendarMonth {
    width: 100%; }
    body #calendarMonth ul li {
      width: 14%; }
    body #calendarMonth ol li {
      width: 14%;
      height: 120px; }
    body #calendarMonth h2 {
      line-height: inherit; }
  body #toolbar {
    padding: 0 20px; }
  body a.calendarNavLast, body a.calendarNavNext {
    text-indent: 0;
    width: auto;
    height: auto;
    background: none; }
    body a.calendarNavLast span.fa, body a.calendarNavNext span.fa {
      float: left; }
  body #monthCalBody {
    padding-top: 20px;
    float: left;
    width: 100%;
    padding-top: 0; }
  body #b4ModMonthCal {
    padding-top: 20px; }
  body #monthCalLabels {
    float: left;
    width: 100%;
    margin-top: 20px; }
  body div.filter {
    width: 100%;
    padding: 20px;
    border: none;
    box-sizing: border-box;
    margin-bottom: 15px; }
  body table.results, body table.results2 {
    width: 100%; }
  body .slash {
    position: relative;
    font-size: 50px !important;
    vertical-align: middle;
    margin-left: -15px; }
  body .slash::before {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 40%;
    border-bottom: 5px solid red;
    transform: skewY(-210deg); }
  body .subscriptionPlanButton {
    display: inline-block; }
    body .subscriptionPlanButton a {
      padding: 3px 15px;
      border-radius: 3px;
      margin-right: 5px;
      display: inline-block;
      background: #ccc;
      color: #333; }
    body .subscriptionPlanButton a.currentSelectPlan {
      background: #468cc6;
      color: white; }
  body div.subscriptionOptionContainer {
    text-align: center;
    align-content: center;
    clear: both;
    margin-top: 16px;
    white-space: nowrap; }
    body div.subscriptionOptionContainer #legacyContainer {
      vertical-align: top;
      margin-left: 10px; }
    body div.subscriptionOptionContainer #legacyContainer, body div.subscriptionOptionContainer #planOneContainer, body div.subscriptionOptionContainer #planTwoContainer {
      display: inline-block;
      position: relative;
      min-width: 350px;
      margin-right: 5px; }
    body div.subscriptionOptionContainer #cancelSubButton, body div.subscriptionOptionContainer #refundPolicyLink {
      margin-top: 10px;
      margin-left: 10px;
      width: 60%;
      text-align: left;
      clear: both; }
  body #btnLegacyUpgrade {
    margin-top: 490px; }
  body .subscriptionPlan {
    text-align: center;
    padding: 40px 30px 0px 30px;
    height: 900px;
    font-size: 14px;
    border: #e4e4e4 solid 1px;
    margin-right: 15px;
    color: #666;
    position: relative;
    margin-top: 29px;
    background-color: #fff;
    margin-top: 0; }
    body .subscriptionPlan.fileStorage {
      text-align: left; }
    body .subscriptionPlan h3 {
      color: black; }
    body .subscriptionPlan strong {
      font-size: 16px;
      color: black; }
    body .subscriptionPlan p {
      color: #666;
      font-size: 1.1em; }
    body .subscriptionPlan.subscriptionactive {
      background-color: #ECEFF3; }
    body .subscriptionPlan .subscriptionPlanDetail {
      height: 485px; }
    body .subscriptionPlan .subscriptionPrice {
      width: 100%;
      position: relative;
      color: #468cc6;
      padding-bottom: 20px; }
      body .subscriptionPlan .subscriptionPrice h3 {
        font-size: 72px;
        display: block;
        font-weight: normal;
        margin: 0 auto;
        padding: 0;
        letter-spacing: -3px;
        font-family: "Roboto", Helvetica, Arial, sans-serif;
        color: #468cc6;
        min-height: 100px; }
        body .subscriptionPlan .subscriptionPrice h3 span {
          font-weight: normal;
          font-size: 72px;
          color: #468cc6; }
        body .subscriptionPlan .subscriptionPrice h3 .planPrice + span {
          font-size: 20px;
          position: absolute;
          top: 20px;
          letter-spacing: 0;
          margin-left: 5px; }
        body .subscriptionPlan .subscriptionPrice h3 sup {
          font-size: 20px;
          line-height: 0;
          vertical-align: baseline;
          top: -30px;
          letter-spacing: 0;
          position: relative; }
          body .subscriptionPlan .subscriptionPrice h3 sup.cents {
            top: -35px; }
        body .subscriptionPlan .subscriptionPrice h3 .sub {
          font-size: 20px;
          line-height: 0;
          letter-spacing: 0;
          margin-left: 5px;
          vertical-align: baseline; }
        body .subscriptionPlan .subscriptionPrice h3 .priceDtails {
          padding: 5px; }
    body .subscriptionPlan ul {
      text-align: left;
      margin-left: 30%;
      margin-bottom: 10px;
      font-size: 14px; }
    body .subscriptionPlan .featureTwoCols::after {
      content: ".";
      visibility: hidden;
      display: block;
      height: 0;
      clear: both; }
    body .subscriptionPlan .featureTwoCols div {
      float: left;
      width: 50%; }
    body .subscriptionPlan .featureTwoCols ul {
      margin-left: 15%; }
    body .subscriptionPlan div.divDowngradeContract, body .subscriptionPlan div.divDowngradeContract a {
      color: #999;
      font-size: 14px;
      margin: auto;
      padding: 5px 0; }
      body .subscriptionPlan div.divDowngradeContract a, body .subscriptionPlan div.divDowngradeContract a a {
        color: black;
        text-decoration: underline; }
  body .subscriptionButtons .subscriptionButton {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px 15px;
    font-size: 20px;
    position: relative;
    left: 0;
    right: 0; }
  body .enterpriseUpgrade {
    margin-top: 5px;
    border: #e4e4e4 solid 1px;
    color: #666;
    text-align: center;
    padding-top: 10px; }
    body .enterpriseUpgrade ul {
      text-align: left;
      margin-left: 30%;
      margin-top: 10px;
      margin-bottom: 10px;
      font-size: 14px; }
  body .currentPlan {
    color: white;
    text-align: center;
    margin: 0 0 0 -10px;
    position: relative;
    z-index: 0; }
    body .currentPlan .currentPlanText {
      background-color: #3774d9;
      z-index: 1;
      padding: 5px 20px; }
    body .currentPlan div.tag, body .currentPlan div.tag2 {
      position: absolute;
      height: 20px;
      width: 20px;
      background: #ccc;
      bottom: -11px;
      left: 4px;
      transform: rotate(45deg);
      z-index: -1; }
    body .currentPlan div.tag2 {
      left: auto;
      right: 4px; }
  body .subscriptionMethod {
    margin-right: 0; }
  @media (max-width: 1612px) {
    body .subscriptionPlan {
      min-height: 830px; }
      body .subscriptionPlan .featureTwoCols div {
        float: none;
        width: 100%; }
      body .subscriptionPlan .featureTwoCols ul {
        margin-left: 25%;
        padding-top: 0; }
      body .subscriptionPlan ul {
        margin-left: 25%; } }
  body #widgetEditNotice {
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    border-left: none;
    border-right: none; }
  body div.noticebox {
    width: 100%; }
  body .report-table .report-name {
    width: 20%; }
  body dl.info {
    width: 100%; }
    body dl.info dt {
      width: 40%;
      box-sizing: border-box;
      text-align: left;
      padding-left: 20px; }
    body dl.info dd {
      width: 60%;
      box-sizing: border-box; }
  body div.field label, body div.field label.large {
    width: 40%;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 10px;
    text-align: left;
    padding-left: 20px; }
  body div.field label.small {
    width: 100px; }
  body div.field label.smallmedium {
    width: 125px; }
  body div.field label.medium {
    width: 150px; }
  body div.field label.mediumlarge {
    width: 175px; }
  body div.field label.large {
    width: 40%; }
  body div.field .field {
    width: 50%;
    box-sizing: border-box; }
  body h3 {
    display: inline-block;
    padding-right: 5px; }
  body div.containerFull {
    padding-bottom: 20px; }
    body div.containerFull .col-full {
      width: 100%;
      float: left;
      padding-top: 20px; }
  body div.container .col-main {
    width: 50%; }
  body div.container .col-full {
    width: 100%;
    float: left; }
  body .col-main, body .col-left, body .col-right {
    margin-top: 0px; }
  body div.t-2thirds {
    padding-top: 20px;
    max-width: none; }
    body div.t-2thirds .col-left {
      display: none; }
    body div.t-2thirds .col-main {
      width: 61.4%;
      max-width: none;
      margin-right: 5%; }
    body div.t-2thirds .col-right {
      width: 33.2%;
      margin-left: .2%;
      text-align: right; }
  body div.t-thirds {
    padding-top: 20px;
    max-width: none; }
    body div.t-thirds .col-left {
      width: 32.5%; }
    body div.t-thirds .col-main {
      width: 32.5%;
      max-width: none; }
    body div.t-thirds .col-right {
      width: 32.5%; }
  body div.t-halves {
    margin-bottom: 20px; }
    body div.t-halves .col-main-full {
      width: 75%;
      max-width: none; }
    body div.t-halves .col-main {
      width: 50%;
      max-width: none; }
    body div.t-halves .col-right {
      width: 50%; }
    body div.t-halves.label-small label {
      width: 15%; }
  body div.t-cols {
    min-width: 900px; }
    body div.t-cols .col-1, body div.t-cols .col-2, body div.t-cols .col-3, body div.t-cols .col-4, body div.t-cols .col-5, body div.t-cols .col-9, body div.t-cols .col-10 {
      float: left; }
    body div.t-cols .col-1 {
      width: 8.33333%; }
    body div.t-cols .col-2 {
      width: 16.66667%; }
    body div.t-cols .col-3 {
      width: 25%; }
    body div.t-cols .col-4 {
      width: 33.33333%; }
    body div.t-cols .col-5 {
      width: 41.66667%; }
    body div.t-cols .col-9 {
      width: 75%; }
    body div.t-cols .col-10 {
      width: 83.33333%; }
  body div.t-solo {
    margin-bottom: 20px;
    width: 100%; }
    body div.t-solo .col-main {
      width: 100%;
      max-width: none; }
      body div.t-solo .col-main div.field label, body div.t-solo .col-main div.field label.large {
        width: 20%; }
      body div.t-solo .col-main div.field .field {
        width: 80%; }
  body #filters .optionsCheck input[type='checkbox'] {
    vertical-align: middle;
    margin-left: 5px; }
  body #filters .selector-checkbox input[type='checkbox'] {
    vertical-align: middle;
    margin-left: 5px; }
  body #filters .layout-column-double {
    padding-top: 20px; }
  body #filters-view input[type='checkbox'] {
    vertical-align: middle;
    margin-left: 5px; }
  body #filter-switch-toggle {
    margin-top: 6px;
    background-color: transparent;
    border: none;
    color: #458CC6; }
  body div#toolbar[data-b4t-module="Schedule.Toolbar"] {
    background: #fff; }
  body .left.pad5 {
    padding-left: 5px; }
  body .left.pad10 {
    padding-left: 10px; }
  body .left.pad20 {
    padding-left: 20px; }
  body .right.pad5 {
    padding-right: 5px; }
  body .right.pad10 {
    padding-right: 10px; }
  body .right.pad20 {
    padding-right: 20px; }
  body .formContainer {
    overflow-x: auto;
    width: 100%; }
  body .overflowX {
    overflow-X: scroll; }
  body .overflowY {
    overflow-y: scroll; }
  body input, body select, body textarea {
    border-radius: 2px;
    border: 1px solid #AAA;
    padding: 4px; }
  body .subscriptionMessage {
    padding: 10px;
    white-space: nowrap;
    background-color: #DCEFDC;
    border: 1px solid #BCDCBC;
    border-radius: 2px;
    margin-top: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    float: left;
    display: block; }

#invoices-dashboard .bui-grid-2.advancedFilterButton, #projects-dashboard .bui-grid-2.advancedFilterButton, #clients-dashboard .bui-grid-2.advancedFilterButton, .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton {
  margin-left: 27px;
  width: auto; }
  #invoices-dashboard .bui-grid-2.advancedFilterButton .fa.fa-filter, #projects-dashboard .bui-grid-2.advancedFilterButton .fa.fa-filter, #clients-dashboard .bui-grid-2.advancedFilterButton .fa.fa-filter, .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton .fa.fa-filter {
    color: #27689F;
    margin-right: -5px;
    font-size: 13px; }
  #invoices-dashboard .bui-grid-2.advancedFilterButton button, #projects-dashboard .bui-grid-2.advancedFilterButton button, #clients-dashboard .bui-grid-2.advancedFilterButton button, .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton button {
    color: #27689F;
    font-size: 16px; }
    #invoices-dashboard .bui-grid-2.advancedFilterButton button:focus, #projects-dashboard .bui-grid-2.advancedFilterButton button:focus, #clients-dashboard .bui-grid-2.advancedFilterButton button:focus, .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton button:focus {
      outline: none; }
  #invoices-dashboard .bui-grid-2.advancedFilterButton #filter-switch-toggle, #projects-dashboard .bui-grid-2.advancedFilterButton #filter-switch-toggle, #clients-dashboard .bui-grid-2.advancedFilterButton #filter-switch-toggle, .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton #filter-switch-toggle {
    margin-top: 9px; }

#panel-tasks .merlot-views-tasks-tasks-dashboard .bui-grid-2.advancedFilterButton {
  margin-left: 0px; }

/* scheduling modals */
#modalWindow iframe, #modalContent iframe {
  border: none; }

#modalWindow #modalHeader, #modalContent #modalHeader {
  cursor: default; }

#modalWindow #modalClose, #modalContent #modalClose {
  background-position: 0 -20px; }
  #modalWindow #modalClose:hover, #modalContent #modalClose:hover {
    background-position: 0 0; }

#notice {
  width: 100%;
  margin-top: 15px;
  padding-left: 0;
  padding-right: 0;
  border-top: 1px solid #fed22f;
  box-sizing: border-box; }

/*@font-face {
    font-family: 'Montserrat';
    src: url(https://fonts.googleapis.com/css?family=Montserrat:700,400);
}*/
body {
  font-size: 0.95rem;
  font-family: ProximaNova, Arial, Sans-Serif; }
  body table, body tr, body td, body th, body div, body span, body p, body h1, body h2, body h3, body a, body label, body select, body input {
    font-family: ProximaNova, Arial, Sans-Serif;
    font-weight: 500; }
  body a {
    color: #3685C7;
    text-decoration: none; }
  body table {
    font-size: 0.95rem; }
  body h1, body h2, body h3, body h4, body h5 {
    color: #666666; }
  body h1 {
    font-size: 1.52rem;
    font-weight: bold;
    line-height: normal; }
    body h1 span {
      font-weight: bold; }
  body h2 {
    font-size: 1.14rem; }
  body h3 {
    font-size: 1.045rem;
    font-weight: bold; }
  body h4 {
    font-size: 0.95rem; }
  body dl.info {
    font-size: 0.95rem;
    height: 30px; }
    body dl.info dt {
      color: #666; }
    body dl.info dd {
      color: #333333; }
  body div.field label {
    color: #666; }
  body div.field span.field {
    font-weight: 500;
    color: #333333; }
  body .searchBarDropDown, body #search-results {
    background-color: #EDEDED; }
    body .searchBarDropDown :hover, body .searchBarDropDown .searchBarDropDownRowOver, body #search-results :hover, body #search-results .searchBarDropDownRowOver {
      background-color: #CCC; }
  body #search-results .highlight {
    background-color: #CCC; }
  body .searchBarResultsText, body .search-result-text {
    font-weight: 500;
    color: #333333;
    text-align: left; }
  body .searchBarTextHighLight, body .search-result-emphasis {
    font-weight: 600;
    color: #0EAF29; }
  body .searchBarResultsType, body .search-result-type {
    color: #777;
    padding-right: 5px;
    padding-left: 3px;
    font-size: inherit; }
  body .widgetHead h3 {
    font-weight: 600; }
  body input, body input[type="file"], body textarea, body keygen, body select, body button {
    font-family: ProximaNova, Arial, Sans-Serif !important;
    font-size: 0.95rem; }
  body form span.fa, body form span.far, body form span.fas {
    color: #666666; }
  body form .container span.fa, body form .container span.far, body form .container span.fas, body form .container-full span.fa, body form .container-full span.far, body form .container-full span.fas {
    vertical-align: middle;
    font-size: 1.2em;
    color: #666666; }
    body form .container span.fa.fa-question-circle, body form .container span.far.fa-question-circle, body form .container span.fas.fa-question-circle, body form .container-full span.fa.fa-question-circle, body form .container-full span.far.fa-question-circle, body form .container-full span.fas.fa-question-circle {
      font-size: 0.85rem;
      color: #666666; }
    body form .container span.fa.fa-check, body form .container span.far.fa-check, body form .container span.fas.fa-check, body form .container-full span.fa.fa-check, body form .container-full span.far.fa-check, body form .container-full span.fas.fa-check {
      color: #468847; }
  body .titlebar {
    font-family: ProximaNova, Arial, Sans-Serif; }
    body .titlebar h1 {
      font-family: ProximaNova, Arial, Sans-Serif; }
  body .wizzard-button, body .button-previous-step, body .button-next-step, body .BigLink {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body p.desc {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body .actionLink, body .miniTabBlue, body .miniTabYellow, body .miniTabGrey {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body div.hopscotch-bubble {
    font-family: ProximaNova, Arial, Sans-Serif; }
    body div.hopscotch-bubble .hopscotch-content {
      font-family: ProximaNova, Arial, Sans-Serif; }
      body div.hopscotch-bubble .hopscotch-content h3 {
        font-family: ProximaNova, Arial, Sans-Serif; }
    body div.hopscotch-bubble h3 {
      font-family: ProximaNova, Arial, Sans-Serif; }
  body td.listHeaderSmall, body td.viewDataCell, body td.listDataCell, body span.listHeaderSmall, body span.viewDataCell, body span.listDataCell {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body td.fadedDarkText {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body .report-content {
    font-family: ProximaNova, Arial, Sans-Serif; }
  body #report-view {
    font-family: ProximaNova, Arial, Sans-Serif; }
    body #report-view > h2 {
      font-size: 1.50em;
      font-weight: bold;
      color: #333333;
      margin: 0px;
      padding-left: 20px;
      padding-top: 12px; }
  body.wizard-modal .intro-desc p {
    font-size: 1.15rem;
    line-height: 1.3rem; }
  body .dropDown {
    font-size: 0.95rem; }
    body .dropDown .dropDownText, body .dropDown .dropDownTextOver {
      font-size: 0.95rem; }

.bui {
  font-family: ProximaNova, Arial, Sans-Serif; }
  .bui button {
    font-family: ProximaNova, Arial, Sans-Serif; }

.listHeader {
  font-family: ProximaNova, Arial, Sans-Serif; }

#search-view {
  font-family: ProximaNova, Arial, Sans-Serif; }

.nova {
  font-size: 1em !important; }

#header {
  color: #ffffff; }

.bui-header h1 {
  font-size: 1.52rem; }

#calendarMonth h2, #agendaCal h2 {
  font-size: 1.4em;
  width: auto;
  padding: 2px 25px;
  vertical-align: top;
  line-height: normal; }

#calendarMonth .fa, #agendaCal .fa {
  padding-top: 5px; }

#calendarMonth .fa-rotate-180, #agendaCal .fa-rotate-180 {
  padding-bottom: 5px; }

.controls span {
  margin-top: 5px;
  color: #333333; }

#reports-dashboard .bui-table thead, #reports-dashboard .bui-table tfoot {
  background-color: #FFFF;
  line-height: 35px; }

#reports-dashboard .bui-table th {
  font-weight: bold; }

.bui-table thead, .bui-table tfoot {
  background-color: #EDEDED;
  font-size: 0.95rem; }

.bui-table {
  font-size: 0.95rem;
  color: #333333; }
  .bui-table table {
    font-size: 0.95rem; }
  .bui-table tfoot td {
    font-weight: 500; }
  .bui-table th {
    font-weight: 500;
    font-size: .9rem;
    padding: 0.45rem 0.5rem; }
    .bui-table th.bui-table-sortable:hover {
      background-color: #d4d4d4; }
  .bui-table th.btn-col, .bui-table td.btn-col {
    width: 95px;
    text-align: center; }
  .bui-table td {
    padding: 0.45rem 0.5rem; }
    .bui-table td a.bui-button {
      float: none;
      padding: 5px 0px; }
  .bui-table td.bui-table-word-wrap {
    max-width: 200px;
    word-wrap: break-word; }

.bui-tabs-panels .bui-title, .bui-table .bui-title {
  background-color: #3774d9; }

.bui-tabs li a[aria-selected="true"] {
  background-color: #3774d9;
  color: #ffffff;
  border-left-color: #3774d9; }
  .bui-tabs li a[aria-selected="true"] strong {
    color: #ffffff; }

#firm-pref-custom-lists {
  border-spacing: 30px;
  border-collapse: separate; }
  #firm-pref-custom-lists td {
    border: none; }
    #firm-pref-custom-lists td > div {
      max-height: 400px;
      overflow-y: auto; }
  #firm-pref-custom-lists table tr {
    border: 1px solid #ededed;
    word-wrap: break-word; }

#report-category-table {
  width: 100%;
  margin-left: 0; }
  #report-category-table table {
    color: #333333;
    border: none;
    border-color: #dedede; }
    #report-category-table table .bui-table-selectable:hover {
      background-color: #F3F9FD !important; }
  #report-category-table .report-table a {
    color: #3685C7;
    font-weight: bold; }

#category-table {
  width: 100%;
  margin-left: 0; }
  #category-table table {
    color: #333333;
    border: 1px solid;
    border-color: #dedede; }
    #category-table table .bui-table-selectable:hover {
      background-color: #F3F9FD !important; }
  #category-table .report-table a {
    color: #3685C7; }

.bui-title-buttons {
  margin-right: 10px; }

td .fa, td .far, td .fas, th .fa, th .far, th .fas {
  font-size: 1.1rem;
  color: #666666;
  margin-top: 2px; }
  td .fa:hover, td .far:hover, td .fas:hover, th .fa:hover, th .far:hover, th .fas:hover {
    color: #333333; }

#widgetExcessiveNotice, #widgetEditNotice, .widgetOptions {
  background: #EDEDED !important;
  border-color: #d4d4d4; }

.widget .widgetOptions {
  background: #EDEDED;
  border-color: #d4d4d4;
  border-bottom: 1px solid #d4d4d4 !important; }

ul.column .widgetAdder {
  background: #3774d9;
  background-image: none;
  border-color: #3774d9; }

ul.editable .widget {
  border: 1px solid #3774d9;
  background: #3774d9; }

table.highlightable, table.results, table#dataGrid, table.narrow, table.results2 {
  color: #333333; }
  table.highlightable .gray, table.results .gray, table#dataGrid .gray, table.narrow .gray, table.results2 .gray {
    color: #333333; }
  table.highlightable td, table.highlightable th, table.results td, table.results th, table#dataGrid td, table#dataGrid th, table.narrow td, table.narrow th, table.results2 td, table.results2 th {
    padding: 0.45rem 0.5rem; }
  table.highlightable td.breakAll, table.results td.breakAll, table#dataGrid td.breakAll, table.narrow td.breakAll, table.results2 td.breakAll {
    word-wrap: break-word; }
  table.highlightable#dataGrid input, table.results#dataGrid input, table#dataGrid#dataGrid input, table.narrow#dataGrid input, table.results2#dataGrid input {
    color: #333333; }
  table.highlightable#dataGrid tfoot td, table.highlightable#dataGrid tbody td, table.results#dataGrid tfoot td, table.results#dataGrid tbody td, table#dataGrid#dataGrid tfoot td, table#dataGrid#dataGrid tbody td, table.narrow#dataGrid tfoot td, table.narrow#dataGrid tbody td, table.results2#dataGrid tfoot td, table.results2#dataGrid tbody td {
    padding: 0.45rem 0.5rem; }
  table.highlightable td.left input, table.results td.left input, table#dataGrid td.left input, table.narrow td.left input, table.results2 td.left input {
    text-align: left; }
  table.highlightable input, table.results input, table#dataGrid input, table.narrow input, table.results2 input {
    font-size: 0.95rem; }
  table.highlightable tr.highlight, table.highlightable .highlight, table.highlightable td.highlight, table.highlightable th.highlight, table.highlightable td.hover, table.highlightable input.hover, table.results tr.highlight, table.results .highlight, table.results td.highlight, table.results th.highlight, table.results td.hover, table.results input.hover, table#dataGrid tr.highlight, table#dataGrid .highlight, table#dataGrid td.highlight, table#dataGrid th.highlight, table#dataGrid td.hover, table#dataGrid input.hover, table.narrow tr.highlight, table.narrow .highlight, table.narrow td.highlight, table.narrow th.highlight, table.narrow td.hover, table.narrow input.hover, table.results2 tr.highlight, table.results2 .highlight, table.results2 td.highlight, table.results2 th.highlight, table.results2 td.hover, table.results2 input.hover {
    background-color: #e6e6e6 !important;
    color: #333333 !important; }
  table.highlightable tr:hover, table.highlightable tr.zebra:hover, table.results tr:hover, table.results tr.zebra:hover, table#dataGrid tr:hover, table#dataGrid tr.zebra:hover, table.narrow tr:hover, table.narrow tr.zebra:hover, table.results2 tr:hover, table.results2 tr.zebra:hover {
    background-color: #F3F9FD !important; }
  table.highlightable tr.zebra:hover, table.results tr.zebra:hover, table#dataGrid tr.zebra:hover, table.narrow tr.zebra:hover, table.results2 tr.zebra:hover {
    background-color: #F3F9FD !important; }
  table.highlightable.no-hover tr:hover, table.highlightable.no-hover tr.zebra:hover, table.results.no-hover tr:hover, table.results.no-hover tr.zebra:hover, table#dataGrid.no-hover tr:hover, table#dataGrid.no-hover tr.zebra:hover, table.narrow.no-hover tr:hover, table.narrow.no-hover tr.zebra:hover, table.results2.no-hover tr:hover, table.results2.no-hover tr.zebra:hover {
    background-color: #fff !important; }
  table.highlightable.no-hover tr.zebra:hover, table.results.no-hover tr.zebra:hover, table#dataGrid.no-hover tr.zebra:hover, table.narrow.no-hover tr.zebra:hover, table.results2.no-hover tr.zebra:hover {
    background-color: #fff !important; }

table.highlightableTd tr:hover, table.highlightableTd tr.zebra:hover {
  background-color: white !important;
  color: #333333 !important; }

table.highlightableTd td:hover {
  background-color: #F3F9FD !important; }

.monthCalToday {
  background-color: #E4F2F7 !important; }

table.results, table.narrow, table.results2 {
  border: 1px solid #dedede;
  background-color: #fff;
  font-size: 0.95rem; }
  table.results input, table.narrow input, table.results2 input {
    font-size: 0.95rem;
    text-align: right; }
    table.results input.hasDatepicker, table.narrow input.hasDatepicker, table.results2 input.hasDatepicker {
      text-align: left; }
  table.results td.gray, table.results td.black, table.results td.red, table.results td.green, table.narrow td.gray, table.narrow td.black, table.narrow td.red, table.narrow td.green, table.results2 td.gray, table.results2 td.black, table.results2 td.red, table.results2 td.green {
    font-size: 0.95rem;
    font-weight: inherit; }
  table.results th, table.narrow th, table.results2 th {
    background-color: #EDEDED;
    border: none;
    font-size: .9rem;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    font-weight: 500; }
    table.results th:first-child, table.narrow th:first-child, table.results2 th:first-child {
      border-left: 1px solid #dedede; }
    table.results th:last-child, table.narrow th:last-child, table.results2 th:last-child {
      border-right: 1px solid #dedede; }
  table.results tr.highlight td.redPriority, table.narrow tr.highlight td.redPriority, table.results2 tr.highlight td.redPriority {
    background-color: #e4b9b9;
    background: #e4b9b9 !important; }
  table.results tr.highlight td.underbudget, table.narrow tr.highlight td.underbudget, table.results2 tr.highlight td.underbudget {
    background-color: #f5d99e; }
  table.results td.redPriority, table.narrow td.redPriority, table.results2 td.redPriority {
    background-color: #F2DEDE;
    background: #F2DEDE !important;
    color: #a94442;
    border: 1px solid #ebccd1; }
  table.results td.underbudget, table.narrow td.underbudget, table.results2 td.underbudget {
    background-color: #faebcc;
    color: #8a6d3b; }
  table.results tr.batchEntryRow td:last-child, table.narrow tr.batchEntryRow td:last-child, table.results2 tr.batchEntryRow td:last-child {
    border-right: 1px solid #dedede; }
  table.results td, table.narrow td, table.results2 td {
    border: none;
    border-top: 1px solid #dedede; }
    table.results td a:not(.button), table.narrow td a:not(.button), table.results2 td a:not(.button) {
      color: #333333; }
  table.results tr.nonClick, table.narrow tr.nonClick, table.results2 tr.nonClick {
    cursor: auto !important; }
  table.results tr.zebra, table.narrow tr.zebra, table.results2 tr.zebra {
    background-color: #fff; }
  table.results tr.invBatchEditItemRow > td, table.narrow tr.invBatchEditItemRow > td, table.results2 tr.invBatchEditItemRow > td {
    border: none;
    padding: 0;
    background: rgba(244, 244, 244, 0.47); }
  table.results .showHideEntries, table.narrow .showHideEntries, table.results2 .showHideEntries {
    display: none;
    font-size: 14px;
    margin-top: 5px; }
  table.results th.text-right, table.results td.text-right, table.narrow th.text-right, table.narrow td.text-right, table.results2 th.text-right, table.results2 td.text-right {
    text-align: right; }
  table.results th.text-left, table.results td.text-left, table.narrow th.text-left, table.narrow td.text-left, table.results2 th.text-left, table.results2 td.text-left {
    text-align: left; }

div#dataGridDateSelector {
  margin-top: 0;
  margin-left: 10px; }

table#dataGrid input.dataNotesLarge {
  text-align: center; }

input.clientChkInvIso, input.ticketChkInvIso {
  margin-left: 10px; }

tr.invoice-client-row td {
  background-color: #EDEDED; }

table.results2 tr.green-row {
  background-color: #CAE59E; }
  table.results2 tr.green-row.highlight {
    background-color: #b4da76 !important; }

table#batchEntry {
  margin-top: 35px; }
  table#batchEntry td {
    padding: 0px 5px; }
    table#batchEntry td input[type="text"] {
      height: 22px; }

table.results table td {
  border: none; }

table.results tr i.fa-print, table.results tr i.fa-file-pdf-o {
  visibility: hidden; }

table.results tr i {
  padding: 5px; }

table.results tr.account-history-invoice i.fa {
  visibility: visible; }

table.results td.accounting-number-column {
  width: 1%;
  white-space: nowrap; }

table.results .sortable {
  white-space: nowrap; }

table.results .sortable:after {
  font: normal normal 900 14px/1 "Font Awesome 5 Pro";
  font-size: 12px;
  margin-left: 5px;
  display: inline-block;
  content: '\f0dc';
  color: #999; }

table.results .sortable_DESC:after {
  content: '\f0d8'; }

table.results .sortable_ASC:after {
  content: '\f0d7'; }

table.results .paid-check {
  color: #468847;
  font-size: 15px; }

#project-files-table th[data-field="delete"], #client-files-table th[data-field="delete"] {
  width: 60px; }

#project-files-table th[data-field="location"], #client-files-table th[data-field="location"] {
  width: 38px; }

#project-files-table th[data-field="created_at"], #client-files-table th[data-field="created_at"] {
  width: 133px; }

#project-files-table th[data-field="created_by"], #client-files-table th[data-field="created_by"] {
  width: 170px; }

/* NEW Invoice Batch Screen*/
#batch-invoice-trust-payments input.paymentAmount {
  text-align: right !important;
  width: 100px;
  margin-bottom: auto; }

#batch-invoice-trust-payments .paymentDate {
  display: block;
  position: relative;
  width: 65px; }

#batch-invoice-trust-payments .bui-form-icon-calendar {
  background-position: 1px 1px; }

#batch-invoice-trust-payments select.trustAcctSelect {
  width: 200px; }

#batch-invoice-trust-payments th.amount, #batch-invoice-trust-payments td.amount {
  text-align: center; }

#batch-invoice-trust-payments th.value, #batch-invoice-trust-payments td.value {
  text-align: right; }

#batch-invoice-trust-payments td.paidColumn {
  text-align: center; }

#batch-invoice-trust-payments td.paymentColumn {
  width: 100px; }

#batch-invoice-trust-payments td.paymentColumn span.currencySymbol {
  margin-right: 5px; }

#batch-invoice-trust-payments td.paymentColumn input.submitPayment {
  margin-left: 25px; }

#batch-invoice-trust-payments td input.errorField {
  border: solid 1px red;
  background-color: #ffcccc; }

#batch-invoice-trust-payments option.noFunds {
  color: #CCCCCC; }

#batch-invoice-trust-payments option.hasFunds {
  color: #000; }

#batch-invoice-trust-payments td.payment-date-column, #batch-invoice-trust-payments td.paymentColumn {
  width: 100px; }

#batch-invoice-trust-payments input.paymentDate {
  width: inherit;
  display: block;
  position: relative; }

#batch-invoice-trust-payments td.trust-account-cell {
  text-align: center; }

#batch-invoice-trust-payments th.funds-available-header, #batch-invoice-trust-payments td.funds.value {
  text-align: right;
  padding-right: 1rem; }

.batchFiltersContainer table.results2 th.checkbox-cell {
  width: 2%;
  padding-left: 5px; }

table.budget {
  background-color: #f8f8ec;
  border-collapse: collapse;
  width: 100%;
  font-size: 0.9em; }
  table.budget th {
    background-color: #dedbcc;
    border: 1px solid #c5c2b6;
    cursor: default;
    padding: 5px 0;
    text-align: center; }
  table.budget td {
    border: 1px solid #dedede;
    padding: 5px; }
  table.budget td.value, table.budget td.total {
    padding: 0;
    text-align: center; }
  table.budget td:first-child {
    white-space: normal;
    max-width: 150px;
    min-width: 75px; }
  table.budget td:not(:first-child) {
    text-align: right;
    width: 6.5%;
    height: 19px;
    padding-left: 0px;
    padding-right: 2px;
    font-size: .75rem; }
  table.budget td.user {
    width: 8%; }
  table.budget input.bi {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    text-align: right;
    padding: 0px;
    font-size: inherit; }
  table.budget tr.totalBlue {
    border: 1px solid #c5dbec;
    background: #eaf4fd; }
  table.budget .invalid {
    background: #ffc url(../../images/noticePattern.png) !important;
    color: #cc0a0c; }
    table.budget .invalid input {
      color: inherit; }

/*html{
    background-color:$background-color-primary;
}*/
body {
  background-color: #ededed; }
  body #wrapper {
    background-color: #fff; }
  body #header #headerTopBar {
    background-color: #27489e;
    border-bottom: 1px solid #30547D; }
  body #header #headerMainNav {
    background-color: #f5f5f5;
    border-top: 1px solid #4C76A7; }
  body #header #headerSubNav {
    border-bottom: 0px solid #CCC;
    background-color: #fff; }
    body #header #headerSubNav #subnav div.subNavBar {
      background-color: inherit;
      border: none; }
      body #header #headerSubNav #subnav div.subNavBar a.disabled {
        color: #EDEDED; }
        body #header #headerSubNav #subnav div.subNavBar a.disabled:hover {
          cursor: default; }
  body #header #nav {
    background-color: #f5f5f5;
    border-left: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5; }
  body #wrapper #header img.headerLogo.customLogo {
    background-color: white;
    padding: 3px;
    margin-left: 0;
    border-radius: 3px;
    max-height: 45px; }
  body #B4TFooterSection {
    background: none;
    margin-bottom: 20px; }
    body #B4TFooterSection #footer {
      background: none;
      border: none;
      box-sizing: content-box;
      background-color: #fff; }
  body #mainContent {
    background-color: #fff; }
    body #mainContent div.container, body #mainContent div.containerFull {
      border: none;
      background-color: inherit;
      max-width: 100%; }
      body #mainContent div.container.popup, body #mainContent div.containerFull.popup {
        background-color: #EDEDED; }
    body #mainContent #title {
      border: none;
      background-color: inherit;
      margin-bottom: 20px; }
    body #mainContent #toolbar {
      height: auto;
      border-bottom: none; }
      body #mainContent #toolbar #togglebar a {
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc; }
  body div.container, body div.containerFull {
    border: none;
    background-color: inherit; }
    body div.container.popup, body div.containerFull.popup {
      background-color: #EDEDED; }
  body.modal {
    background-color: #fff; }
  body.wizard-modal {
    background-color: #fff; }
    body.wizard-modal .titlebar {
      background: none;
      background-color: #565757; }
    body.wizard-modal .dateOption h3 {
      background: none;
      background-color: #565757; }
  body fieldset {
    background-color: #ededed;
    border: none; }
  body #modalHeader, body #modalVideoHeader {
    background-color: #27489e; }
  body .report, body #report {
    border: 1px solid #ddd; }
  body #togglebar {
    border-right: 1px solid #CCC; }
  body #toolbar {
    border-bottom: 1px solid #CCC; }
  body #monthCalLabels {
    border-left: 1px solid #dedede; }

body #mainContent #toolbar a {
  color: #333333; }
  body #mainContent #toolbar a:hover {
    color: #333333; }
    body #mainContent #toolbar a:hover span {
      text-decoration: underline;
      color: #333333; }

body #mainContent #toolbar a.toolMore {
  background: none; }
  body #mainContent #toolbar a.toolMore span {
    font-size: 1em;
    color: #333333;
    padding-bottom: 4px; }

body #mainContent #toolbar #togglebar {
  border-right: none; }
  body #mainContent #toolbar #togglebar a {
    margin: 5px 3px;
    border-radius: 3px;
    color: #333333;
    background-color: #EDEDED;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 3px 12px; }
    body #mainContent #toolbar #togglebar a.button-down, body #mainContent #toolbar #togglebar a:active, body #mainContent #toolbar #togglebar a:focus {
      background-color: #bababa !important;
      color: #333333 !important; }
    body #mainContent #toolbar #togglebar a:hover {
      text-decoration: none; }
    body #mainContent #toolbar #togglebar a:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #d4d4d4;
      background-image: none;
      border: 0px !important;
      color: #333333 !important; }
      body #mainContent #toolbar #togglebar a:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }
    body #mainContent #toolbar #togglebar a.toggled {
      border-radius: 3px;
      color: #ffffff;
      background-color: #3774d9;
      background-image: none;
      border: none;
      box-shadow: none;
      /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
      text-shadow: none;
      cursor: pointer;
      padding: 10px 14px;
      font-size: 0.9rem;
      font-weight: 500;
      padding: 3px 12px; }
      body #mainContent #toolbar #togglebar a.toggled.button-down, body #mainContent #toolbar #togglebar a.toggled:active, body #mainContent #toolbar #togglebar a.toggled:focus {
        background-color: #1b478f !important;
        color: #ffffff !important; }
      body #mainContent #toolbar #togglebar a.toggled:hover {
        text-decoration: none; }
      body #mainContent #toolbar #togglebar a.toggled:hover:not([aria-disabled="true"]) {
        background: none;
        background: linear-gradient(none);
        background-color: #235cba;
        background-image: none;
        border: 0px !important;
        color: #ffffff !important; }
        body #mainContent #toolbar #togglebar a.toggled:hover:not([aria-disabled="true"]):disabled {
          color: #CCCCCC !important; }

body div.hopscotch-bubble .hopscotch-bubble-number {
  background: url(../images/b4t-logo28.png) 0 0 no-repeat;
  color: transparent;
  display: block;
  float: left;
  font-size: 17px;
  font-weight: bold;
  line-height: 31px;
  padding: 0 10px 0 0;
  text-align: center;
  width: 30px;
  height: 30px; }

body div.hopscotch-bubble {
  text-shadow: none !important;
  font-weight: 500 !important; }
  body div.hopscotch-bubble button {
    text-shadow: none !important;
    font-weight: 500 !important; }
    body div.hopscotch-bubble button.hopscotch-nav-button {
      text-shadow: none !important;
      font-weight: 500 !important;
      background-color: #aaa !important;
      color: #ffffff !important;
      border: none !important;
      background-image: none !important; }
      body div.hopscotch-bubble button.hopscotch-nav-button.hopscotch-prev {
        float: right;
        margin-left: 5px !important;
        margin-bottom: 10px !important; }
      body div.hopscotch-bubble button.hopscotch-nav-button.hopscotch-next, body div.hopscotch-bubble button.hopscotch-nav-button.hopscotch-cta {
        float: right;
        margin-left: 5px !important;
        margin-bottom: 10px !important;
        background-color: #3774d9 !important;
        color: #ffffff !important;
        border: none !important;
        background-image: none !important; }

body .bui-button-secondary:focus {
  outline: 0; }

body a.button, body input[type="button"], body input[type="submit"] {
  font-weight: 500;
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body a.button .bui-button-secondary, body a.button .bui-button-secondary:not(.bui-button-clear), body input[type="button"] .bui-button-secondary, body input[type="button"] .bui-button-secondary:not(.bui-button-clear), body input[type="submit"] .bui-button-secondary, body input[type="submit"] .bui-button-secondary:not(.bui-button-clear) {
    padding: 2px 8px; }
  body a.button.button-down, body a.button:active, body a.button:focus, body input[type="button"].button-down, body input[type="button"]:active, body input[type="button"]:focus, body input[type="submit"].button-down, body input[type="submit"]:active, body input[type="submit"]:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body a.button:hover, body input[type="button"]:hover, body input[type="submit"]:hover {
    text-decoration: none; }
  body a.button:hover:not([aria-disabled="true"]), body input[type="button"]:hover:not([aria-disabled="true"]), body input[type="submit"]:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body a.button:hover:not([aria-disabled="true"]):disabled, body input[type="button"]:hover:not([aria-disabled="true"]):disabled, body input[type="submit"]:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }
  body a.button.btn-sm, body input[type="button"].btn-sm, body input[type="submit"].btn-sm {
    padding: 5px 10px; }
  body a.button.button-color-primary, body input[type="button"].button-color-primary, body input[type="submit"].button-color-primary {
    background-color: #3774d9;
    color: #ffffff; }
  body a.button.button-color-secondary, body input[type="button"].button-color-secondary, body input[type="submit"].button-color-secondary {
    border-radius: 3px;
    color: #ffffff;
    background-color: #aaa;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500; }
    body a.button.button-color-secondary.button-down, body a.button.button-color-secondary:active, body a.button.button-color-secondary:focus, body input[type="button"].button-color-secondary.button-down, body input[type="button"].button-color-secondary:active, body input[type="button"].button-color-secondary:focus, body input[type="submit"].button-color-secondary.button-down, body input[type="submit"].button-color-secondary:active, body input[type="submit"].button-color-secondary:focus {
      background-color: #777777 !important;
      color: #ffffff !important; }
    body a.button.button-color-secondary:hover, body input[type="button"].button-color-secondary:hover, body input[type="submit"].button-color-secondary:hover {
      text-decoration: none; }
    body a.button.button-color-secondary:hover:not([aria-disabled="true"]), body input[type="button"].button-color-secondary:hover:not([aria-disabled="true"]), body input[type="submit"].button-color-secondary:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #919191;
      background-image: none;
      border: 0px !important;
      color: #ffffff !important; }
      body a.button.button-color-secondary:hover:not([aria-disabled="true"]):disabled, body input[type="button"].button-color-secondary:hover:not([aria-disabled="true"]):disabled, body input[type="submit"].button-color-secondary:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }
  body a.button.button-color-accent, body input[type="button"].button-color-accent, body input[type="submit"].button-color-accent {
    background-color: #61B7AE;
    color: #ffffff; }
  body a.button.button-color-toggle, body input[type="button"].button-color-toggle, body input[type="submit"].button-color-toggle {
    border-radius: 3px;
    color: #333333;
    background-color: #EDEDED;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500; }
    body a.button.button-color-toggle.button-down, body a.button.button-color-toggle:active, body a.button.button-color-toggle:focus, body input[type="button"].button-color-toggle.button-down, body input[type="button"].button-color-toggle:active, body input[type="button"].button-color-toggle:focus, body input[type="submit"].button-color-toggle.button-down, body input[type="submit"].button-color-toggle:active, body input[type="submit"].button-color-toggle:focus {
      background-color: #bababa !important;
      color: #333333 !important; }
    body a.button.button-color-toggle:hover, body input[type="button"].button-color-toggle:hover, body input[type="submit"].button-color-toggle:hover {
      text-decoration: none; }
    body a.button.button-color-toggle:hover:not([aria-disabled="true"]), body input[type="button"].button-color-toggle:hover:not([aria-disabled="true"]), body input[type="submit"].button-color-toggle:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #d4d4d4;
      background-image: none;
      border: 0px !important;
      color: #333333 !important; }
      body a.button.button-color-toggle:hover:not([aria-disabled="true"]):disabled, body input[type="button"].button-color-toggle:hover:not([aria-disabled="true"]):disabled, body input[type="submit"].button-color-toggle:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }
  body a.button#panel-checker-button, body input[type="button"]#panel-checker-button, body input[type="submit"]#panel-checker-button {
    margin-left: 0; }
  body a.button.button-small, body input[type="button"].button-small, body input[type="submit"].button-small {
    font-size: 14px;
    padding: 5px 8px; }
  body a.button.disabled, body a.button[disabled], body a.button.disabled:hover, body a.button[disabled]:hover, body input[type="button"].disabled, body input[type="button"][disabled], body input[type="button"].disabled:hover, body input[type="button"][disabled]:hover, body input[type="submit"].disabled, body input[type="submit"][disabled], body input[type="submit"].disabled:hover, body input[type="submit"][disabled]:hover {
    background: #a5c5e0 !important;
    cursor: not-allowed; }
  body a.button.button-margin-top-5, body input[type="button"].button-margin-top-5, body input[type="submit"].button-margin-top-5 {
    margin: 0;
    margin-top: 5px; }
  body a.button.button-lfloat, body input[type="button"].button-lfloat, body input[type="submit"].button-lfloat {
    float: left; }

body .bui-buttons .bui-button:last-child:not(.bui-button-clear), body .bui-buttons .bui-button:first-child, body .bui-buttons .bui-button:not(.bui-button-clear), body .bui-buttons .bui-button-primary, body .bui-buttons .bui-button-primary:first-child, body .bui-buttons .bui-button-primary:last-child, body .bui-buttons .bui-button-link {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  margin-left: 2px; }
  body .bui-buttons .bui-button:last-child:not(.bui-button-clear).button-down, body .bui-buttons .bui-button:last-child:not(.bui-button-clear):active, body .bui-buttons .bui-button:last-child:not(.bui-button-clear):focus, body .bui-buttons .bui-button:first-child.button-down, body .bui-buttons .bui-button:first-child:active, body .bui-buttons .bui-button:first-child:focus, body .bui-buttons .bui-button:not(.bui-button-clear).button-down, body .bui-buttons .bui-button:not(.bui-button-clear):active, body .bui-buttons .bui-button:not(.bui-button-clear):focus, body .bui-buttons .bui-button-primary.button-down, body .bui-buttons .bui-button-primary:active, body .bui-buttons .bui-button-primary:focus, body .bui-buttons .bui-button-primary:first-child.button-down, body .bui-buttons .bui-button-primary:first-child:active, body .bui-buttons .bui-button-primary:first-child:focus, body .bui-buttons .bui-button-primary:last-child.button-down, body .bui-buttons .bui-button-primary:last-child:active, body .bui-buttons .bui-button-primary:last-child:focus, body .bui-buttons .bui-button-link.button-down, body .bui-buttons .bui-button-link:active, body .bui-buttons .bui-button-link:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body .bui-buttons .bui-button:last-child:not(.bui-button-clear):hover, body .bui-buttons .bui-button:first-child:hover, body .bui-buttons .bui-button:not(.bui-button-clear):hover, body .bui-buttons .bui-button-primary:hover, body .bui-buttons .bui-button-primary:first-child:hover, body .bui-buttons .bui-button-primary:last-child:hover, body .bui-buttons .bui-button-link:hover {
    text-decoration: none; }
  body .bui-buttons .bui-button:last-child:not(.bui-button-clear):hover:not([aria-disabled="true"]), body .bui-buttons .bui-button:first-child:hover:not([aria-disabled="true"]), body .bui-buttons .bui-button:not(.bui-button-clear):hover:not([aria-disabled="true"]), body .bui-buttons .bui-button-primary:hover:not([aria-disabled="true"]), body .bui-buttons .bui-button-primary:first-child:hover:not([aria-disabled="true"]), body .bui-buttons .bui-button-primary:last-child:hover:not([aria-disabled="true"]), body .bui-buttons .bui-button-link:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body .bui-buttons .bui-button:last-child:not(.bui-button-clear):hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button:first-child:hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button:not(.bui-button-clear):hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button-primary:hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button-primary:first-child:hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button-primary:last-child:hover:not([aria-disabled="true"]):disabled, body .bui-buttons .bui-button-link:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body .bui-buttons .bui-button-secondary {
  padding: 2px 8px; }

body .bui-button-secondary.button-color-secondary {
  border-radius: 3px;
  color: #333333;
  background-color: #EDEDED;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body .bui-button-secondary.button-color-secondary.button-down, body .bui-button-secondary.button-color-secondary:active, body .bui-button-secondary.button-color-secondary:focus {
    background-color: #bababa !important;
    color: #333333 !important; }
  body .bui-button-secondary.button-color-secondary:hover {
    text-decoration: none; }
  body .bui-button-secondary.button-color-secondary:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #d4d4d4;
    background-image: none;
    border: 0px !important;
    color: #333333 !important; }
    body .bui-button-secondary.button-color-secondary:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body .bui-button:not(.bui-button-clear) {
  margin-left: 5px;
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body .bui-button:not(.bui-button-clear).button-down, body .bui-button:not(.bui-button-clear):active, body .bui-button:not(.bui-button-clear):focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body .bui-button:not(.bui-button-clear):hover {
    text-decoration: none; }
  body .bui-button:not(.bui-button-clear):hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body .bui-button:not(.bui-button-clear):hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }
  body .bui-button:not(.bui-button-clear).bui-button:last-child:not(.bui-button-clear):disabled, body .bui-button:not(.bui-button-clear):disabled, body .bui-button:not(.bui-button-clear).bui-button:first-child:not(.bui-button-clear):disabled {
    color: #CCCCCC;
    background-color: #EDEDED; }
    body .bui-button:not(.bui-button-clear).bui-button:last-child:not(.bui-button-clear):disabled:hover, body .bui-button:not(.bui-button-clear):disabled:hover, body .bui-button:not(.bui-button-clear).bui-button:first-child:not(.bui-button-clear):disabled:hover {
      color: #CCCCCC;
      background-color: #EDEDED; }

body .bui-button-secondary, body .bui-button-secondary:not(.bui-button-clear) {
  padding: 2px 8px; }

body .bui-button[aria-disabled="true"] {
  background: #fff;
  border: 1px solid #ddd;
  color: #999; }
  body .bui-button[aria-disabled="true"]:hover {
    color: #999; }

body .pagination-container a.bui-button-link {
  text-decoration: none; }

body .pagination-container a.aspNetDisabled.bui-button:hover, body .pagination-container a.aspNetDisabled:hover {
  color: #999 !important; }

body .pagination-container .pageLinks span.pageLink_spacer {
  vertical-align: bottom; }

body .pageLinks a.bui-button-link {
  text-decoration: none; }

body .bui-pagination li.bui-pagination-spacer {
  margin-top: 7px; }

body .bui-button-link {
  color: #3774d9;
  white-space: pre; }
  body .bui-button-link:hover {
    background-color: #3774d9;
    color: white !important; }
  body .bui-button-link[aria-disabled="true"]:hover {
    color: #999 !important; }

body td a.bui-button-link {
  text-decoration: underline; }

body .bui-button-clear {
  background-color: #EDEDED;
  border-radius: 3px;
  border: none;
  background-image: none;
  width: 36px;
  padding: 9px 5px 6px 5px; }
  body .bui-button-clear:hover {
    background-image: none; }
  body .bui-button-clear:focus {
    outline: 0; }

body .bui-button.cancel-delete-favorite {
  color: black;
  background-color: #ededed; }
  body .bui-button.cancel-delete-favorite:hover {
    color: black;
    background-color: #CCC; }

body .bui-button-dropdown {
  background-color: transparent;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  margin-left: 2px;
  margin-right: 6px;
  padding-right: 14px;
  color: #333333;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 500;
  display: inline-flex; }
  body .bui-button-dropdown .fa-caret-down {
    color: #B7B7B7;
    padding-left: 7px; }
  body .bui-button-dropdown:hover {
    border-color: #27489e; }
  body .bui-button-dropdown:active:not(.clearableActive) {
    background-color: #27489e;
    color: #FFFFFF; }
    body .bui-button-dropdown:active:not(.clearableActive) .fa-caret-down {
      color: #FFFFFF; }
    body .bui-button-dropdown:active:not(.clearableActive) .filterButtonText {
      color: #FFFFFF; }

body .bui-simple-dropdown-wrapper {
  position: relative;
  display: inline-block; }
  body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button {
    border-radius: 3px;
    color: #333333;
    background-color: #EDEDED;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500;
    margin: 0;
    max-height: 38px; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button.button-down, body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button:active, body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button:focus {
      background-color: #bababa !important;
      color: #333333 !important; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button:hover {
      text-decoration: none; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #d4d4d4;
      background-image: none;
      border: 0px !important;
      color: #333333 !important; }
      body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-button span.fa-caret-down {
      padding-left: 5px; }
  body .bui-simple-dropdown-wrapper .bui-simple-dropdown-content {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #333;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    z-index: 100; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-content div {
      padding: 10px;
      cursor: pointer; }
    body .bui-simple-dropdown-wrapper .bui-simple-dropdown-content div:hover {
      background-color: #EDEDED; }
  body .bui-simple-dropdown-wrapper .bui-simple-dropdown-visible {
    display: block; }

body #modalContent #modalButtonsLeft a, body #modalContent #modalButtonsRight a {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  display: block; }
  body #modalContent #modalButtonsLeft a.button-down, body #modalContent #modalButtonsLeft a:active, body #modalContent #modalButtonsLeft a:focus, body #modalContent #modalButtonsRight a.button-down, body #modalContent #modalButtonsRight a:active, body #modalContent #modalButtonsRight a:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body #modalContent #modalButtonsLeft a:hover, body #modalContent #modalButtonsRight a:hover {
    text-decoration: none; }
  body #modalContent #modalButtonsLeft a:hover:not([aria-disabled="true"]), body #modalContent #modalButtonsRight a:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body #modalContent #modalButtonsLeft a:hover:not([aria-disabled="true"]):disabled, body #modalContent #modalButtonsRight a:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }
  body #modalContent #modalButtonsLeft a.button-color-secondary, body #modalContent #modalButtonsRight a.button-color-secondary {
    border-radius: 3px;
    color: #ffffff;
    background-color: #aaa;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500; }
    body #modalContent #modalButtonsLeft a.button-color-secondary.button-down, body #modalContent #modalButtonsLeft a.button-color-secondary:active, body #modalContent #modalButtonsLeft a.button-color-secondary:focus, body #modalContent #modalButtonsRight a.button-color-secondary.button-down, body #modalContent #modalButtonsRight a.button-color-secondary:active, body #modalContent #modalButtonsRight a.button-color-secondary:focus {
      background-color: #777777 !important;
      color: #ffffff !important; }
    body #modalContent #modalButtonsLeft a.button-color-secondary:hover, body #modalContent #modalButtonsRight a.button-color-secondary:hover {
      text-decoration: none; }
    body #modalContent #modalButtonsLeft a.button-color-secondary:hover:not([aria-disabled="true"]), body #modalContent #modalButtonsRight a.button-color-secondary:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #919191;
      background-image: none;
      border: 0px !important;
      color: #ffffff !important; }
      body #modalContent #modalButtonsLeft a.button-color-secondary:hover:not([aria-disabled="true"]):disabled, body #modalContent #modalButtonsRight a.button-color-secondary:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }

body .main_nav a {
  color: #333333; }

body .nova .filter-natural a.filter-natural-trigger {
  color: #3774d9; }
  body .nova .filter-natural a.filter-natural-trigger:hover {
    color: #fff;
    background-color: #3774d9; }

body #togglebar a.toggled {
  background-color: #3774d9;
  border-left: 1px solid; }

body #togglebar a:hover {
  text-decoration: none; }

body #btnConvert, body #btnConfirm, body #btnUserCancel, body #btnUserDone {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 0px 4px;
  text-decoration: none; }
  body #btnConvert.button-down, body #btnConvert:active, body #btnConvert:focus, body #btnConfirm.button-down, body #btnConfirm:active, body #btnConfirm:focus, body #btnUserCancel.button-down, body #btnUserCancel:active, body #btnUserCancel:focus, body #btnUserDone.button-down, body #btnUserDone:active, body #btnUserDone:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body #btnConvert:hover, body #btnConfirm:hover, body #btnUserCancel:hover, body #btnUserDone:hover {
    text-decoration: none; }
  body #btnConvert:hover:not([aria-disabled="true"]), body #btnConfirm:hover:not([aria-disabled="true"]), body #btnUserCancel:hover:not([aria-disabled="true"]), body #btnUserDone:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body #btnConvert:hover:not([aria-disabled="true"]):disabled, body #btnConfirm:hover:not([aria-disabled="true"]):disabled, body #btnUserCancel:hover:not([aria-disabled="true"]):disabled, body #btnUserDone:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body .buttonBar {
  overflow: hidden;
  list-style: none;
  padding-bottom: 20px; }
  body .buttonBar li {
    float: left; }
  body .buttonBar a {
    border-radius: 3px;
    color: #ffffff;
    background-color: #3774d9;
    background-image: none;
    border: none;
    box-shadow: none;
    /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
    text-shadow: none;
    cursor: pointer;
    padding: 10px 14px;
    font-size: 0.9rem;
    font-weight: 500;
    margin-left: 2px;
    margin-right: 2px;
    line-height: normal;
    height: 20px;
    background: #f7f7ef;
    background: linear-gradient(to bottom, #f7f7ef 0%, #eaeae2 100%);
    border: 1px solid #d9d9d1;
    border-right: none;
    display: block;
    font-size: 14px;
    text-align: center;
    padding: 0 10px;
    color: #42413f;
    line-height: 32px;
    height: 32px;
    text-decoration: none; }
    body .buttonBar a.button-down, body .buttonBar a:active, body .buttonBar a:focus {
      background-color: #1b478f !important;
      color: #ffffff !important; }
    body .buttonBar a:hover {
      text-decoration: none; }
    body .buttonBar a:hover:not([aria-disabled="true"]) {
      background: none;
      background: linear-gradient(none);
      background-color: #235cba;
      background-image: none;
      border: 0px !important;
      color: #ffffff !important; }
      body .buttonBar a:hover:not([aria-disabled="true"]):disabled {
        color: #CCCCCC !important; }
    body .buttonBar a:hover {
      background: #fff; }
    body .buttonBar a:active {
      background: url(../images/toolbarSprites.png) repeat-x 0 -34px;
      color: #fff;
      text-shadow: 0px 1px 1px #154293; }
    body .buttonBar a.keyTask {
      background-position: 0 -136px;
      color: #000;
      border-color: #b98530;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
    body .buttonBar a.primaryAction {
      background: #8bb626;
      background: linear-gradient(to bottom, #8bb626 0%, #4e7f0a 100%);
      color: #fff;
      border-color: #4d7e0a !important;
      text-decoration: none;
      text-shadow: 0 1px 1px #4d7e0a; }
    body .buttonBar a.destructiveAction {
      color: #ba2521; }
    body .buttonBar a.destructiveAction:hover {
      color: #a94442; }
    body .buttonBar a.primaryAction:hover {
      background: #8bb626; }
    body .buttonBar a.primaryDestructive {
      background: #b53f25;
      background: linear-gradient(to bottom, #b53f25 0%, #7f2d0a 100%);
      color: #fff;
      border-color: #7e2d0a;
      text-decoration: none;
      text-shadow: 0 1px 1px #7e2d0a; }
    body .buttonBar a.primaryDestructive:hover {
      background: #b53f25;
      text-decoration: underline; }

body .bui-button.remove-bookmark, body .bui-button.delete-favorite {
  border-radius: 3px;
  color: #333333;
  background-color: #EDEDED;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body .bui-button.remove-bookmark.button-down, body .bui-button.remove-bookmark:active, body .bui-button.remove-bookmark:focus, body .bui-button.delete-favorite.button-down, body .bui-button.delete-favorite:active, body .bui-button.delete-favorite:focus {
    background-color: #bababa !important;
    color: #333333 !important; }
  body .bui-button.remove-bookmark:hover, body .bui-button.delete-favorite:hover {
    text-decoration: none; }
  body .bui-button.remove-bookmark:hover:not([aria-disabled="true"]), body .bui-button.delete-favorite:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #d4d4d4;
    background-image: none;
    border: 0px !important;
    color: #333333 !important; }
    body .bui-button.remove-bookmark:hover:not([aria-disabled="true"]):disabled, body .bui-button.delete-favorite:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body .loginButtonDiv input[type="submit"] {
  line-height: 130%;
  font-size: 13px;
  padding: 13px 0px; }

body .loginButtonDiv .back-button {
  margin-top: 250px;
  margin-left: 0px; }

body #updateCCButonDiv {
  padding-top: 20px;
  text-align: center; }

body table.results td a:not(.button) {
  color: #333333; }

body.wizard-modal .wizzard-button {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 20px; }
  body.wizard-modal .wizzard-button.button-down, body.wizard-modal .wizzard-button:active, body.wizard-modal .wizzard-button:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body.wizard-modal .wizzard-button:hover {
    text-decoration: none; }
  body.wizard-modal .wizzard-button:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body.wizard-modal .wizzard-button:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body.wizard-modal .button-previous-step {
  border-radius: 3px;
  color: #333333;
  background-color: #EDEDED;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body.wizard-modal .button-previous-step.button-down, body.wizard-modal .button-previous-step:active, body.wizard-modal .button-previous-step:focus {
    background-color: #bababa !important;
    color: #333333 !important; }
  body.wizard-modal .button-previous-step:hover {
    text-decoration: none; }
  body.wizard-modal .button-previous-step:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #d4d4d4;
    background-image: none;
    border: 0px !important;
    color: #333333 !important; }
    body.wizard-modal .button-previous-step:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body.wizard-modal .button-next-step {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500; }
  body.wizard-modal .button-next-step.button-down, body.wizard-modal .button-next-step:active, body.wizard-modal .button-next-step:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body.wizard-modal .button-next-step:hover {
    text-decoration: none; }
  body.wizard-modal .button-next-step:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body.wizard-modal .button-next-step:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body.wizard-modal a.BigLink {
  border-radius: 3px;
  color: #ffffff;
  background-color: #3774d9;
  background-image: none;
  border: none;
  box-shadow: none;
  /*padding:5px 10px 6px 7px;
    line-height:130%;
    margin-left:7px;*/
  text-shadow: none;
  cursor: pointer;
  padding: 10px 14px;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 20px; }
  body.wizard-modal a.BigLink.button-down, body.wizard-modal a.BigLink:active, body.wizard-modal a.BigLink:focus {
    background-color: #1b478f !important;
    color: #ffffff !important; }
  body.wizard-modal a.BigLink:hover {
    text-decoration: none; }
  body.wizard-modal a.BigLink:hover:not([aria-disabled="true"]) {
    background: none;
    background: linear-gradient(none);
    background-color: #235cba;
    background-image: none;
    border: 0px !important;
    color: #ffffff !important; }
    body.wizard-modal a.BigLink:hover:not([aria-disabled="true"]):disabled {
      color: #CCCCCC !important; }

body .merlot-views-alerts-alertList td.add-alert-container .add-alert {
  color: #ffffff; }

body .bui-tabs-bar .bui-button {
  padding: 5px 10px !important; }

.container .download-button {
  width: 0.85in;
  margin: 5px 0px;
  display: block; }
  .container .download-button span.fa-download {
    color: #fff; }

.bui-tabs-icon-gear {
  cursor: pointer; }

.bui-title-buttons {
  margin-right: 0; }

#header {
  color: #ffffff;
  font-weight: 500;
  font-size: 0.85rem; }
  #header #search-view-template #searchWrapper {
    position: relative; }
    #header #search-view-template #searchWrapper span.fa {
      color: #b1c5db;
      position: absolute;
      right: 8px;
      top: 7px; }
  #header #search-view-template input {
    color: #ffffff;
    background-image: none !important;
    border-radius: 3px;
    background: #1d3575; }
    #header #search-view-template input::-webkit-input-placeholder {
      color: #b1c5db; }
    #header #search-view-template input:-moz-placeholder {
      /* Firefox 18- */
      color: #b1c5db; }
    #header #search-view-template input::-moz-placeholder {
      /* Firefox 19+ */
      color: #b1c5db; }
    #header #search-view-template input:-ms-input-placeholder {
      color: #b1c5db; }
  #header #headerTopBar {
    overflow: auto; }

@keyframes blink {
  0% {
    opacity: .2;
    r: 1.5; }
  20% {
    opacity: 1;
    r: 2.3; }
  100% {
    opacity: .2;
    r: 1.5; } }
    #header #headerTopBar #adminBtn {
      margin-top: 5px;
      float: left; }
    #header #headerTopBar #timer-manager {
      width: 25px;
      height: 30px; }
      #header #headerTopBar #timer-manager svg {
        margin-top: 3px;
        width: 24px;
        height: 27px; }
      #header #headerTopBar #timer-manager .clock {
        fill: #ffffff; }
      #header #headerTopBar #timer-manager .dott {
        visibility: hidden;
        fill: #ffffff; }
      #header #headerTopBar #timer-manager.active .dott {
        visibility: visible; }
      #header #headerTopBar #timer-manager.active .dot1 {
        animation-name: blink;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: blink;
        -moz-animation-name: blink;
        -webkit-animation-duration: 1.4s;
        -moz-animation-duration: 1.4s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both; }
      #header #headerTopBar #timer-manager.active .dot2 {
        animation-delay: .2s;
        -webkit-animation-delay: .2s;
        -moz-animation-delay: .2s;
        animation-name: blink;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: blink;
        -moz-animation-name: blink;
        -webkit-animation-duration: 1.4s;
        -moz-animation-duration: 1.4s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both; }
      #header #headerTopBar #timer-manager.active .dot3 {
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
        -moz-animation-delay: .4s;
        animation-name: blink;
        animation-duration: 1.4s;
        animation-iteration-count: infinite;
        animation-fill-mode: both;
        -webkit-animation-name: blink;
        -moz-animation-name: blink;
        -webkit-animation-duration: 1.4s;
        -moz-animation-duration: 1.4s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both; }
    #header #headerTopBar #topNavButtons {
      float: right;
      height: 30px; }
    #header #headerTopBar .topNavButton {
      padding: 2px 10px;
      height: 30px;
      border-radius: 3px;
      display: inline-block;
      vertical-align: central;
      cursor: pointer;
      border: 1px solid #27489e; }
      #header #headerTopBar .topNavButton.active {
        background-color: #1d3575; }
      #header #headerTopBar .topNavButton.timer-button {
        padding-left: 6px; }
    #header #headerTopBar #addMenu .add-entity-button .fa {
      padding-top: 1px;
      font-size: 1.2rem; }
    #header #headerTopBar #addMenu ul li.label-menu-item {
      font-weight: 600; }
    #header #headerTopBar #helpMenu #helpMenu-flyout {
      width: 535px; }
      #header #headerTopBar #helpMenu #helpMenu-flyout a.phoneNumber {
        color: black;
        text-decoration: none;
        font-weight: bold; }
    #header #headerTopBar #helpMenu .fa {
      padding-top: 4px;
      font-size: 1.2rem; }
    #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu {
      min-width: 500px;
      min-height: 350px; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu li .label-menu-item {
        font-weight: 500; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .phone {
        float: left;
        width: 25%;
        clear: right;
        margin-top: 2px; }
        #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .phone:first-of-type {
          margin-left: 30px; }
        #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .phone p {
          display: inline-block;
          width: 100%;
          font-size: 0.9rem;
          font-weight: 700; }
        #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .phone p:first-of-type {
          color: #777;
          margin-bottom: 5px; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-control {
        background-color: #f0f0f0;
        width: 100%;
        overflow: auto;
        padding: 5px;
        box-sizing: border-box; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-content {
        padding: 5px 5px 30px 50px; }
        #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-content ul {
          list-style: initial;
          list-style-position: inside;
          list-style-type: none; }
          #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-content ul li:hover {
            color: #ffffff; }
          #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-content ul a {
            color: #666666;
            font-weight: 500; }
            #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .drop-down-inner-menu-content ul a:hover {
              color: #ffffff; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu #helpMenuControl {
        border-bottom: 1px solid #ccc;
        padding: 15px; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu .t-halves {
        padding-top: 0px; }
      #header #headerTopBar #helpMenu.b4t-dropdown-menu .dropdown-inner-menu h4 {
        margin-top: 10px;
        margin-bottom: 15px;
        color: #777;
        font-size: 1.3rem; }
    #header #headerTopBar #helpMenu #liveChat {
      float: left;
      margin-right: 5px; }
    #header #headerTopBar #helpMenu #supportCenter {
      float: left; }
    #header #headerTopBar #user_menu {
      line-height: 30px; }
    #header #headerTopBar ul#user_nav_menu {
      width: 135px;
      line-height: 0px;
      z-index: 10000; }
      #header #headerTopBar ul#user_nav_menu li:last-of-type {
        border-top: 1px solid #ccc; }
  #header #nav li {
    background-color: inherit; }
    #header #nav li a {
      background: none;
      background-color: inherit;
      font-size: 0.75rem;
      font-weight: 600;
      color: #333333;
      text-decoration: none;
      border-bottom-width: 0px;
      text-transform: uppercase; }
      #header #nav li a:hover:not(.disabled) {
        border-bottom-color: #b1c5db;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        text-decoration: none;
        transition: border-bottom-width linear .10s;
        -webkit-transition: border-bottom-width linear .10s;
        -moz-transition: border-bottom-width linear .10s;
        -ms-transition: border-bottom-width linear .10s;
        -o-transition: border-bottom-width linear .10s; }
      #header #nav li a.active:not(.disabled) {
        border-bottom-color: #b1c5db;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        text-decoration: none;
        transition: border-bottom-width linear .10s;
        -webkit-transition: border-bottom-width linear .10s;
        -moz-transition: border-bottom-width linear .10s;
        -ms-transition: border-bottom-width linear .10s;
        -o-transition: border-bottom-width linear .10s; }
      #header #nav li a:focus:not(.disabled) {
        border-bottom-color: #b1c5db;
        border-bottom-width: 3px;
        border-bottom-style: solid;
        text-decoration: none;
        transition: border-bottom-width linear .10s;
        -webkit-transition: border-bottom-width linear .10s;
        -moz-transition: border-bottom-width linear .10s;
        -ms-transition: border-bottom-width linear .10s;
        -o-transition: border-bottom-width linear .10s; }
      #header #nav li a.disabled {
        color: #999;
        cursor: default; }
  #header .b4t-dropdown-menu ul a:hover {
    background-color: #3774d9;
    color: white; }
  #header .b4t-dropdown-menu {
    color: #ffffff; }
    #header .b4t-dropdown-menu a {
      color: #ffffff; }
  #header .dropdown-inner-menu li a {
    color: #333; }
  #header #search {
    position: static;
    float: left;
    margin: 2px 0px 2px 30px;
    font-size: 0.95rem; }
    #header #search #search-view input#search-input {
      margin-top: 1px;
      border: none;
      background-image: url(/images/icons/searchR.svg);
      background-repeat: no-repeat;
      background-position-x: 99%;
      background-position-y: 45%;
      background-size: 20px 20px;
      padding: 5px 20px 5px 4px; }
    #header #search #search-results {
      right: 143px;
      margin-top: 1px;
      background-color: white;
      max-height: 600px;
      min-width: 250px;
      max-width: 800px;
      overflow-x: hidden;
      width: auto; }
      @media (max-width: 1240px) {
        #header #search #search-results {
          right: 1%; } }
      @media (min-width: 1240px) {
        #header #search #search-results {
          right: 7.5%; } }
      #header #search #search-results .search-result-individual {
        white-space: nowrap; }
        #header #search #search-results .search-result-individual .search-result-type, #header #search #search-results .search-result-individual .search-result-text {
          display: inline-block; }
        #header #search #search-results .search-result-individual .search-result-type {
          padding-right: 2%; }
        #header #search #search-results .search-result-individual .search-result-text {
          word-wrap: break-word;
          max-width: 500px;
          white-space: normal; }
        #header #search #search-results .search-result-individual:hover {
          background-color: #F3F9FD; }
        #header #search #search-results .search-result-individual span:hover {
          background-color: inherit; }
  #header #subnav div.subNavBar {
    min-height: 100%; }
    #header #subnav div.subNavBar a {
      padding: 3px 10px 0 9px !important;
      margin-left: -10px;
      background-image: none;
      color: #333333; }
      #header #subnav div.subNavBar a + a:before {
        content: "/";
        margin-right: 8px; }
    #header #subnav div.subNavBar a.disabled {
      color: #EDEDED; }
      #header #subnav div.subNavBar a.disabled:hover {
        cursor: default; }
  #header .add-entity-fa-stack .add-entity-button {
    padding-top: 3px; }
    #header .add-entity-fa-stack .add-entity-button .fa-circle-thin {
      font-size: 21px; }

#timer-create a {
  color: white; }

#title h1 {
  color: #666666; }

.bui-header h1 {
  color: #666666; }

#calendarMonth h2 {
  color: #666666; }

#dashboard-cog, #legacyDashboardInfoCircle {
  color: #ffffff;
  font-size: 1.4em; }

#widgetEditToggle {
  padding: 9px 11px 7px 11px; }

body .link {
  cursor: pointer;
  color: #167fc1 !important; }

table.results tr.text-left th, .text-left {
  text-align: left; }

.italic, .italicize, .italics, .emphasize {
  font-style: italic; }

.bold {
  font-weight: bold; }

body div .pagination-container {
  padding-top: 5px; }

body select.page-select {
  border-radius: 3px; }

body table tr td a.bui-link:not(.button) {
  color: #3685C7;
  text-decoration: none; }

body .bui-popup-visible {
  text-align: left; }

body #pagination-target {
  float: right; }
  body #pagination-target .bui-pagination {
    float: right; }

body .pageLinks a {
  margin-right: 4px; }
  body .pageLinks a.active {
    background: #fff;
    border: 1px solid #ddd;
    color: #999;
    cursor: default; }
    body .pageLinks a.active.bui-button:hover {
      background: #fff;
      border: 1px solid #ddd !important;
      color: #999;
      cursor: default; }

body .pageLinks span.pageLink_spacer {
  color: #ccc;
  vertical-align: top;
  line-height: 26px;
  margin-right: 4px; }

body input[type="checkbox"].clientChkInvIso, body input[type="checkbox"].ticketChkInvIso {
  margin-left: 10px; }

body input[type="checkbox"].clientChk {
  margin-right: 0px; }

body #modalControls #modalClose {
  background-position: 0 -20px; }
  body #modalControls #modalClose:hover {
    background-position: 0 0px; }

body .widgetContent .dataStatus .fa-warning {
  color: #ba2521; }

body ul.editable .widgetHead {
  cursor: ns-resize; }
  body ul.editable .widgetHead .widgetMover {
    height: 20px;
    margin: 5px 5px 10px 5px;
    float: left; }
  body ul.editable .widgetHead .widgetControls {
    margin: 3px 4px 0px 0px; }

body .dataSaveNewRow .fa-save, body .dataStatus .fa-save, body .dataSaveNew .fa-save, body .dataSave .fa-save {
  cursor: pointer; }
  body .dataSaveNewRow .fa-save.disabled, body .dataStatus .fa-save.disabled, body .dataSaveNew .fa-save.disabled, body .dataSave .fa-save.disabled {
    cursor: auto;
    opacity: 0.3; }

input.datepicker, input.datepicker-international, input.datepickerStyle, input.b4tdatepicker {
  background-color: #fff !important;
  background-image: url(/images/icons/calendar.svg);
  background-size: 20px 21px;
  background-position: 96% center;
  background-repeat: no-repeat;
  width: 100px; }

#ui-datepicker-div .ui-datepicker-title select.ui-datepicker-month, #ui-datepicker-div .ui-datepicker-title select.ui-datepicker-year {
  width: 40%;
  font-size: .84rem; }

#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.6em;
  height: 1.8em;
  overflow: hidden; }

#ui-datepicker-div .ui-datepicker-prev span, #ui-datepicker-div .ui-datepicker-next span {
  position: relative; }

#ui-datepicker-div table.ui-datepicker-calendar {
  font-size: .77rem; }
  #ui-datepicker-div table.ui-datepicker-calendar td a {
    padding: 3px; }

#invoice-search-client-filter {
  margin-bottom: 5px; }

#listItemsHeader {
  margin-bottom: 0px;
  border-bottom: none;
  box-sizing: border-box; }
  #listItemsHeader tr {
    border-bottom: none; }
    #listItemsHeader tr th {
      border-bottom: none; }

#listItemsWrapper {
  max-height: 281px;
  overflow-y: auto; }
  #listItemsWrapper #listItems {
    width: 100%;
    box-sizing: border-box; }
    #listItemsWrapper #listItems td.controll-cell {
      width: auto;
      text-align: center; }
      #listItemsWrapper #listItems td.controll-cell .fa {
        cursor: pointer; }
    #listItemsWrapper #listItems .activityCodeRow {
      text-align: left; }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  /* IE/Edge */
  user-select: none;
  /* non-prefixed version, currently
                                  not supported by any browser */ }

.yesselect {
  -webkit-touch-callout: initial;
  /* iOS Safari */
  -webkit-user-select: initial;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: initial;
  /* Firefox */
  /* IE/Edge */
  user-select: initial;
  /* non-prefixed version, currently
                                  not supported by any browser */ }

.chkbox {
  margin-right: 5px; }

body #panel-nav {
  background-color: transparent;
  float: left;
  width: 100%;
  padding-bottom: 0px;
  border: none; }
  body #panel-nav div.tab-spacer {
    display: block;
    overflow: auto;
    border-bottom: 1px solid #c5c2b6;
    height: 41px; }
  body #panel-nav a {
    background: none;
    background-color: #eee;
    color: #333333;
    margin-right: 0px;
    background-image: none;
    padding: 2px 8px;
    border-right: 1px solid #c5c2b6;
    border-top: 1px solid #c5c2b6;
    border-left: none;
    font-size: 0.9rem;
    padding: 7px 12px; }
    body #panel-nav a:first-of-type {
      border-left: 1px solid #c5c2b6;
      border-top-left-radius: 3px; }
    body #panel-nav a:last-of-type {
      border-top-right-radius: 3px; }
    body #panel-nav a.active {
      background: none;
      background-color: #fff;
      color: #3685C7; }
      body #panel-nav a.active:hover {
        color: #3685C7; }
    body #panel-nav a:hover {
      background-image: none;
      background-color: #fff;
      border-bottom: 1px solid #fff;
      color: #3685C7; }
  body #panel-nav.modal {
    background: transparent; }

body #batch-navigation .invoice-tab.selected {
  background-color: #3774d9; }

body #reports-dashboard .bui-tabs-bar {
  background: transparent; }
  body #reports-dashboard .bui-tabs-bar .bui-tabs li:first-child a {
    border-left: 1px solid #d7d7d7; }
  body #reports-dashboard .bui-tabs-bar .bui-tabs li:last-child a {
    border-right: 1px solid #d7d7d7; }
  body #reports-dashboard .bui-tabs-bar a {
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7; }
    body #reports-dashboard .bui-tabs-bar a[aria-selected="true"] {
      border-right: none;
      border-top: 1px solid #6DA4D2; }

body #reports-dashboard .bui-tabs {
  font-size: 14px;
  float: left;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0; }
  body #reports-dashboard .bui-tabs li {
    float: left; }
    body #reports-dashboard .bui-tabs li a {
      background: #ffff;
      border-left: none;
      color: #999;
      display: block;
      line-height: 40px;
      padding: 0 10px;
      text-decoration: none;
      text-transform: uppercase; }
      body #reports-dashboard .bui-tabs li a strong {
        color: #666;
        padding-left: 5px; }
      body #reports-dashboard .bui-tabs li a:hover {
        background: #ddd; }
      body #reports-dashboard .bui-tabs li a[aria-selected="true"] {
        background: #3774d9;
        border-left-color: #3774d9;
        color: #fff; }
        body #reports-dashboard .bui-tabs li a[aria-selected="true"] strong {
          color: #fff; }
    body #reports-dashboard .bui-tabs li:first-child a {
      border-left: none; }

#timer-panel-top, #timer-panel-bottom {
  display: none; }

.inlineTimer {
  width: auto;
  padding: .3rem; }
  .inlineTimer .fa.fa-3x, .inlineTimer .fa.fa-2x {
    font-size: 1.7rem; }
  .inlineTimer span.timer-time {
    float: none;
    width: auto;
    line-height: initial;
    font-size: 1.4rem;
    margin-top: -2px;
    font-family: 'Roboto'; }
  .inlineTimer * {
    float: none;
    color: #ffffff !important; }
  .inlineTimer .inlineTimerToggle, .inlineTimer .inlineTimerDelete, .inlineTimer .inlineTimerCount {
    display: inline-block;
    width: auto;
    height: auto;
    margin-right: .6rem;
    vertical-align: top; }
  .inlineTimer .inlineTimerToggle {
    margin-right: 0; }
  .inlineTimer .minilabel {
    display: none; }
  .inlineTimer .fa.fa-undo {
    font-size: 1rem;
    line-height: 1.8rem;
    margin-top: -1px; }

a#timer-manager {
  text-indent: inherit;
  background: none;
  height: 30px;
  width: 23px;
  display: block; }

#timer-panel {
  background-color: white;
  border: 1px solid #ccc;
  min-width: 328px; }
  #timer-panel .timer-entry {
    border-color: #ccc;
    background-color: white;
    padding: 13px;
    color: #333333;
    overflow: auto; }
    #timer-panel .timer-entry.timer-entry-pinned {
      background-color: #FFF4D8; }
      #timer-panel .timer-entry.timer-entry-pinned .pin-icon {
        background: url("/B4T2/images/icons/pinIconPinned.png") no-repeat center center; }
    #timer-panel .timer-entry .timer-time {
      font-family: 'Roboto';
      font-weight: 500;
      width: 70px; }
    #timer-panel .timer-entry .timer-align-left {
      float: left;
      margin: 0 auto; }
    #timer-panel .timer-entry .timer-align-right {
      float: right;
      width: 150px;
      margin-right: 10px; }
    #timer-panel .timer-entry .pin-icon {
      float: right;
      width: 21px;
      height: 21px;
      margin-top: 3px;
      border-radius: 50%;
      background: url("/B4T2/images/icons/pinIcon.png") no-repeat center center; }
      #timer-panel .timer-entry .pin-icon:hover {
        background: url("/B4T2/images/icons/pinIconHover.png") no-repeat center center;
        background-color: #EEF1F7; }
    #timer-panel .timer-entry span.timer-time, #timer-panel .timer-entry span.timer-client, #timer-panel .timer-entry span.timer-project {
      color: #949CAF;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    #timer-panel .timer-entry span.timer-span-active {
      color: #303F4B; }
    #timer-panel .timer-entry .timer-wait, #timer-panel .timer-entry .timer-active {
      display: none; }
    #timer-panel .timer-entry a.timer-buttons {
      width: 30px;
      height: 30px;
      margin: 0px 5px; }
    #timer-panel .timer-entry a.timer-button-record {
      background-image: none;
      text-indent: 0;
      height: 30px;
      width: 30px; }
      #timer-panel .timer-entry a.timer-button-record span {
        font-size: 1.8rem;
        color: #949CAF; }
        #timer-panel .timer-entry a.timer-button-record span:hover {
          color: #666666; }
    #timer-panel .timer-entry a.timer-button-pause {
      background-image: none;
      text-indent: 0;
      height: 30px;
      width: 30px; }
      #timer-panel .timer-entry a.timer-button-pause span {
        font-size: 1.8rem;
        color: #3860C8; }
        #timer-panel .timer-entry a.timer-button-pause span:hover {
          color: #468cc6; }
  #timer-panel .paused {
    color: #333333; }
  #timer-panel #timer-create {
    background-color: #f0f0f0;
    height: 32px;
    border-bottom: none;
    margin-right: 0;
    padding: 13px;
    width: inherit; }
    #timer-panel #timer-create .button {
      float: right;
      margin-top: 0px;
      padding: 4px 12px; }
      #timer-panel #timer-create .button:hover {
        text-decoration: none; }

a#pinTimerBtn {
  float: right;
  margin-right: 42px;
  font-size: 12px;
  color: #303F4B;
  border-radius: 4px;
  padding: 4px; }
  a#pinTimerBtn.pinBtn {
    background-color: #FFF4D8; }
    a#pinTimerBtn.pinBtn:hover {
      background-color: #FFE7AB; }
  a#pinTimerBtn.pinBtnPinned {
    background-color: #FFCE51; }
  a#pinTimerBtn img {
    margin: 0px 4px; }

body #login-wrapper input[type="text"] {
  width: 100% !important; }

body #login-wrapper input[type="password"] {
  width: 100% !important; }

body #login-wrapper #loginRotater img {
  width: 470px; }

body div#id {
  position: relative; }

body #title {
  margin-top: 20px;
  height: 46px; }

body input.text, body input.password, body textarea, body select {
  margin-bottom: 0;
  box-sizing: border-box; }

body .invoicing-search-container .invoice-search {
  max-width: 397px;
  margin-right: 5px; }

body .invoicing-search-container .searchBtn, body .invoicing-search-container .clearSearch {
  margin-top: 1px; }

body input:disabled {
  background-color: #eeeeee; }

body div.field label {
  font-weight: 500;
  color: #666;
  text-align: left; }
  body div.field label.label-full {
    width: 100%; }

body label.required {
  font-weight: 500;
  color: #333333 !important; }

body input.required, body select.required, body textarea.required, body span.required {
  background-color: #D1DFEA !important; }

body .clickable-icon {
  cursor: pointer; }

body .pop-form-left input, body .pop-form-left select {
  width: 250px;
  box-sizing: border-box; }

body #reports-dashboard .report-search-container {
  padding-left: 0; }

body .search-buttons-container {
  text-align: right; }

body .filter.invoicing-filters {
  border-radius: 2px;
  width: auto;
  background: #ededed;
  margin: 0;
  padding: 10px !important;
  margin-bottom: 20px !important;
  margin-top: 0; }
  body .filter.invoicing-filters .search-buttons-container {
    margin-bottom: 0;
    padding-top: 10px;
    text-align: left; }
  body .filter.invoicing-filters label {
    text-align: left;
    padding-left: 0 !important; }
  body .filter.invoicing-filters div.t-halves .col-main, body .filter.invoicing-filters .col-main, body .filter.invoicing-filters .col-right {
    width: 383px !important; }

body #filters-view {
  color: #333333; }

body .oa-ctrls-selector .datepicker-frame {
  background-image: none; }

body table#dataGrid .required {
  box-shadow: none; }

body table#dataGrid input, body table#dataGrid select {
  border: none;
  width: 100% !important;
  text-align: left; }

body table#dataGrid input#dataGridHrSummary {
  font-weight: 600;
  color: #333333; }

body table#dataGrid table.dropDown {
  border-color: #666666; }

body table#dataGrid td.dropDown, body table#dataGrid td.dropDownText {
  margin-top: 2px;
  font-family: ProximaNova, Arial, Sans-Serif;
  font-size: 1.1em;
  height: 17px;
  background-color: white;
  width: 98% !important; }

body table#dataGrid td.dropDownTextOver {
  margin-top: 2px;
  font-family: ProximaNova, Arial, Sans-Serif;
  font-size: 1.1em;
  height: 17px;
  background-color: #aaa; }

body input, body select {
  box-sizing: border-box; }
  body input.inputSmall, body select.inputSmall {
    width: 105px; }
  body input #filter-search, body select #filter-search {
    padding-left: 130px; }
  body input .bui-box, body select .bui-box {
    background-color: #EDEDED; }
  body input td.dropDown, body input td.dropDownText, body select td.dropDown, body select td.dropDownText {
    margin-top: 2px;
    font-family: ProximaNova, Arial, Sans-Serif;
    font-size: 1.1em;
    height: 17px;
    background-color: white; }
  body input td select.tzone, body select td select.tzone {
    max-width: 295px; }
  body input .col-main, body input .col-right, body input .col-left, body select .col-main, body select .col-right, body select .col-left {
    margin-top: 10px; }
  body input dl.info, body select dl.info {
    -webkit-margin-before: 0;
    -webkit-margin-after: 1em; }
  body input.input-xsmall, body select.input-xsmall {
    width: 105px; }
  body input.input-small, body select.input-small {
    width: 150px; }
  body input.input-med, body select.input-med {
    width: 205px;
    box-sizing: border-box; }
  body input.input-large, body select.input-large {
    width: 255px;
    box-sizing: border-box; }
  body input #panel-nav a, body select #panel-nav a {
    line-height: 29px; }
  body input[type="checkbox"], body select[type="checkbox"] {
    margin-left: 0; }

body li input[type="checkbox"] {
  margin-left: 3px; }

body.modal div.field label {
  width: 30%; }

body.modal div.field .field {
  width: 70%; }

body.modal select, body.modal input, body.modal textarea {
  width: 100%;
  max-width: 270px; }

body.modal .clientSelectorDropDown {
  max-height: 270px; }

body.modal input.clientSelectorInput {
  width: 100%;
  max-width: 270px; }

body .clientSelectorDropDown {
  max-height: 400px;
  border: 1px solid #ccc;
  box-sizing: border-box; }

body .dropDown {
  opacity: inherit;
  border: none;
  background-color: #fff; }
  body .dropDown .dropDownText {
    background-color: #fff; }

body table#batchEntry input, body table#batchEntry select, body table#batchEntry textarea {
  max-width: 175px; }

body table#batchEntry input, body table#batchEntry select {
  height: 22px; }

body table#batchEntry .clientSelectorInput {
  width: 150px; }

body .right-fl {
  float: right; }

body .left-fl {
  float: left; }

body select, body input.clientSelectorInput {
  box-sizing: border-box;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-position: 98% 50%;
  padding-right: 15px;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  background-image: url(/images/icons/caret-02.svg);
  text-align: left; }

body select::-ms-expand {
  display: none; }

body li.embededFields .field {
  width: 100%; }
  body li.embededFields .field label {
    width: 100%;
    padding-left: 0;
    margin-left: 40px; }
  body li.embededFields .field input {
    padding-left: 0;
    margin-left: 40px; }
  body li.embededFields .field span.field {
    padding-left: 0;
    margin-left: 40px; }

body .bui-form-stacked .bui-buttons-left, body .bui-form-stacked .bui-buttons-right {
  margin-top: 7px; }

.search-container {
  padding-top: 1px;
  margin-bottom: 30px; }
  .search-container.accounting {
    margin-top: 220px; }
  .search-container .search-input {
    margin-right: 15px;
    width: 300px;
    height: 30px; }
  .search-container .search-button {
    margin-top: 1px; }

.button-group-spacer {
  float: left;
  width: 30px; }

.center-rel-right {
  margin-right: 50%; }

#billing-rates-title {
  margin-left: 5px;
  font-size: 1rem;
  font-weight: bold;
  color: #666666;
  margin-top: 6px;
  display: inline-block; }

.proj-accounting-field {
  width: 105px;
  text-align: right;
  display: inline-block;
  margin-top: 3px; }

.accounting-totals-divider {
  border-top: 1px solid #CCC;
  padding-top: 2px; }

div.field {
  margin: 0 0 0.7em 0; }
  div.field span.field {
    -ms-word-wrap: break-word;
    word-wrap: break-word; }
  div.field .tzoneHolder {
    white-space: nowrap; }

.batchFiltersContainer {
  padding: 20px; }
  .batchFiltersContainer .batchFilters {
    padding: 10px 10px 10px 25px;
    background-color: #ededed;
    border: 1px solid #dedede;
    margin: 0 0 20px 0; }
    .batchFiltersContainer .batchFilters select {
      margin-right: 25px; }

.taskCodeSelect {
  margin-top: 5px;
  width: 200px; }

.field .normal-label {
  width: auto;
  display: initial;
  padding: initial;
  margin-right: 10px; }
  .field .normal-label input {
    margin-left: .25rem; }

.oa-fs {
  margin: 2px auto;
  border-radius: 2px;
  border: 1px solid #AAA;
  padding: 2px;
  display: inline-block;
  min-width: 200px;
  position: relative; }
  .oa-fs .oa-fs-ddo-emphasis {
    background: yellow; }
  .oa-fs .oa-fs-dropdown-arrow {
    background-image: url(/images/inputSprites.png);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 26px;
    height: 26px;
    text-indent: -999px;
    overflow: hidden; }
    .oa-fs .oa-fs-dropdown-arrow:hover {
      background-position: -26px 0; }
  .oa-fs .oa-fs-dropdown-list {
    position: absolute;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #fff url(/images/input.png) repeat-x 0 0;
    /*gradient*/
    box-shadow: 2px 2px 9px -3px;
    min-width: 185px;
    margin-bottom: 0;
    max-height: 640px; }
  .oa-fs .oa-fs-dropdown-list-option {
    padding: 4px;
    border-bottom: 1px solid #ccc;
    cursor: pointer; }
    .oa-fs .oa-fs-dropdown-list-option:hover {
      background: #ddf7ff; }
    .oa-fs .oa-fs-dropdown-list-option:last-child {
      border: none; }
    .oa-fs .oa-fs-dropdown-list-option.selected {
      background: silver; }

.select2-selection {
  overflow: hidden; }

.dropdownStyling {
  border-radius: 2px; }
  .dropdownStyling b {
    border-color: #666666 transparent transparent transparent;
    border-width: 5px 5px 0px 5px !important; }

.select2FilterDropDown {
  border-top: 1px solid #aaa !important;
  max-width: 250px; }

.select2-results {
  word-break: break-all; }

#invoice-advanced-container .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling, #projects-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling, #clients-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling {
  background-color: #fff;
  color: #999999; }
  #invoice-advanced-container .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling .select2-selection__rendered, #projects-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling .select2-selection__rendered, #clients-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling .select2-selection__rendered {
    color: #999999; }
  #invoice-advanced-container .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:hover, #projects-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:hover, #clients-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:hover {
    background-color: #fff;
    border-color: #CCCCCC; }
  #invoice-advanced-container .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:active .select2-selection__arrow b, #projects-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:active .select2-selection__arrow b, #clients-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:active .select2-selection__arrow b {
    border-color: #B7B7B7 transparent transparent transparent; }
  #invoice-advanced-container .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:focus, #projects-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:focus, #clients-dashboard .select2-container--disabled .select2-selection--single.invoiceStandardSelector.dropdownStyling:focus {
    outline: none; }

#invoice-advanced-container .bui-buttons, #projects-dashboard .bui-buttons, #clients-dashboard .bui-buttons {
  display: inline-flex; }

#invoice-advanced-container .bui-button-dropdown, #projects-dashboard .bui-button-dropdown, #clients-dashboard .bui-button-dropdown {
  min-height: 36px; }

#projects-dashboard #filter-advanced-assignedTo, #projects-dashboard #filter-advanced-acctMgr, #projects-dashboard #filter-advanced-type, #projects-dashboard #filter-advanced-currency, #clients-dashboard #filter-advanced-assignedTo, #clients-dashboard #filter-advanced-acctMgr, #clients-dashboard #filter-advanced-type, #clients-dashboard #filter-advanced-currency {
  max-height: none; }

#projects-dashboard #filter-date-after, #projects-dashboard #filter-date-before, #clients-dashboard #filter-date-after, #clients-dashboard #filter-date-before {
  overflow: inherit; }

#projects-dashboard .bui-button.disabledEditProjectsBtn {
  background-color: #BED2E4;
  color: #FFFFFF; }
  #projects-dashboard .bui-button.disabledEditProjectsBtn:hover {
    color: #FFFFFF !important;
    cursor: default; }

.invoiceBatchSearchIcon {
  background: url(/images/icons/batchInvoiceSearchIcon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline;
  margin-bottom: -6px; }

.invoiceSearchIcon {
  background: url(/images/icons/singleInvoiceSearchIcon.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: inline;
  margin-bottom: -8px; }

.noTasksIcon {
  background: url(/images/icons/empty_todo.png);
  background-repeat: no-repeat;
  width: 140px;
  height: 130px;
  display: block;
  margin: auto;
  margin-top: 7%;
  position: relative;
  background-size: contain; }

.noWorkflowsIcon {
  background: url(/images/icons/empty_workflow.png);
  background-repeat: no-repeat;
  width: 140px;
  height: 130px;
  display: block;
  margin: auto;
  margin-top: 7%;
  position: relative;
  background-size: contain; }

.bigBuiTableRow {
  height: 100px;
  font-size: 16px;
  color: #666666; }
  .bigBuiTableRow td span:nth-child(2) {
    padding-left: 10px; }

.searchBar {
  margin-left: 7px;
  border: 1px solid #CCCCCC;
  padding: 9px 5px 5px 5px;
  border-radius: 4px;
  width: 88%;
  min-width: 250px;
  height: 25px; }
  .searchBar:hover, .searchBar.input-active {
    border-color: #27489e; }
  .searchBar .filterSearchInput {
    float: left;
    border: none;
    width: 88%;
    font-size: 16px;
    margin-top: -5px; }
    .searchBar .filterSearchInput:focus {
      outline: none; }
  .searchBar #clearableBtn {
    margin-top: 2px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 65px;
  height: 30px;
  margin-bottom: 10px; }
  .switch .toggleText {
    font-size: 16px;
    color: white;
    z-index: 5;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; }
    .switch .toggleText.off {
      left: 12px;
      top: 4px; }
    .switch .toggleText.on {
      right: 12px;
      top: 5px; }
    .switch .toggleText.toggleDisabled {
      pointer-events: none; }

/* Hide default HTML checkbox */
.switch input {
  display: none; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: .4s; }
  .slider.toggleDisabled {
    pointer-events: none;
    opacity: 0.7; }

.slider:before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s; }

input:checked + .slider {
  background-color: #6DA4D2; }

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before {
  transform: translateX(34px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

::-ms-clear {
  display: none; }

.ui-widget-header, .datechooserHeader {
  background: none;
  background-color: #3774d9; }

.ui-datepicker th {
  border: 1px solid #ccc;
  padding: 3px; }

.ui-datepicker td {
  border: 1px solid #ccc; }
  .ui-datepicker td a {
    padding: 3px; }

.ui-datepicker th {
  background: #f7f7f7;
  border: 1px solid #ccc;
  color: #999; }

.ui-corner-all {
  border-radius: 0px; }

ui-state-default, .ui-widget-content .ui-state-default {
  /* border: 1px solid #c5dbec; */
  /* background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; */
  font-weight: bold;
  color: #2e6e9e;
  text-align: center;
  padding: 5px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {
  /* border: 1px solid #167fc1;  */
  background: #3774d9;
  color: #fff;
  text-align: center; }

.ui-state-hover-report i {
  color: black; }

.ui-state-active, .ui-widget-content .ui-state-active {
  /*  border: 1px solid #167fc1;*/
  /*   background: #fff; */
  background: #3774d9;
  color: #fff; }

.modal-wrapper {
  background-color: #FFF;
  padding: 0;
  overflow: hidden;
  height: 100%; }
  .modal-wrapper #modal-header {
    position: fixed;
    height: 40px;
    left: 0px;
    top: 0px;
    background-color: #27489e;
    width: 100%; }
  .modal-wrapper h1 {
    padding: 7px 20px;
    font-size: 1.2rem;
    color: #ffffff; }
    .modal-wrapper h1.with-timer {
      margin-bottom: 30px; }
  .modal-wrapper form {
    background-color: white; }
  .modal-wrapper td {
    vertical-align: top; }
  .modal-wrapper table span.fa {
    font-size: .95rem;
    margin-top: 2px; }
  .modal-wrapper table tr.clickable-row {
    cursor: pointer; }
  .modal-wrapper .right-fl {
    float: right; }
  .modal-wrapper div.ccNumFields {
    padding: 0 0 15px 0;
    margin: 0 0 15px 0; }
    .modal-wrapper div.ccNumFields label {
      margin: 0; }
    .modal-wrapper div.ccNumFields .ccInput {
      border: 1px solid #AAA;
      padding: 10px !important;
      background-color: #D1DFEA !important;
      margin-top: 20px; }
    .modal-wrapper div.ccNumFields .nameAlert {
      position: absolute;
      color: #ba2521;
      display: none; }
    .modal-wrapper div.ccNumFields .errorAlert {
      color: #ba2521; }
    .modal-wrapper div.ccNumFields .invalid {
      border: 1px solid #ba2521; }
  .modal-wrapper div.field label {
    padding-left: 0;
    width: 100px; }
    .modal-wrapper div.field label.input-xsmall {
      width: 105px; }
    .modal-wrapper div.field label.input-small {
      width: 150px; }
    .modal-wrapper div.field label.input-med {
      width: 200px; }
    .modal-wrapper div.field label.input-large {
      width: 250px; }
    .modal-wrapper div.field label.input-xlarge {
      width: 300px; }
  .modal-wrapper div.field.description label#billSummaryContainer {
    width: 100%; }
  .modal-wrapper div.custom-field-list .field {
    width: 47%; }
    .modal-wrapper div.custom-field-list .field input[type="text"], .modal-wrapper div.custom-field-list .field select, .modal-wrapper div.custom-field-list .field textarea {
      width: 200px; }
  .modal-wrapper div.custom-field-list .field:nth-child(even) {
    margin-left: 3%; }
  .modal-wrapper .t-halves {
    padding-bottom: 0; }
    .modal-wrapper .t-halves .col-main {
      max-width: 47%;
      width: 47%;
      float: left; }
      .modal-wrapper .t-halves .col-main.label-xsmall div.field label {
        width: 105px; }
      .modal-wrapper .t-halves .col-main.label-small div.field label {
        width: 150px; }
      .modal-wrapper .t-halves .col-main.label-med div.field label {
        width: 200px; }
      .modal-wrapper .t-halves .col-main.label-large div.field label {
        width: 250px; }
    .modal-wrapper .t-halves .col-right {
      margin-left: 20px;
      max-width: 47%;
      width: 47%;
      float: right; }
      .modal-wrapper .t-halves .col-right.label-xsmall div.field label {
        width: 105px; }
      .modal-wrapper .t-halves .col-right.label-small div.field label {
        width: 150px; }
      .modal-wrapper .t-halves .col-right.label-med div.field label {
        width: 200px; }
      .modal-wrapper .t-halves .col-right.label-large div.field label {
        width: 250px; }
    .modal-wrapper .t-halves div.field.wrap {
      white-space: normal; }
    .modal-wrapper .t-halves div.field label {
      padding-left: 0%;
      vertical-align: top;
      margin-left: 0px;
      margin-top: 0px; }
      .modal-wrapper .t-halves div.field label.above {
        width: 100%; }
    .modal-wrapper .t-halves div.field input[type=text], .modal-wrapper .t-halves div.field select {
      width: 58%; }
      .modal-wrapper .t-halves div.field input[type=text].input-xsmall, .modal-wrapper .t-halves div.field select.input-xsmall {
        width: 105px; }
      .modal-wrapper .t-halves div.field input[type=text].input-small, .modal-wrapper .t-halves div.field select.input-small {
        width: 150px; }
      .modal-wrapper .t-halves div.field input[type=text].input-med, .modal-wrapper .t-halves div.field select.input-med {
        width: 200px; }
      .modal-wrapper .t-halves div.field input[type=text].input-large, .modal-wrapper .t-halves div.field select.input-large {
        width: 250px; }
      .modal-wrapper .t-halves div.field input[type=text].input-xlarge, .modal-wrapper .t-halves div.field select.input-xlarge {
        width: 300px; }
    .modal-wrapper .t-halves div.field > span {
      display: inline-block;
      word-wrap: break-word;
      max-width: 58%; }
    .modal-wrapper .t-halves div.field .emailLink {
      max-width: 100% !important; }
    .modal-wrapper .t-halves div.field textarea {
      width: 98%;
      max-width: 100%;
      height: auto;
      display: inline-block; }
  .modal-wrapper input[type=button].bui-button-secondary {
    width: 48px; }
  .modal-wrapper div.t-solo {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    float: none; }
    .modal-wrapper div.t-solo .col-main {
      padding-left: 10px;
      float: none; }
      .modal-wrapper div.t-solo .col-main.label-xsmall div.field label {
        width: 105px; }
      .modal-wrapper div.t-solo .col-main.label-small div.field label {
        width: 150px; }
      .modal-wrapper div.t-solo .col-main.label-med div.field label {
        width: 200px; }
      .modal-wrapper div.t-solo .col-main.label-large div.field label {
        width: 250px; }
      .modal-wrapper div.t-solo .col-main div.field {
        white-space: nowrap; }
        .modal-wrapper div.t-solo .col-main div.field .field {
          width: 70%; }
        .modal-wrapper div.t-solo .col-main div.field input.text, .modal-wrapper div.t-solo .col-main div.field select, .modal-wrapper div.t-solo .col-main div.field label, .modal-wrapper div.t-solo .col-main div.field textarea {
          width: 68%;
          vertical-align: top; }
          .modal-wrapper div.t-solo .col-main div.field input.text.input-xsmall, .modal-wrapper div.t-solo .col-main div.field select.input-xsmall, .modal-wrapper div.t-solo .col-main div.field label.input-xsmall, .modal-wrapper div.t-solo .col-main div.field textarea.input-xsmall {
            width: 105px; }
          .modal-wrapper div.t-solo .col-main div.field input.text.input-small, .modal-wrapper div.t-solo .col-main div.field select.input-small, .modal-wrapper div.t-solo .col-main div.field label.input-small, .modal-wrapper div.t-solo .col-main div.field textarea.input-small {
            width: 150px; }
          .modal-wrapper div.t-solo .col-main div.field input.text.input-med, .modal-wrapper div.t-solo .col-main div.field select.input-med, .modal-wrapper div.t-solo .col-main div.field label.input-med, .modal-wrapper div.t-solo .col-main div.field textarea.input-med {
            width: 200px; }
          .modal-wrapper div.t-solo .col-main div.field input.text.input-large, .modal-wrapper div.t-solo .col-main div.field select.input-large, .modal-wrapper div.t-solo .col-main div.field label.input-large, .modal-wrapper div.t-solo .col-main div.field textarea.input-large {
            width: 250px; }
          .modal-wrapper div.t-solo .col-main div.field input.text.input-xlarge, .modal-wrapper div.t-solo .col-main div.field select.input-xlarge, .modal-wrapper div.t-solo .col-main div.field label.input-xlarge, .modal-wrapper div.t-solo .col-main div.field textarea.input-xlarge {
            width: 300px; }
        .modal-wrapper div.t-solo .col-main div.field label {
          padding-left: 0;
          margin: 0 auto;
          width: 105px; }
        .modal-wrapper div.t-solo .col-main div.field input.b4tdatepicker, .modal-wrapper div.t-solo .col-main div.field input.jquery-datepicker {
          width: 100px; }
        .modal-wrapper div.t-solo .col-main div.field span.fa-info-circle {
          width: initial;
          font-size: 0.85rem; }
        .modal-wrapper div.t-solo .col-main div.field textarea {
          width: 68%;
          white-space: pre-wrap; }
  .modal-wrapper div.field label {
    color: #444;
    padding-right: 0px; }
  .modal-wrapper .results {
    width: 98%; }
  .modal-wrapper .popup-footer {
    position: fixed;
    bottom: 0;
    height: 80px;
    width: 100%;
    background-color: #ededed; }
  .modal-wrapper #controls-full {
    padding: 10px 2%;
    background-color: #ededed;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    height: 60px;
    width: 96%;
    max-height: 40px;
    border-top: 1px solid #dedede;
    text-align: right; }
    .modal-wrapper #controls-full a {
      float: none;
      display: inline-block;
      margin-left: 3px; }
    .modal-wrapper #controls-full input {
      margin-left: 3px; }
  .modal-wrapper #wrapper-full {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: 40px;
    margin-bottom: 60px;
    padding: 20px 25px 0 25px;
    overflow: auto; }
  .modal-wrapper #newContact {
    border: none !important; }
    .modal-wrapper #newContact .controls {
      margin-bottom: 20px; }
  .modal-wrapper textarea.pmt-notes {
    width: 68%;
    height: 75px; }
  .modal-wrapper .trust-transfer select {
    width: 68%; }
  .modal-wrapper .trust-transfer input#amount {
    width: 68%; }
  .modal-wrapper .new-payment .pmt-method, .modal-wrapper .new-payment .trust-acct {
    width: 68%; }
  .modal-wrapper #copyResolution {
    margin-right: 5px; }
  .modal-wrapper table#batchEntry {
    margin-top: 20px; }
  .modal-wrapper div.multiupload {
    display: inline-block;
    width: 68%; }
    .modal-wrapper div.multiupload input {
      width: 100%; }
    .modal-wrapper div.multiupload .MultiFile-applied {
      width: 100%; }
  .modal-wrapper #tooltip .tipBody {
    white-space: normal; }
  .modal-wrapper div.seperator {
    border-top: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px; }

#newContact {
  padding: 10px;
  border: 1px solid #CCC;
  margin: 10px 10px 35px 10px;
  overflow: auto; }

#apply-markup-btn {
  width: auto;
  padding: 2px 8px 2px 8px; }

#txtStartDate, #txtEndDate {
  width: 80px; }

#cboxLoadedContent {
  margin-bottom: 0px !important; }

#cboxMiddleLeft, #cboxMiddleRight, #cboxTopLeft, #cboxTopCenter, #cboxTopRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
  display: none; }

#cboxWrapper iframe {
  height: 100%;
  width: 100%; }

#cboxOverlay {
  background-image: none !important;
  background-color: rgba(25, 25, 25, 0.8) !important; }

.exportFunctionPanel td {
  padding: 2px 5px; }

.exportFunctionPanel div.exportButtonContainer {
  margin: 10px -5px; }

#modalHeader {
  background: #27489e;
  height: auto; }
  #modalHeader h1 {
    padding-left: 10px;
    color: #fff;
    font-size: 1.2rem; }

div.modal-footer-hack {
  width: 100%;
  float: right;
  overflow: auto;
  margin-top: -5px;
  padding-top: 5px;
  background: #ededed !important; }

div#modalWindow {
  background: #fff;
  border-radius: 0;
  box-shadow: none; }
  div#modalWindow iframe {
    margin-bottom: -10px; }
  div#modalWindow #txtSubject {
    width: 100%; }
  div#modalWindow div#b4ModScheduleEditor > :not(#modalHeader) {
    background: #fff; }
  div#modalWindow #modalTabs {
    border-bottom: 1px solid #c5c2b6;
    margin-left: 20px;
    margin-right: 20px;
    float: none;
    width: auto; }
    div#modalWindow #modalTabs li:first-child a {
      margin-left: 0; }
    div#modalWindow #modalTabs a {
      border-color: #c5c2b6;
      border-bottom: none;
      background: #EDEDED; }
      div#modalWindow #modalTabs a.modalTabsActive {
        background: #fff;
        color: #3685C7; }
  div#modalWindow #modalButtonsRight {
    margin-right: 10px; }
  div#modalWindow .inputTime {
    width: 80px;
    border-color: #ccc; }
  div#modalWindow .inputProject {
    width: 184px; }
  div#modalWindow .inputNotes {
    width: 465px;
    max-width: 465px; }
  div#modalWindow .col3 {
    width: 160px; }
  div#modalWindow .col2 {
    width: 184px; }
  div#modalWindow .col6 {
    width: 560px; }
  div#modalWindow .col1, div#modalWindow .col2, div#modalWindow .col3, div#modalWindow .col4, div#modalWindow .col5, div#modalWindow .col6, div#modalWindow .col7, div#modalWindow .col8, div#modalWindow .col9 {
    float: none;
    display: inline-block;
    margin-left: 0;
    margin-right: 0; }
  div#modalWindow .col1 {
    margin-right: 10px;
    vertical-align: top; }
  div#modalWindow .col5 {
    width: 465px; }
  div#modalWindow .colAlpha {
    margin-left: 20px; }
  div#modalWindow .shorterInput .inputField .inputButtons {
    float: none;
    position: absolute;
    right: 15px; }
  div#modalWindow .inputButtons {
    right: 5px; }
  div#modalWindow .invited-column {
    vertical-align: top; }

#b4ModScheduleEditor {
  overflow: visible; }

.popup-wrapper {
  overflow: auto;
  background-color: #ededed;
  min-height: initial;
  height: auto; }
  .popup-wrapper h1 {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.5rem;
    color: #666666; }
    .popup-wrapper h1.with-timer {
      margin-bottom: 30px; }
  .popup-wrapper td {
    vertical-align: top; }
  .popup-wrapper table span.fa {
    font-size: .95rem;
    margin-top: 2px; }
  .popup-wrapper table tr.clickable-row {
    cursor: pointer; }
  .popup-wrapper .right-fl {
    float: right; }
  .popup-wrapper .field label {
    padding-left: 0%; }
  .popup-wrapper div.custom-field-list {
    min-width: 800px; }
    .popup-wrapper div.custom-field-list .field {
      width: 47%; }
      .popup-wrapper div.custom-field-list .field input[type="text"], .popup-wrapper div.custom-field-list .field select, .popup-wrapper div.custom-field-list .field textarea {
        width: 200px; }
    .popup-wrapper div.custom-field-list .field:nth-child(even) {
      margin-left: 3%; }
  .popup-wrapper .t-halves {
    padding-bottom: 0px;
    min-width: 800px; }
    .popup-wrapper .t-halves .col-main {
      width: 47%; }
    .popup-wrapper .t-halves .col-right {
      margin-left: 3%;
      width: 47%; }
    .popup-wrapper .t-halves .field label {
      padding-left: 0%; }
      .popup-wrapper .t-halves .field label.above {
        width: 100%; }
    .popup-wrapper .t-halves .field input[type=text], .popup-wrapper .t-halves .field select {
      width: 58%; }
      .popup-wrapper .t-halves .field input[type=text].input-xsmall, .popup-wrapper .t-halves .field select.input-xsmall {
        width: 105px; }
      .popup-wrapper .t-halves .field input[type=text].input-small, .popup-wrapper .t-halves .field select.input-small {
        width: 150px; }
      .popup-wrapper .t-halves .field input[type=text].input-med, .popup-wrapper .t-halves .field select.input-med {
        width: 200px; }
      .popup-wrapper .t-halves .field input[type=text].input-large, .popup-wrapper .t-halves .field select.input-large {
        width: 250px; }
    .popup-wrapper .t-halves .field textarea {
      width: 98%;
      padding-left: 0;
      padding-right: 0;
      max-width: 100%; }
    .popup-wrapper .t-halves .field .multiupload {
      width: 100%; }
      .popup-wrapper .t-halves .field .multiupload #newFile {
        width: 98%; }
  .popup-wrapper input[type=button].bui-button-secondary {
    width: 48px; }
  .popup-wrapper div.t-solo {
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px; }
    .popup-wrapper div.t-solo .col-main {
      padding-left: 0px; }
      .popup-wrapper div.t-solo .col-main div.field .field {
        width: 70%; }
      .popup-wrapper div.t-solo .col-main div.field input.text, .popup-wrapper div.t-solo .col-main div.field select {
        width: 68%; }
        .popup-wrapper div.t-solo .col-main div.field input.text.input-xsmall, .popup-wrapper div.t-solo .col-main div.field select.input-xsmall {
          width: 105px; }
        .popup-wrapper div.t-solo .col-main div.field input.text.input-small, .popup-wrapper div.t-solo .col-main div.field select.input-small {
          width: 150px; }
        .popup-wrapper div.t-solo .col-main div.field input.text.input-med, .popup-wrapper div.t-solo .col-main div.field select.input-med {
          width: 200px; }
        .popup-wrapper div.t-solo .col-main div.field input.text.input-large, .popup-wrapper div.t-solo .col-main div.field select.input-large {
          width: 250px; }
      .popup-wrapper div.t-solo .col-main div.field label {
        padding-left: 0;
        margin: 0px auto;
        width: 30%; }
      .popup-wrapper div.t-solo .col-main div.field input.b4tdatepicker, .popup-wrapper div.t-solo .col-main div.field input-jquery-datepicker {
        width: 100px; }
      .popup-wrapper div.t-solo .col-main div.field span.fa-info-circle {
        width: initial;
        font-size: 0.85rem; }
      .popup-wrapper div.t-solo .col-main div.field textarea {
        width: 68%; }
  .popup-wrapper div.field label {
    color: #444;
    padding-right: 0px; }
  .popup-wrapper div.multiupload {
    border: none;
    padding: 0px; }
  .popup-wrapper .results {
    margin-bottom: 20px;
    width: 98%; }
  .popup-wrapper .popup-footer {
    position: fixed;
    bottom: 0;
    height: 80px;
    width: 100%;
    background-color: #ededed; }
  .popup-wrapper #controls-full {
    margin-top: 20px;
    margin-bottom: 15px;
    padding-top: 15px;
    position: static;
    float: right;
    bottom: 23px;
    right: 1%;
    border-top: 1px solid #aaa;
    width: 100%;
    text-align: right; }
    .popup-wrapper #controls-full a {
      float: right; }
  .popup-wrapper #wrapper-full {
    padding: 0px 25px 0px 25px; }
  .popup-wrapper #newContact {
    border: none !important; }
    .popup-wrapper #newContact .controls {
      margin-bottom: 20px; }
  .popup-wrapper textarea.pmt-notes {
    width: 68%;
    height: 75px; }
  .popup-wrapper .trust-transfer select {
    width: 68%; }
  .popup-wrapper .trust-transfer input#amount {
    width: 68%; }
  .popup-wrapper .new-payment .pmt-method, .popup-wrapper .new-payment .trust-acct {
    width: 68%; }
  .popup-wrapper #copyResolution {
    margin-right: 5px; }
  .popup-wrapper table#batchEntry {
    margin-top: 20px; }
  .popup-wrapper .popup-wrapper div.custom-field-list .field {
    width: 47%; }
  .popup-wrapper #panel-nav a {
    background-color: #CCC;
    border-bottom: 1px solid #CCC; }
    .popup-wrapper #panel-nav a:hover {
      background-color: #eee;
      border-bottom: 1px solid #CCC; }
    .popup-wrapper #panel-nav a.active {
      background-color: #eee;
      border-bottom: 1px solid #eee; }
      .popup-wrapper #panel-nav a.active:hover {
        border-bottom: 1px solid #eee; }

#newContact {
  padding: 10px;
  border: 1px solid #CCC;
  margin: 10px 10px 35px 10px;
  overflow: auto; }

#apply-markup-btn {
  width: auto;
  padding: 2px 8px 2px 8px; }

#txtStartDate, #txtEndDate {
  width: 85px; }

.invoice-export-wrapper .listNav {
  width: 200px; }

.invoice-export-wrapper .listPanel {
  float: right; }
  .invoice-export-wrapper .listPanel select, .invoice-export-wrapper .listPanel input {
    width: 262px; }

.lateFeeControl #lateFeeType ul {
  padding-left: 25px; }
  .lateFeeControl #lateFeeType ul .feeRateItem input {
    width: 100px; }

body #wrapper #B4TFooterSection {
  width: 100%; }
  body #wrapper #B4TFooterSection #footer {
    color: #333333;
    padding-top: 20px;
    font-size: 1em;
    background-color: #EDEDED;
    border-top: 1px solid #d9d9d9;
    width: 100%;
    margin-bottom: 0; }
    body #wrapper #B4TFooterSection #footer:after {
      visibility: hidden;
      display: block;
      font-size: 0;
      content: " ";
      clear: both;
      height: 0; }
    body #wrapper #B4TFooterSection #footer .footer-text {
      padding-top: 9px; }
    body #wrapper #B4TFooterSection #footer .footer-left {
      float: left; }
    body #wrapper #B4TFooterSection #footer .footer-right {
      float: right; }
    body #wrapper #B4TFooterSection #footer .footer-center {
      padding-bottom: 15px;
      text-align: center; }
    body #wrapper #B4TFooterSection #footer .seperator {
      padding: 0 20px; }
    body #wrapper #B4TFooterSection #footer .footer-links li {
      display: inline; }
    body #wrapper #B4TFooterSection #footer .footer-links a {
      color: #333333; }
      body #wrapper #B4TFooterSection #footer .footer-links a:hover {
        text-decoration: none;
        color: #3774d9; }
        body #wrapper #B4TFooterSection #footer .footer-links a:hover span {
          color: #3774d9; }

#header span.noresults {
  color: #333333;
  padding-left: 8px; }

body #mainContent div.container.custom-fields-pitch {
  padding: 20px; }

.cannot-edit-definitions .cf-edit-button {
  display: none; }

.custom-field-list.custom-fields-popup input[type="text"], .custom-field-list.custom-fields-popup select, .custom-field-list.custom-fields-popup .oa-ctrls-selector {
  width: 205px !important; }

.custom-field-list {
  margin-top: 10px; }
  .custom-field-list .loading {
    padding-left: 10px;
    display: inline-block; }
  .custom-field-list .fa-sync-alt {
    color: #468847;
    font-size: 1.05rem;
    font-weight: 600;
    position: relative; }
  .custom-field-list .custom-field-buttons {
    position: relative;
    left: 80px;
    bottom: 33px;
    display: inline-block;
    margin-left: 10px; }
  .custom-field-list .field-type-selector {
    display: inline-block; }
  .custom-field-list .field:nth-child(even) {
    margin-left: 0% !important; }
  .custom-field-list .field {
    display: inline-block;
    width: 100% !important;
    clear: initial; }
    .custom-field-list .field input[type="text"], .custom-field-list .field select, .custom-field-list .field .oa-ctrls-selector {
      width: 205px; }
    .custom-field-list .field .cf-buttons-container {
      position: relative;
      display: inline-block; }
      .custom-field-list .field .cf-buttons-container .fa, .custom-field-list .field .cf-buttons-container .far, .custom-field-list .field .cf-buttons-container .fal, .custom-field-list .field .cf-buttons-container .fas, .custom-field-list .field .cf-buttons-container input {
        margin-right: 7px; }
      .custom-field-list .field .cf-buttons-container .cf-button-required label {
        width: 100%;
        padding: 0;
        margin-top: 0; }
        .custom-field-list .field .cf-buttons-container .cf-button-required label input {
          margin-top: 0;
          margin-right: 3px; }
        .custom-field-list .field .cf-buttons-container .cf-button-required label small {
          display: inline-block;
          vertical-align: text-top; }
    .custom-field-list .field .field-definition-editor input.field-definition-label {
      padding-top: 5px;
      padding-bottom: 5px;
      width: 255px !important; }
    .custom-field-list .field .field-definition-editor select, .custom-field-list .field .field-definition-editor .oa-ctrls-selector {
      width: unset; }
    .custom-field-list .field .field-definition-editor .field-type-selector {
      display: inline-block;
      margin: auto 10px; }
      .custom-field-list .field .field-definition-editor .field-type-selector select {
        padding-top: 5px;
        padding-bottom: 5px; }
    .custom-field-list .field .field-definition-editor.save-error input, .custom-field-list .field .field-definition-editor.save-error select, .custom-field-list .field .field-definition-editor.save-error button {
      box-shadow: 0px 0px 8px 1px red; }
    .custom-field-list .field .field {
      width: 50% !important; }
  .custom-field-list .field-value-editor button {
    vertical-align: middle;
    margin-left: 5px; }
  .custom-field-list .oa-ctrls-selector .selector2-icons {
    top: 1px;
    right: 1px; }
  .custom-field-list .oa-ctrls-selector .selector-icon-more {
    background-color: white;
    height: 27px; }
  .custom-field-list .oa-ctrls-selector {
    padding: 0; }
    .custom-field-list .oa-ctrls-selector .inputText.inputFrameField {
      width: 100%; }
  .custom-field-list .oa-fs {
    background: none;
    border-radius: 0px;
    border: none; }
    .custom-field-list .oa-fs input {
      border: 1px solid #aaa; }

.cf-buttons {
  padding: 0px 2px;
  z-index: 999;
  font-size: 1.2rem; }
  .cf-buttons a {
    color: #565757; }
  .cf-buttons .fa-save {
    opacity: .5;
    transition: none; }
  .cf-buttons .is-required {
    color: #aaa; }
  .cf-buttons .is-required.setRequired {
    color: #468cc6; }
  .cf-buttons.activeBtns .fa-save {
    opacity: 1;
    color: #468847; }

.cf-add-button {
  border: 2px dashed #CCC;
  border-radius: 2px;
  width: 255px;
  padding: 4px;
  text-align: center;
  box-sizing: border-box;
  background-color: #EDEDED;
  cursor: pointer;
  font-weight: bold;
  color: #565757; }
  .cf-add-button:hover {
    opacity: .7; }

div.custom-fields-config {
  border-bottom: 1px solid #CCC;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }
  div.custom-fields-config .clear {
    clear: both; }

.custom-fields-settings-wrapper {
  display: block; }
  .custom-fields-settings-wrapper h2:first-of-type {
    margin: 10px 0;
    padding-top: 0; }

.ac_results {
  text-align: left;
  color: #333333;
  font-weight: normal;
  font-size: 0.85rem;
  background-color: #FFF;
  border: 1px solid rgba(120, 120, 120, 0.3);
  padding: 0;
  list-style: none;
  z-index: 999;
  box-shadow: 0 2px 3px -2px black; }
  .ac_results ul {
    max-height: 360px !important; }
    .ac_results ul li {
      padding: 5px;
      font-size: 0.95rem; }
      .ac_results ul li:hover {
        text-decoration: none;
        color: #fff;
        background-color: #3774d9; }

.project-page-fields {
  max-width: 33%;
  overflow: hidden;
  overflow-wrap: break-word; }

.project-page-title h1, .client-page-title h1 {
  max-width: 38%;
  overflow: visible;
  text-overflow: ellipsis; }

.icon-column i {
  font-weight: 400; }

@media (max-width: 1690px) {
  .project-page-title h1, .client-page-title h1 {
    width: 50%; }
  .project-page-fields {
    max-width: 30%; } }

@media (max-width: 1470px) {
  .project-page-title h1, .client-page-title h1 {
    max-width: 40%; }
  .project-page-fields {
    max-width: 30%; } }

@media (max-width: 1310px) {
  .project-page-title h1, .client-page-title h1 {
    width: 35%; }
  .project-page-fields {
    width: 30%; } }

@media (max-width: 1055px) {
  .project-page-title h1, .client-page-title h1 {
    width: 19ch; }
  .project-page-fields {
    width: 19ch; } }

.modal-wrapper #wrapper-full.client-list-edit .col-main .field label {
  width: 120px; }

.balance-adjust .field label {
  width: 130px !important; }

.balance-adjust .applied-section {
  border-top: solid 1px #eee;
  padding-top: 20px;
  margin-top: 20px;
  margin-right: 20px; }

.balance-adjust .applied-section table.results {
  width: 100%; }

.balance-adjust table.results td, .balance-adjust table.results th {
  text-align: left; }

#wrapper-full.main-popup .t-halves {
  min-width: 205px; }

#wrapper-full.main-popup .t-solo div.field label {
  width: 14%; }

#wrapper-full.main-popup .t-solo .field-full {
  display: inline-block;
  width: 82%; }
  #wrapper-full.main-popup .t-solo .field-full textarea {
    width: 95%; }

@media (max-width: 900px) {
  #wrapper-full.main-popup .t-solo .field-full {
    width: 100%; } }

#wrapper-full.main-popup div.field input.oa-text-input, #wrapper-full.main-popup div.field .input-med {
  width: 205px; }

#wrapper-full.main-popup div.field label {
  width: 30%;
  word-wrap: break-word;
  min-width: 150px; }

#wrapper-full.main-popup label.private-description {
  margin-bottom: 1.25rem; }

#wrapper-full.main-popup div.custom-field-list {
  min-width: 800px; }
  #wrapper-full.main-popup div.custom-field-list .custom-field-buttons {
    margin-left: 0; }
  #wrapper-full.main-popup div.custom-field-list .custom-field-button {
    padding: 1px 4px;
    padding-top: 2px; }
  #wrapper-full.main-popup div.custom-field-list .hasDatepicker {
    width: 205px; }
  #wrapper-full.main-popup div.custom-field-list .field {
    min-width: 300px; }
    #wrapper-full.main-popup div.custom-field-list .field label {
      margin-left: 0; }
  @media (min-width: 800px) {
    #wrapper-full.main-popup div.custom-field-list .field:nth-child(even) {
      margin-left: 6%; } }

.wizard-modal {
  margin: 0; }
  .wizard-modal h1, .wizard-modal h3.subheading {
    color: white;
    margin: 0;
    padding: 1rem; }
  .wizard-modal h3, .wizard-modal h2 {
    color: #000; }
  .wizard-modal #header {
    background-color: #27489e;
    width: 100%; }
    .wizard-modal #header h1 {
      padding: 0.8rem 2.2rem; }
    .wizard-modal #header .subheading {
      padding: 0.8rem 2.2rem;
      margin: 0;
      background-color: #333; }
  .wizard-modal table {
    border-collapse: collapse; }
  .wizard-modal .done-fo-sho {
    width: 100%;
    text-align: center;
    height: 340px;
    margin-bottom: 0; }
    .wizard-modal .done-fo-sho #btnDone {
      margin-top: 6%;
      display: inline-block;
      width: 40%; }
  .wizard-modal #content {
    padding: 2rem 2.2rem; }
  .wizard-modal p {
    margin: 10px 0; }
  .wizard-modal p.radio {
    margin-bottom: 0; }
  .wizard-modal ul {
    padding-left: 25px; }
  .wizard-modal .container-half, .wizard-modal .container-full {
    float: left;
    width: 50%; }
    .wizard-modal .container-half label, .wizard-modal .container-full label {
      display: block;
      float: left;
      padding: 2px 10px 2px 0;
      text-align: right;
      width: 30%;
      font-weight: 700; }
    .wizard-modal .container-half p.radio, .wizard-modal .container-full p.radio {
      padding-left: 2rem;
      vertical-align: middle; }
      .wizard-modal .container-half p.radio label, .wizard-modal .container-full p.radio label {
        margin-right: 1.5rem;
        width: auto; }
        .wizard-modal .container-half p.radio label input[type='radio'], .wizard-modal .container-full p.radio label input[type='radio'] {
          width: 10px; }
    .wizard-modal .container-half input:not(.button), .wizard-modal .container-half select, .wizard-modal .container-full input:not(.button), .wizard-modal .container-full select {
      width: 60%;
      border-radius: 2px;
      padding: 4px; }
    .wizard-modal .container-half input[type='file'], .wizard-modal .container-full input[type='file'] {
      width: 27%; }
  .wizard-modal .container-full {
    width: 100%; }
    .wizard-modal .container-full label {
      width: 17%; }
    .wizard-modal .container-full input, .wizard-modal .container-full select {
      width: 27%; }
  .wizard-modal #taxRate {
    width: 4rem; }
  .wizard-modal label span.percentage {
    font-weight: bold; }
  .wizard-modal .guideNav {
    position: fixed;
    bottom: 0;
    height: 60px;
    margin-left: -2.2rem;
    width: 100%;
    text-align: right;
    background-color: #ededed;
    border-top: 1px #dedede solid; }
    .wizard-modal .guideNav a {
      margin-top: 12px;
      display: inline-block; }
      .wizard-modal .guideNav a:last-child {
        margin-right: 2.2rem; }
      .wizard-modal .guideNav a.button-previous-step.guideLeft {
        color: white;
        background-color: #aaa; }
        .wizard-modal .guideNav a.button-previous-step.guideLeft:hover {
          color: white !important;
          background-color: #919191; }
  .wizard-modal p.desc {
    font-weight: 400;
    margin: 0; }
  .wizard-modal span.subtext {
    color: #999;
    margin-left: 20px;
    font-size: 0.9em; }
  .wizard-modal p.subtext {
    color: #999;
    margin-left: 0px;
    font-size: 0.9em; }
  .wizard-modal .ListBox {
    background: #FFF; }
    .wizard-modal .ListBox tr img.delrow {
      display: none;
      cursor: pointer; }
    .wizard-modal .ListBox tr img.delrow_ghost {
      display: inline; }
    .wizard-modal .ListBox tr:hover img.delrow {
      display: inline; }
    .wizard-modal .ListBox tr:hover img.delrow_ghost {
      display: none; }
  .wizard-modal .ListBox table {
    width: 100%; }
  .wizard-modal .ListBox th {
    padding: 3px 3px;
    background-color: #DEDEDE;
    border: 1px solid #CCC; }
  .wizard-modal .ListBox td {
    padding: 3px 3px;
    background-color: #F5F5F5;
    border-bottom: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2; }
  .wizard-modal .ListBox td.DeleteColumn {
    width: 20px;
    text-align: center;
    border-right: 1px solid #E2E2E2;
    border-left: none; }
  .wizard-modal .dateOption {
    cursor: pointer;
    float: left;
    margin: 0 30px 0;
    padding: 15px;
    text-align: center;
    width: 46%;
    margin: 0; }
  .wizard-modal .dateOption h3 {
    background: #65707f;
    background: linear-gradient(to bottom, #65707f 0%, #4a5564 100%);
    color: white;
    display: block;
    font-size: 1.0em;
    line-height: 1.7em;
    margin: 0;
    text-transform: uppercase;
    border-radius: 6px 6px 0px 0px; }
  .wizard-modal .dateOption div {
    background: #fff;
    background: linear-gradient(to bottom, #fff 0%, #eff3f4 100%);
    border: 2px solid #ccc;
    border-top: none;
    padding: 6px 0;
    border-radius: 0px 0px 6px 6px; }
  .wizard-modal .dateOption div:hover {
    background: white; }
  .wizard-modal .dateOptionSelected div {
    border-color: #3685C7; }
  .wizard-modal .dateOption p {
    margin: 0; }
  .wizard-modal .dateOption strong {
    font-size: 1.4em;
    line-height: 1.6em; }
  .wizard-modal .dateOption span {
    color: #666;
    display: block;
    line-height: 1.6em; }

.scheduler-users-modal #modal-header {
  background-color: #27489e; }
  .scheduler-users-modal #modal-header h3 {
    color: #fff;
    margin-left: 20px; }

.scheduler-users-modal #controls-full {
  padding: 10px;
  background-color: #ededed;
  height: 60px;
  max-height: 40px;
  border-top: 1px solid #dedede;
  text-align: right; }
  .scheduler-users-modal #controls-full a {
    float: none;
    display: inline-block;
    margin-left: 3px; }
  .scheduler-users-modal #controls-full input {
    margin-left: 3px; }

.edit-note-page div.field span {
  white-space: initial;
  display: inline-block;
  max-width: 300px; }

.apply-late-fee-page input[type='text'] {
  max-width: 100px; }

.apply-late-fee-page .feeRateItem.open {
  margin-bottom: 5px; }

.apply-late-fee-page #lateFeeType {
  padding-bottom: 5px; }

.reportViewer .filters, .reportViewer .report {
  display: inline-block;
  vertical-align: top;
  margin: 20px;
  padding: 20px; }

.reportViewer #toggle-filters {
  margin: 20px 40px 0 0;
  color: rgba(0, 0, 0, 0.54); }

.reportViewer #toggle-filters.rotate {
  margin-left: 20px;
  transform: rotate(180deg); }

.reportViewer #filters-view {
  /*white-space:nowrap;*/ }

.reportViewer .filters {
  margin-right: 5px; }

.reportViewer .report {
  margin-left: 10px;
  white-space: normal; }

.reportViewer input[type="text"] {
  width: 264px;
  height: 24px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding-left: 5px; }

.reportViewer .datepicker-frame input {
  border: none;
  outline: none;
  background: none; }

.reportViewer input[type="button"] {
  margin-top: 10px; }

.reportViewer textarea {
  width: 265px;
  border: 1px solid #ccc;
  border-radius: 3px; }

.reportViewer .selector-frame {
  width: 269px; }

.reportViewer #toggle-advanced-container {
  padding-top: 10px; }

.reportViewer .filters {
  width: 264px;
  border: 1px solid #c5dbec;
  background: #eaf4fd; }

.reportViewer .report {
  position: relative;
  background: #ffffff;
  min-width: 800px; }

.reportViewer .date-filter {
  padding-bottom: 10px; }

.reportViewer .checkbox-container {
  float: right; }

.reportViewer .dateEnd {
  float: right; }

.reportViewer .dateStart {
  float: left; }

.reportViewer .display-filters {
  max-width: 800px; }

.reportViewer .report-content table {
  max-width: 1200px; }

.reportViewer .report-content table td {
  /*word-break: break-word;*/ }

.reportViewer .filters {
  white-space: normal; }

.reportViewer .isOptionSelected, .reportViewer .exclude {
  cursor: pointer; }

.reportViewer #exports {
  position: absolute;
  top: 10px;
  right: 10px; }

.reportViewer .tooltipValidator {
  background-color: FireBrick !important;
  opacity: .90 !important; }

.reportViewer .inputValidator:focus {
  outline: 1px solid FireBrick; }

.reportViewer .ui-icon {
  background-image: none !important; }

@page {
  .reportViewer {
    margin: .75cm .5cm .75cm .5cm !important; } }

@media print {
  .reportViewer {
    /*For some reason display block seems to help with text clipping when printing reports in browsers*/
    /*.report .report-content td:after,.report .report-content td:before {
       content:"";
       display:block;
       height:3px;
    }*/ }
    .reportViewer body {
      margin: 0mm 0mm 0mm 0mm !important;
      background-color: #ffffff !important; }
    .reportViewer .report {
      display: block !important;
      font-family: Tahoma, Arial !important;
      font-size: 8pt !important;
      padding: 0px !important;
      border: none !important;
      margin: 0px !important; }
    .reportViewer .no-print {
      display: none !important; }
    .reportViewer .report .report-content td {
      min-width: 0px !important;
      padding-top: 1mm;
      padding-bottom: 1mm;
      vertical-align: top;
      /*word-break: normal;*/
      /*overflow:visible;*/
      /*page-break-inside:avoid;*/ }
    .reportViewer .report .report-content table {
      width: 100%; }
    .reportViewer table {
      page-break-after: auto; }
    .reportViewer tr {
      page-break-inside: avoid;
      page-break-after: auto; }
    .reportViewer td {
      page-break-inside: avoid;
      page-break-after: auto; }
    .reportViewer thead {
      display: table-header-group; }
    .reportViewer tfoot {
      display: table-footer-group; } }

iframe#client-portal-settings {
  border-width: 0;
  width: 100%; }

body.invoice_download {
  background-color: #fff; }
  body.invoice_download .page_header {
    display: block;
    margin: 0px;
    padding: 0px;
    background-color: #305E94;
    height: 52px; }
  body.invoice_download .headerLogo {
    height: 35px;
    margin: 8px; }
  body.invoice_download .page_text {
    margin-top: 80px;
    text-align: center;
    color: #666666; }

.invoiceSearchTotalColumn {
  text-align: right;
  white-space: nowrap; }

.invoiceStandardSelector {
  width: 205px; }

#invoice-filter-advanced #clientSelParent {
  margin-left: 3px; }

#invoice-filter-advanced #clientSelParent, #invoice-filter-advanced #projectSelParent {
  margin-right: 8px; }

#invoice-filter-advanced #clientSelParent, #invoice-filter-advanced #projectSelParent {
  display: inline-block;
  height: 36px; }
  #invoice-filter-advanced #clientSelParent .select2-container, #invoice-filter-advanced #projectSelParent .select2-container {
    width: 205px !important; }
  #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single {
    height: 36px;
    border: 1px solid #CCCCCC;
    padding-left: 8px; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single .invoiceStandardSelector .dropdownStyling, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single .invoiceStandardSelector .dropdownStyling {
      border-radius: 4px; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single .select2-selection__arrow b, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #B7B7B7 transparent transparent transparent; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single:hover, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single:hover {
      border-color: #27489e;
      text-decoration: none; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single.button-down, #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single:active, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single.button-down, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single:active {
      background-color: #27489e; }
      #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single.button-down .select2-selection__rendered, #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single:active .select2-selection__rendered, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single.button-down .select2-selection__rendered, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single:active .select2-selection__rendered {
        color: #FFFFFF; }
      #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single.button-down .select2-selection__arrow b, #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single:active .select2-selection__arrow b, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single.button-down .select2-selection__arrow b, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single:active .select2-selection__arrow b {
        border-color: #FFFFFF transparent transparent transparent; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single .select2-selection__rendered, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single .select2-selection__rendered {
      line-height: 34px; }
    #invoice-filter-advanced #clientSelParent .select2-container--default .select2-selection--single .select2-selection__arrow, #invoice-filter-advanced #projectSelParent .select2-container--default .select2-selection--single .select2-selection__arrow {
      margin-top: 2px;
      padding-right: 12px; }

.invoiceSearchFilterLabel {
  font-weight: 300; }

.filterButtonText {
  color: black; }
  .filterButtonText.fa.fa-times-circle {
    font-size: 18px;
    padding-left: 5px;
    color: #ababab; }
    .filterButtonText.fa.fa-times-circle:hover {
      color: #3685C7; }

span.selector.fa.fa-caret-down {
  padding-left: 10px; }

#invoices-dashboard .bui-button.disabledPrintInvoicesBtn {
  background-color: #BED2E4;
  color: #FFFFFF; }
  #invoices-dashboard .bui-button.disabledPrintInvoicesBtn:hover {
    color: #FFFFFF !important;
    cursor: default; }

body form span.paid-check {
  color: #468847;
  font-size: 15px; }

body form span.invoice-mail {
  font-size: 16px; }

#invoices-dashboard a span.mc-tooltip {
  text-decoration: none;
  color: #333333;
  border-bottom: 1px dotted #ccc; }

.openInvoiceBatchLink .fa-edit {
  font-size: 1rem;
  position: relative;
  left: 2px; }

.inline-holder {
  display: inline-block;
  white-space: nowrap; }

.delete-button {
  cursor: pointer; }

.image {
  max-width: 400px; }

input.bui-button-secondary.file-upload-button {
  padding: 7px;
  float: right; }

.cardholder-name {
  border: none;
  outline: none;
  font-size: 14px;
  font-family: sans-serif !important;
  margin-left: -5px;
  margin-bottom: 10px;
  padding-left: 33px; }

.standardSelector {
  width: 205px; }

.selParent {
  width: 68%; }
  .selParent .select2-selection__arrow {
    right: 4px !important; }
  .selParent .select2-selection {
    border-radius: 0px !important; }

#clientSelParent {
  display: inline-block; }

#projectSelParent {
  display: inline-block; }

.select2-results__option--highlighted .selectorProjectLabel {
  color: white; }

.selectorProjectLabel {
  display: block;
  font-size: 14px;
  color: grey;
  opacity: 0.7; }

span.invoice-terms-icon.fa-edit {
  font-size: 0.9rem !important;
  vertical-align: initial !important; }

div#finalizeOptions.bui-buttons {
  display: flex;
  align-items: center; }

div#finalizeOptions.bui-buttons > button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 4px; }
  div#finalizeOptions.bui-buttons > button svg path {
    width: 14px;
    height: 14px; }
  div#finalizeOptions.bui-buttons > button:disabled svg path {
    fill: #949CAF; }
  div#finalizeOptions.bui-buttons > button:not(:disabled) svg path {
    fill: #ffffff; }

body .ui-tooltip {
  font-size: 0.855rem;
  border-radius: 5px; }

body [data-tooltip] {
  color: #468cc6;
  cursor: help;
  font-weight: 600; }

body .invoiceEmailRejectedTooltip {
  color: #ff5555; }

table.batchEntry {
  margin-top: 10px;
  /*@extend table.results;*/
  /*tr:hover {
        background-color: inherit !important;
    }*/ }
  table.batchEntry * {
    padding: 2px !important; }
  table.batchEntry td div[id*='taskCodeContainer'], table.batchEntry select[id*='activity'], table.batchEntry select[id*='ticket'] {
    padding: 0 !important; }
  table.batchEntry a.link {
    white-space: nowrap;
    margin: 3px;
    display: inline-block;
    outline: none; }
  table.batchEntry th {
    white-space: nowrap; }
    table.batchEntry th.userHeader {
      width: 205px; }
    table.batchEntry th.clientHeader {
      width: 205px; }
    table.batchEntry th.selectHeader {
      width: 205px; }
    table.batchEntry th.selectHeaderSm {
      width: 95px; }
    table.batchEntry th.dateHeader {
      width: 115px; }
    table.batchEntry th.hoursHeader {
      width: 45px; }
    table.batchEntry th.rateHeader {
      width: 70px; }

@-moz-document url-prefix() {
  table.batchEntry select, table.batchEntry input {
    height: 1.8em;
    line-height: 1.8em; } }
  table.batchEntry input:not([type='checkbox']), table.batchEntry select {
    width: 100% !important; }
  table.batchEntry select, table.batchEntry input.clientSelectorInput {
    background-image: none; }
  table.batchEntry input[id*='Time'], table.batchEntry input[id*='Rate'] {
    min-width: 35px; }
  table.batchEntry input[id*='OverrideRate'] {
    min-width: 70px; }
  table.batchEntry input[id*='displayDte'] {
    min-width: 95px; }
  table.batchEntry div[id*='ExcludeSpan'] {
    display: inline-block;
    margin-left: 10px; }

.animated {
  animation-fill-mode: both;
  animation-duration: 0.5s; }

div.hopscotch-bubble.animate {
  -moz-transition-property: top, left;
  -moz-transition-duration: 0.5s;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-property: top, left;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-property: top, left;
  -o-transition-duration: 0.5s;
  -o-transition-timing-function: ease-in-out;
  -webkit-transition-property: top, left;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  transition-property: top, left;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out; }

.nova {
  font-size: 14px;
  /* FILTER NATURAL */
  /* FILTER BOX */
  /* CATEGORY GROUP */
  /* DATA TABLE */ }
  .nova table {
    font-size: 0.95rem; }
  .nova .grid-half {
    float: left;
    width: 45%; }
    .nova .grid-half.right {
      margin-left: 10%; }
  .nova .align-right {
    text-align: right; }
  .nova .filter-natural {
    color: #989898;
    letter-spacing: .5px;
    line-height: 1.5em;
    text-transform: uppercase; }
    .nova .filter-natural a.filter-natural-trigger {
      color: #3774d9;
      font-weight: 700;
      text-decoration: none;
      white-space: nowrap;
      padding: 0px 2px;
      border-radius: 4px; }
      .nova .filter-natural a.filter-natural-trigger:hover {
        background-position: right -12px;
        color: white;
        background-color: #3774d9;
        transition: background-color 0.2s, color 0.2s; }
      .nova .filter-natural a.filter-natural-trigger[aria-pressed="true"] {
        background-position: right -12px;
        color: white;
        background-color: #3774d9;
        transition: background-color 0.0s, color 0.0s; }
  .nova .filter-box p {
    color: #d4d0d0;
    margin: 5px 0 0 0;
    font-size: .9em;
    font-weight: 500;
    text-transform: lowercase; }
    .nova .filter-box p a {
      color: #6DA4D2;
      text-decoration: none; }
    .nova .filter-box p a:hover {
      color: #3774d9;
      text-decoration: underline; }
  .nova .filter-box #filter-week {
    background: #fff url(../images/sprites-row-40.png) no-repeat 0 0; }
  .nova .filter-box #filter-search {
    background: #fff url(../images/sprites-row-40.png) no-repeat 0 -40px; }
  .nova .category-table {
    margin-top: 10px; }
    .nova .category-table .header {
      background: #3774d9;
      color: #fff;
      height: 40px; }
      .nova .category-table .header a.toggle {
        color: #82d1f3;
        float: left;
        line-height: 40px;
        margin: 0 10px; }
      .nova .category-table .header h2 {
        color: #fff;
        float: left;
        font-size: 14px;
        line-height: 40px;
        margin: 0;
        padding: 0; }
        .nova .category-table .header h2 a {
          color: #fff; }
      .nova .category-table .header p {
        color: #b2e5fb;
        float: right;
        line-height: 40px;
        margin: 0 10px; }
        .nova .category-table .header p strong {
          color: #fff; }
  .nova table.data-table {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    width: 100%; }
    .nova table.data-table thead, .nova table.data-table tfoot {
      background: #f6f5f5; }
    .nova table.data-table th {
      padding: 10px;
      text-align: left; }
      .nova table.data-table th.sortable {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none; }
        .nova table.data-table th.sortable:hover {
          background: #ededed; }
      .nova table.data-table th .sort-indicator {
        background: gray;
        display: inline-block;
        height: 10px;
        margin-left: 5px;
        width: 10px; }
      .nova table.data-table th.sort-up .sort-indicator {
        background: green; }
      .nova table.data-table th.sort-down .sort-indicator {
        background: red; }
    .nova table.data-table tr {
      cursor: pointer; }
      .nova table.data-table tr:hover {
        background: #6DA4D2; }
    .nova table.data-table td {
      border-top: 1px solid #d9d9d9;
      padding: 10px; }
    .nova table.data-table tfoot td {
      font-weight: bold; }

#entry-chart .entry-chart-legend {
  color: #fff;
  display: block;
  float: left;
  font-size: 12px;
  font-weight: 500;
  padding: 0 1em .5em; }
  #entry-chart .entry-chart-legend strong {
    font-weight: 700; }

#entry-chart #entry-chart-date {
  color: #989898; }

#entry-chart #entry-chart-hours {
  color: #1a71ae; }

#entry-chart #entry-chart-expenses {
  color: #1a941a; }

#batch-invoice-table tr th:first-child, #batch-invoice-table tr td:first-child {
  padding-left: 7px;
  padding-right: 5px; }

#batch-invoice-table input[type='checkbox'] {
  width: 16px;
  height: 16px; }

/* HACKY - need to integrate */
[data-lineitemtype="E"] td:first-child {
  background: url(../images/entrySprites-expenses.png) no-repeat 5px center;
  border-left: 7px solid #999;
  padding-left: 30px; }

[data-lineitemtype="L"] td:first-child {
  background: url(../images/entrySprites-time.png) no-repeat 5px center;
  border-left: 7px solid #668723;
  padding-left: 30px; }

[data-lineitemtype="I"] td:first-child {
  background: url(../images/entrySprites-internal.png) no-repeat 5px center;
  border-left: 7px solid #a99649;
  padding-left: 30px; }

.main_nav {
  float: right;
  margin-top: 1px; }

.lateFeeControl {
  width: 100%;
  overflow: auto;
  overflow-y: hidden;
  clear: both; }
  .lateFeeControl .dialog, .lateFeeControl .t-halves-dialog {
    float: left; }
    .lateFeeControl .dialog .lateFeeHeader, .lateFeeControl .t-halves-dialog .lateFeeHeader {
      width: 750px; }
  .lateFeeControl.view .lateFeeHeader {
    display: none; }
  .lateFeeControl.edit .container {
    padding: 5px 20px 5px 20px; }
  .lateFeeControl.edit h3 {
    display: inline-block; }
  .lateFeeControl.edit .defaultSettings {
    display: inline-block; }
  .lateFeeControl.edit .bottomPadding {
    padding-bottom: 100px; }
  .lateFeeControl .lateFeeHeader {
    border-bottom: 1px dotted #ccc;
    float: left; }
    .lateFeeControl .lateFeeHeader label {
      font-size: 8pt; }
    .lateFeeControl .lateFeeHeader input[type="checkbox"] {
      width: 13px;
      vertical-align: middle; }
  .lateFeeControl .lateFeeContent {
    border-bottom: 1px dotted #ccc; }
    .lateFeeControl .lateFeeContent .col-right input {
      margin-left: 0px; }
  .lateFeeControl .feeRateItem.open, .lateFeeControl .feeFlatItem.open {
    max-height: 25px;
    transition: all 0.15s ease-out; }
  .lateFeeControl .feeRateItem.close, .lateFeeControl .feeFlatItem.close {
    max-height: 0px;
    overflow: hidden;
    transition: all 0.15s ease-out; }
  .lateFeeControl .lateFeeView .tleft {
    width: 110px;
    text-align: right;
    display: inline-block;
    margin-right: 7px; }
  .lateFeeControl .lateFeeView .tright {
    width: 245px;
    text-align: left;
    display: inline-block; }
  .lateFeeControl #lateFeeType ul {
    padding-left: 134px; }
  .lateFeeControl #lateFeeType li {
    list-style-type: none; }
  .lateFeeControl #lateFeeSettings {
    padding-top: 3px; }
  .lateFeeControl h3 {
    margin: 4px 3px;
    padding-left: 40px; }
  .lateFeeControl h4 {
    margin: 2px 2px;
    text-decoration: underline; }
  .lateFeeControl ul {
    line-height: 25px; }
    .lateFeeControl ul li label {
      vertical-align: middle; }
    .lateFeeControl ul li input {
      vertical-align: middle; }
    .lateFeeControl ul li.feeRateItem, .lateFeeControl ul li.feeFlatItem {
      padding-left: 22px; }

.timeEntrySelectors .select2-container, .matterClientSelector .select2-container, .expenseEntrySelectors .select2-container {
  width: 205px !important; }

.timeEntrySelectors .standardSelector, .matterClientSelector .standardSelector, .expenseEntrySelectors .standardSelector {
  width: 205px;
  border-radius: 0px !important; }

.charCounterLabel {
  display: block;
  text-align: right;
  color: lightgray;
  width: 93%; }

#expenseCharCounterContainer {
  max-width: 100%; }