body {
  font-size: 13px;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", 'Open Sans', 'Trebuchet MS', Verdana, Helvetica, sans-serif;
}

body.thinking,
body.thinking a {
  cursor: wait;
}

div.left {
  float: left;
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}

a:hover {
  text-decoration: underline;
}

a img {
  border: 0;
}

a:active {
  outline: none;
}

:focus {
  outline: none !important;
  outline-color: transparent;
  outline-style: none;
}

hr {
  height: 0;
  border: none;
  padding: 2px 0;
}


input[type=image] {
  vertical-align: middle;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder,
.placeholder {
  color: #b3b3b3;
  font-style: italic;
}

.fas {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}

.far {
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
}

/*** Positioning ***/
td.left,
div.left,
.tabledata td.left,
.tabledata tr.center th.left,
.tabledata tr.center td.left,
.expand-child .details td.left,
.expand-child .workOrders td.left {
  text-align: left !important;
}

td.center,
div.center,
.tabledata .certDate,
tr.center th,
tr.center td,
div.center,
p.center,
th.center,
td.center,
th.center {
  text-align: center;
}

td.right,
table.tablesorter tr.totals td.right,
.tabledata td.right,
form .buttons.right {
  text-align: right;
}

#sessionProp {
  display: none;
}

/*** New Header ***/
#banner {
  height: 30px;
  padding: 3px 0;
}

#banner .logo {
  background: url(/assets/images/empower/logo_horizontal.svg) 2px 0 no-repeat;
  background-size: 132px;
  text-align: right;
  min-width: 300px;
  height: 30px;
  float: left;
  padding: 0;
}

#banner .info {
  padding-top: 8px;
  font-weight: 500;
  font-size: 13px;
  float: right;
  color: #333;
}

#banner .info span {
  padding: 0 8px;
  border-right: 1px solid #777;
}

#banner .info span:last-child {
  border-right: none;
}

#menu-strip {
  background: #000;
  margin-bottom: 10px;
  text-align: left;
}

#menu-links {
  text-align: left;
}

#menu-links li {
  display: inline-table;
  margin: 0;
  padding: 0;
  font-size: 13px;
  border-left: 1px solid #666;
}

#menu-links li:last-child {
  border-right: 1px solid #666;
}

#menu-links li a {
  padding: 6px 15px 8px;
  min-width: 34px;
  text-align: center;
  display: block;
  color: #f0f0f0;
  text-decoration: none;
}

body#dashboard #menu-links a.dashboard,
body#jobs #menu-links a.jobs,
body#alljobs #menu-links a.alljobs,
body#properties #menu-links a.properties,
body#tickets #menu-links a.tickets {
  border-top: 1px solid #000;
  background: #EEE;
  font-weight: 500;
  color: #000;
}

#announcement {
  background: #ffff5f;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
}

#announcement .closer {
  float: right;
  margin: 2px;
  cursor: pointer;
}

/*** Header ***/
#logo {
  background: url(/assets/images/empower/logo_header.png) 0 6px no-repeat;
  background-image: url(/assets/images/empower/logo_horizontal.svg), none;
  background-size: 146px auto;
  text-align: right;
  min-width: 175px;
  height: 42px;
  float: left;
  vertical-align: middle;
  margin: 4px 8px 0;
}

@media (max-width:991px) {
  #logo {
    background: url(/assets/images/empower/logo_header_icon.png) 0 6px no-repeat;
    background-image: url(/assets/images/empower/logo_box.svg), none;
    background-size: 44px auto;
    text-align: right;
    min-width: 40px;
    height: 42px;
    margin: 4px 0 0 8px !important;
  }
}

#logo img {
  margin-left: 210px;
  margin-top: 10px;
  height: 40px;
}

#logo_custom {
  background: url(/assets/images/empower/logo_header_icon.png) 0 6px no-repeat;
  background-image: url(/assets/images/empower/logo_box.svg), none;
  background-size: 44px auto;
  padding-left: 42px;
  padding-top: 6px;
  width: 175px;
  height: 42px;
  float: left;
  text-align: left;
  position: relative;
  margin: 4px 8px 0;
}

#logo_custom img {
  max-height: 30px;
  max-width: 140px;
  padding-left: 10px;
  margin: auto;
  vertical-align: middle;
}

#logo_pro {
  float: left;
  height: 50px;
}

#logo_pro img {
  margin-top: 10px;
  height: 40px;
}

#logo_foot {
  background: url(/assets/images/empower/logo_small.png) no-repeat;
  background-image: url(/assets/images/empower/logo_horizontal.svg), none;
  background-size: 150px auto;
  display: inline-block;
  height: 40px;
  width: 150px;
  margin: 4px;
}

#error_pic {
  padding: 0 16px 100px 0;
}

#header .trial {
  background-color: #873298;
  color: #fff;
  font-weight: 600;
  padding: 2px 5px;
  border-radius: 3px;
  vertical-align: middle;
  margin: 10px 0 0 165px;
}

#logo_custom .trial {
  margin-left: 10px;
  display: inline;
  font-size: 12px;
}

#topnav ul {
  padding: 0;
  font-size: 13px;
  font-weight: 300;
}

#topnav li {
  display: table-cell;
  margin: 0;
  padding: 0;
}

* + html #topnav li {
  float: left;
}

#propSearch input {
  font-size: .85em;
}

#header div.inactive {
  color: #FFF;
  background: #590099;
  padding: 8px 0;
  font-weight: 600;
  text-align: center;
}

#overdue {
  color: #FFF;
  background: #b70202;
  padding: 16px 0;
  margin-top: -9px;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 1.15em;
}

#overdue a {
  color: #FFF;
  border-bottom: 1px dotted #FFF;
}

#oldBrowser {
  color: #FFF;
  background: #000;
  padding: 12px 0;
  margin-top: -11px;
  margin-bottom: 10px;
  font-weight: 700;
}

#oldBrowser.red {
  background: #b70202;
}

#oldBrowser a {
  text-decoration: underline;
  color: #6cf;
}

noscript .red {
  background: #b70202;
  font-size: 16px;
  margin-top: -11px;
  padding: 20px;
  width: 100%;
  color: #FFF;
}

.content {
  background: #fff;
  padding: 13px;
  margin-bottom: 12px;
  -moz-box-shadow: 0 1px 5px #DDD;
  -webkit-box-shadow: 0 1px 5px #DDD;
  box-shadow: 0 1px 5px #DDD;
  background-clip: padding-box;

}

.sortable-placeholder {
  box-shadow: inset 0px 0px 20px 10px #fff;
  background-color: #f1f1f1;
  min-height: 5em;
}

table.supported td {
  padding: 2px 20px;
  width: 126px;
}

table.upgrade td {
  padding: 4px;
}

.content div.chart {
  float: right;
}

div.chart {
  background: #FFF;
  text-align: center;
}

.borders {
  border: 1px solid rgba(209, 199, 172, 0.6);
}

.borders .borders .borders {
  border: 1px solid rgba(209, 199, 172, 0.3);
}

.borders h6 {
  padding: 4px;
  text-transform: uppercase;
  margin: -13px -13px 2px;
  border-bottom: 1px solid #eadec2;
  cursor: default;
  padding: 7px 7px 4px;
  font-weight: 400;
  border-bottom: none;
  background: none;
  color: #999;
  font-size: 12px;
}

.borders h6 .fas,
.borders h6 .far {
  font-size: 1.25em;
  margin-right: 2px;
}

.borders h6 img {
  vertical-align: middle;
  display: block;
  float: left;
  padding: 0;
  margin: 0 5px 0 0;
}

.borders h6 a {
  float: right;
  font-weight: 400;
  font-size: .8em;
  color: inherit;
}

.borders h6 a:hover {
  text-decoration: none;
}

.borders h6 button {
  float: right;
  font-size: 10px;
  padding: 4px 6px;
  margin: -2px;
  text-transform: none;
}

div.map {
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

div.scrollTable,
div.subnav {
  padding: 0;
}

div.scrollTable h6,
div.subnav h6 {
  margin: 0;
}

div.scrollTable table {
  border: none;
}

/*** Columns ***/
#mainCol,
#sideCol,
#leftCol,
#rightCol,
#filterCol,
#tableCol,
#doubleCol,
#singleCol {
  float: left;
}

#mainCol {
  width: 654px;
}

#sideCol {
  margin: 0 0 0 8px;
  width: 320px;
}

#leftCol {
  margin: 0 8px 0 0;
  width: 220px;
}

#filterCol {
  margin: 0 8px 0 0;
  width: 195px;
}

#filterCol .content {
  padding: 12px;
}

#tableCol {
  width: 787px;
}

#rightCol {
  width: 760px;
}

#doubleCol {
  width: 662px;
}

#singleCol {
  width: 315px;
}

div.left {
  margin: 0 12px 0 0;
}

.ui-accordion h3 {
  font-family: inherit;
}

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 6.5em;
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  outline: none;
  z-index: 10001;
  margin: 0;
}

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 11em;
}

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888;
}

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888;
}

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #000;
  list-style: none;
  margin: 0;
}

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #fff;
  color: #000;
}

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #1980EC;
  color: #fff;
}

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc;
}

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default;
}

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2;
}

form.inline .field label:not([for]) {
  float: left;
  width: 110px;
  padding: 7px 3px 0 3px;
}

form.inline .field label[for] {
  width: auto;
}

form.inline .chzn-container {
  margin-top: 3px;
  vertical-align: middle;
}

form.pad .field label {
  padding-left: 30px;
}

dl.above dt {
  font-weight: 700;
  display: inline;
  list-style: none;
  float: left;
  padding: 2px;
}

dl.above label {
  width: auto;
}

form .field {
  min-height: 36px;
  margin-bottom: 6px;
}

input.textbox-nano,
input.textbox-tiny,
input.textbox-small,
input.textbox-medium,
input.textbox,
input.textbox-large,
input.textbox-full,
.textarea-small,
.textarea,
.textarea-large,
.textarea-full,
select {
  padding: 5px 4px;
}

.textbox-nano:focus,
.textbox-tiny:focus,
.textbox-small:focus,
.textbox-medium:focus,
.textbox:focus,
.textbox-large:focus,
.textbox-full:focus,
.textarea-small:focus,
.textarea:focus,
.textarea-large:focus,
.textarea-full:focus,
select:focus {
  border-color: #988760;
}

.textarea,
.textarea-small,
.textarea-large {
  width: 340px;
  height: 100px;
}

.textarea-small {
  width: 250px;
}

textarea {
  resize: vertical;
}

.textbox-nano {
  width: 50px;
}

.textbox-tiny {
  width: 120px;
}

.textbox-small {
  width: 170px;
}

.textbox-medium {
  width: 220px;
}

.textbox {
  width: 275px;
}

.textbox-large {
  width: 390px;
}

.textbox-full {
  width: 100%;
  box-sizing: border-box;
}

.textarea-large {
  width: 500px;
}

.textarea-full {
  width: 100%;
  box-sizing: border-box;
}

div#head {
  margin-bottom: 10px;
}

#head div.right {
  float: right;
}

form .field-error {
  font-weight: 400;
  font-size: .95em;
  margin-left: 6px;
  color: #d44937;
}

div.token-field.error {
  padding: 0 2px !important;
}

form.inline .field label.error,
label.error {
  font-size: .95em;
  padding: 7px 1px;
  color: #900;
  width: auto;
  float: none;
}

/*** Messages ***/
.hidden,
#message,
.sectionContent,
div.newNote,
#newNote,
#newRow {
  display: none;
}

#message {
  line-height: normal;
}

p.success,
p.error,
p.warning,
p.alert,
p.litigation,
p.refresh,
p.contact-error,
p.disabled {
  background: url(/assets/images/empower/icons.png) no-repeat;
  background-size: 173px;
  font-size: 14px;
  line-height: 22px;
  margin: 0 0 10px;
  color: #fff;
  padding: 4px 10px 4px 34px;
  display: block;
  border-radius: 5px;
  border: 2px solid;
}

p.success a,
p.error a,
p.warning a,
p.litigation a {
  color: #fff;
  text-decoration: underline;
}

p.success {
  background-color: #86ca5d;
  background-position: -144px -284px;
  border-color: #5cb327;
}

p.error,
p.contact-error {
  background-color: #e54f3d;
  background-position: -144px -349px;
  border-color: #b9301e;
}

p.warning {
  background-color: #ffaf30;
  background-position: -144px -413px;
  border-color: #ff8000;
}

p.alert {
  background-color: #4f84f6;
  background-position: -144px -484px;
  border-color: #0079f0;
}

p.litigation {
  background: #cec101 url(/assets/images/empower/icn_litigation.png) 4px 3px no-repeat;
  border-color: #a99e01;
}

p.refresh {
  background: #718eff url(/assets/images/empower/ajax-loader-refresh.gif) no-repeat 4px 6px;
  border-color: #0079f0;
  padding-left: 30px;
}

p.disabled {
  background: #d44937;
  padding-left: inherit;
  border-color: #aa2b1a;
  text-align: center;
}

img.file {
  vertical-align: bottom;
}

span.address {
  color: #999;
  margin-left: 10px;
}

/*** File Icons ***/
p.file,
i.file {
  vertical-align: -9%;
  display: inline-table;
  padding: 0;
  margin: 0;
  width: 16px;
  height: 16px;
}

p.file:before,
i.file:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.4em;
  font-style: normal;
  content: "\f15b";
}

.file.zip:before,
.file.rar:before {
  content: "\f1c6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.file.html:before,
.file.sql:before {
  content: "\f1c9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.file.doc:before,
.file.docx:before {
  content: "\f1c2";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #2d5b9e;
}

.file.xls:before,
.file.xlsx:before {
  content: "\f1c3";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #207245;
}

.file.ppt:before,
.file.pptx:before {
  content: "\f1c4";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #d14424;
}

.file.txt:before,
.file.csv:before,
.file.rtf:before {
  content: "\f0f6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.file.jpg:before,
.file.png:before,
.file.tif:before,
.file.psd:before,
.file.svg:before {
  content: "\f1c5";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #690169;
}

.file.mp3:before,
.file.wav:before {
  content: "\f1c7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.file.mp4:before,
.file.mov:before,
.file.avi:before,
.file.3gp:before {
  content: "\f1c8";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.file.pdf:before,
a.pdf:before {
  content: "\f1c1";
  color: #da251c;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

a.pdf:before {
  background: #fff;
  margin-right: 4px;
  font-size: 16px;
}

p span#closeMessage {
  width: 11px;
  height: 11px;
  text-align: right;
  background: url(/assets/images/empower/closemsg.png);
}

#dialog {
  display: none;
}

/*** Alerts ***/
#alerts {
  padding-bottom: 0;
}

#alerts ul {
  list-style: none;
  margin: 0 -13px;
  padding: 0;
}

#alerts li {
  border-bottom: 1px solid #CCC;
  margin: 0;
  padding: 10px;
  text-align: left;
  padding-left: 40px;
}

#alerts li div.closer,
#message a.closer {
  position: relative;
  height: 13px;
  width: 13px;
  float: right;
  margin-top: 1px;
  background: url(/assets/images/empower/dismiss.png) no-repeat;
}

#alerts li div.closer:hover,
#message a.closer:hover {
  background-position: -13px;
}

#alerts li {
  background: url(/assets/images/empower/alerts.png) 4px -3px no-repeat;
}

#alerts li.er {
  background-position: 4px -42px;
}

#alerts li.complaint {
  background-position: 5px -82px;
}

#alerts li.date {
  background-position: 5px -122px;
}

#alerts li.time {
  background: url(/assets/images/empower/alert_alarm.png) 5px 5px no-repeat;
}

#alerts li.billing {
  background: url(/assets/images/empower/alert_cc.png) 5px 4px no-repeat;
}

.noTitle .ui-dialog-titlebar {
  display: none;
}

.noTitle .ui-dialog-content {
  min-height: 0 !important;
}

i.good,
i.bad {
  float: left;
  margin-right: -16px;
  color: green;
  font-style: normal;
}

i.bad {
  color: red;
}

.card {
  cursor: pointer;
  overflow: hidden;
}

.card:hover {
  box-shadow: 0px 1px 4px rgba(153, 153, 153, 0.8) !important;
}

.card.thick {
  background-image: -webkit-linear-gradient(top, #FFF, #FFF5CC);
  background-image: -moz-linear-gradient(top, #FFF, #FFF5CC);
  background-image: -ms-linear-gradient(top, #FFF, #FFF5CC);
  background-image: -o-linear-gradient(top, #FFF, #FFF5CC);
  background-image: linear-gradient(top, #FFF, #FFF5CC);
}

p.bldg {
  background: #FFFFFF url(/assets/images/empower/building.png) center no-repeat;
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 12px 22px 0;
  padding: 5px;
  border: 1px solid #eae2c2;
}

p.add {
  background-image: url(/assets/images/empower/building_add.png);
}

.name {
  font-weight: bold;
  font-size: 1.2em;
}

.card > h4 {
  background: #ddd;
  padding: 6px 10px;
}

.card.good > h4 {
  border-color: green;
}

.card.bad > h4 {
  border-color: red;
}

.card.unknown > h4 {
  border-color: orange;
}

.card.work > h4 {
  margin-bottom: 9px;
}

.statusbar {
  margin: -15px -15px 10px;
  height: 2px;
}

.card.good .statusbar {
  background-color: green;
}

.card.bad .statusbar {
  background-color: red;
}

.card.unknown .statusbar {
  background-color: orange;
}

.card.work .statusbar {
  background: repeating-linear-gradient(-45deg, #000 0px, #000 20px, #ffd941 20px, #ffd941 40px, #000 40px);
  height: 3px;
}

.card.inactive .statusbar {
  background-color: grey;
}

.card.inactive {
  opacity: 0.5;
}


.card .type {
  float: right;
  font-size: 10px;
  border: 1px solid #aaa;
  padding: 1px 4px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 3px
}

.card .boxes {
  display: table;
  width: 100%;
}

.card .box {
  display: table-cell;
  width: 25%;
  text-align: center;
  height: 60px;
}

.card .box > a {
  border: 1px solid #ddd;
  margin: 1px;
  display: block;
  text-decoration: none;
  color: inherit;
  background: #ddd;
}

.card .box:first-child > a {
  margin-left: 0;
}

.card .box:last-child > a {
  margin-right: 0;
}

.card .box > a > div {
  font-size: 9px;
  padding: 1px 0;
}

.card .box > a > h3 {
  margin: 0px;
  padding-bottom: 6px;
}

a > h3 {
  background: #fff;
  padding-top: 6px;
}

a.open,
a.bad > h3 {
  color: #d44937;
  border-color: #aa2b1a;
}

a.closed,
a.good > h3 {
  color: #86ca5d;
  border-color: #5cb327;
}


.valChart {
  height: 210px;
}

/*** Elevator Types ***/
.Dumbwaiter {
  background-color: #c3e5e5;
}

.Escalator {
  background-color: #ecdea6;
}

.Freight {
  background-color: #e1b2e3;
}

.Passenger {
  background-color: #bcd6f5;
}

.Conveyor {
  background-color: #fcd7cd;
}

/*** Tables ***/
.datatable {
  width: 100%;
  border: none;
}

#tableCol .tabledata {
  margin-left: -13px;
  width: 785px;
  max-width: 785px;
  border-right: none;
  border-left: none;
}

.tabledata {
  border: 1px solid #CCC;
  margin-bottom: 10px;
  width: 100%;
}

.tabledata th {
  font-weight: 500;
  font-size: 12px;
  background: #0092cf;
  color: #FFF;
  text-align: left;
  letter-spacing: .3pt;
  white-space: nowrap;
  padding: 4px 0 4px 1px;
}

.tabledata th:first-child {
  padding-left: 6px;
}

th.slim {
  width: 0;
  padding: 0;
  text-align: center;
}

th.docs,
th.work,
th.note,
th.mess {
  background: #0092cf url(/assets/images/empower/icn_sort.png) center 7px no-repeat;
  width: 16px;
}

th.note {
  background-position: center -14px;
}

th.work {
  background-position: center -35px;
}

th.mess {
  background-position: center -55px;
}

.tabledata th a {
  display: block;
  color: inherit;
  padding: 1px 13px 1px 5px;
  color: #FFF;
}

.tabledata th a:hover {
  text-decoration: none;
}

th.sortASC,
th.sortDESC {
  background: #0085bd url(/assets/images/empower/sort.gif) right 2px no-repeat;
}

th.sortDESC {
  background-position: right -24px;
}

th.end {
  max-width: 100px;
}

.tabledata .rowcolor0 td {
  background: #f4f4f4;
}

.tabledata .subRowcolor0 td {
  background: #def2ef;
}

.tabledata .subRowcolor1 td {
  background: #FFF;
}

.datatable > tbody td {
  padding: 11px 9px;
  cursor: default;
  vertical-align: middle;
  color: #3D3D3D;
  background-color: #FFF;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.datatable td.dropdown {
  overflow: visible;
}

.datatable tbody:nth-of-type(2n) td,
.striped_table tbody:nth-of-type(2n) td {
  background-color: #f4f4f4;
}

.datatable tr.rowHover td {
  background: #cfe9f1;
}

.datatable td span.trunc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tabledata tr.odd td {
  background-color: #F0F0F6;
}

.tabledata tbody:last-child td {
  border-bottom: 1px solid #DDD;
}

.datatable td.docs,
.datatable td.work,
.datatable.td.maximo-work,
.datatable td.note td.tasks {
  padding-left: 2px;
  padding-right: 2px;
  text-align: center;
}

td.docs p,
td.work p,
td.note p {
  margin: 0 auto;
}

.tabledata td.novHeader {
  color: #FFF;
  background: #E3E3E3;
  font-weight: 700;
  font-size: .9em;
  padding-top: 5px;
}


.tabledata .date {
  font-variant: small-caps;
  white-space: nowrap;
}

.tabledata .building {
  white-space: nowrap;
}

.tabledata td.dueSoon {
  background: #ffd779;
  font-weight: 700;
}

.tabledata .rowcolor0 td.dueSoon {
  background: #e9c370;
}

td.order {
  white-space: nowrap;
  text-overflow: inherit;
}

td.order span,
.tabledata span.certified {
  border: 1px solid #999;
  color: #666;
  font-size: 9px;
  text-transform: uppercase;
  padding: 3px;
  font-weight: 600;
  float: right;
  border-radius: 3px;
  min-width: 58px;
  text-align: center;
}

td.order span.lead {
  background: #666;
  border: 1px solid #333;
  color: #FFF;
}

td.order span.vermin {
  background: #400080;
  border: 1px solid #4f039b;
  color: #FFF;
}

td.order span.mold {
  background: #008040;
  border: 1px solid #005c00;
  color: #FFF;
}

td.order span.fire {
  background: #e13c32;
  border: 1px solid maroon;
  color: #FFF;
}

.datatable span.certified {
  float: right;
  color: #FFF;
  background: #7dbf58;
  border: 1px solid #5cb327;
  font-size: .68em;
  padding: 3px 2px;
}

.datatable td.type {
  white-space: nowrap;
  text-align: center;
}

.datatable td.type span {
  font-family: Tahoma;
  color: #666;
  font-size: 10.5px;
  line-height: 10.5px;
  text-transform: uppercase;
  padding: 3px;
  border: 1px solid #BBB;
  border-radius: 2px;
  display: block;
  max-width: 250px;
}

.tabledata td.type.severity span {
  color: #FFF;
  background-color: #999;
}

.datatable .agency .label {
  display: block;
  max-width: 250px;
}

span.omo {
  background: #f47a00;
}

span.aor {
  background: #008cda;
}

span.dep {
  background: #009D55;
}

span.dhcr {
  background: #A19184;
}

span.dob {
  background: #012778;
}

span.dof {
  background: #E56D1E;
}

span.doh {
  background: #50738F;
}

span.fdny {
  background: #B52C1A;
}

span.hpd {
  background: #00AEC6;
}

span.sbs {
  background: #75B845;
}

span.tax {
  background: #3E7185;
}

span.ddc {
  background: #000;
}

:not(.filter) > .status {
  color: #FFF;
  text-align: center;
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .5pt;
  text-transform: uppercase;
  padding: 1px 2px;
  line-height: 14px;
  background: #b3b3b3;
  border: 1px solid #999;
  white-space: nowrap;
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
}

span.status {
  display: block;
  max-width: unset;
}

.status.flex1,
.status.ordered,
.status.current,
.status.open,
.status.active,
.status.NOVlate,
.status.inactive,
.status.falsecert,
.status.overdue,
.status.defect,
.status.failed,
.status.revoked,
.status.rejected,
.status.defaulted,
.status.fail,
.status.nycha_suspended,
.status.investigation,
.status.call {
  background: #d44937;
  border-color: #aa2b1a;
}

.status.flex2,
.status.close/cancel,
.status.writtenoff,
.status.cancelled,
.status.canceled,
.status.viogood,
.status.condtndiff,
.status.passed,
.status.approved {
  background: #008040;
  border-color: #005c00;
}

.status.flex3,
.status.new,
.status.violation,
.status.violations,
.status.inviolation,
.status.notcomplied,
.status.nocompliance,
.status.certinvalid,
.status.progress,
.status.inprogress,
.status.disapproved,
.status.defectsexist,
.status.fail-tenant,
.status.complaintreceived,
.status.orderissued,
.status.scheduled {
  background: #ff8100;
  border-color: #cd6700;
}

.status.flex4,
.status.stipulation,
.status.docketed,
.status.balance,
.status.resolved,
.status.pending,
.status.novsent,
.status.NOVsent,
.status.NOVsentout,
.status.viopending,
.status.incomplete,
.status.viocorrect,
.status.defectcorrect,
.status.paafeedue,
.status.pendingpayment,
.status.passwcmnt {
  color: #666;
  background: #FF6;
  border-color: #FC6;
}

.status.flex5,
.status.mailed,
.status.closed,
.status.paid,
.status.issued,
.status.signed,
.status.complete,
.status.removed,
.status.cancel,
.status.dismissed,
.status.satisfactory,
.status.processed,
.status.pass,
.status.nycha_active,
.status.final,
.status.workcompleted {
  background: #86ca5d;
  border-color: #5cb327;
}

.status.flex6,
.status.proposed,
.status.mailedtohpd,
.status.FaxScan™ {
  color: gray;
  background: #e6f825;
  border-color: #b5c947;
}

.status.flex7,
.status.offerreceived,
.status.appeal,
.status.hearingcomp,
.status.referred,
.status.reinspect,
.status.rescheduled,
.status.omocomplete,
.status.history,
.status.writeoff,
.status.certpending,
.status.ecbviolation,
.status.reissued,
.status.signed-off,
.status.referother,
.status.referhousing,
.status.referinspect,
.status.refunded,
.status.complaintclosed {
  background: #610cbd;
  border-color: #302680;
}

.status.flex8,
.status.inreview,
.status.noaccess,
.status.noaccess1,
.status.inprocess,
.status.permit-entire,
.status.notfound,
.status.cof {
  background: #66a4c5;
  border-color: #004080;
}

.status.flex9,
.status.accepted,
.status.noaccess2,
.status.refused,
.status.refuseaccess,
.status.cured,
.status.previnspect,
.status.permit-part {
  background: #23988e;
  border-color: #2d5865;
}

.status.flex10,
.status.senttocity,
.status.trial,
.status.popgrant,
.status.postpgrant,
.status.affidavit,
.status.llcomplied,
.status.noviolation,
.status.noviolations,
.status.nodefects,
.status.pre-filed {
  background: #0080ff;
  border-color: blue;
}

.status.flex11,
.status.inspecrequest,
.status.senttoclient,
.status.NOVcert,
.status.assigned,
.status.workdone,
.status.certaccepted,
.status.unprepared {
  background: #ff58db;
  border-color: #c812de;
}

.status.flex12,
.status.defectletter,
.status.onhold,
.status.unsatisfact,
.status.other {
  background: gray;
  border-color: #4c4c4c;
}

.status.flex13,
.status.contractsigned,
.status.CIV14mailed,
.status.compliance,
.status.correction {
  background: blue;
  border-color: solid navy;
}

.status.flex14,
.status.certified {
  background: #ADEAFF;
  border-color: #2ba9d4;
  color: #333333;
}

.status.flex15,
.status.expired,
.status.failwitness {
  background: #4c4c4c;
}

.tabledata .certVioDetails {
  text-transform: uppercase;
  font-size: .8em;
  white-space: normal;
}

/*** Status Dropdown ***/
option.open,
option.active,
option.inactive,
option.falsecert,
option.overdue {
  border-left: 6px solid #d44937;
}

option.cancelled {
  border-left: 6px solid #008040;
}

option.violation,
option.NOVlate,
option.notcomplied,
option.nocompliance,
option.certinvalid,
option.progress,
option.inprogress {
  border-left: 6px solid #ff8000;
}

option.balance,
option.resolved,
option.pending,
option.NOVsent,
option.viopending {
  border-left: 6px solid #FF6;
}

option.paid,
option.signed,
option.closed,
option.removed,
option.cancel,
option.dismissed {
  border-left: 6px solid #86ca5d;
}

option.mailedtohpd {
  border-left: 6px solid #e7f824;
}

option.referred,
option.reinspect,
option.rescheduled,
option.history,
option.writeoff {
  border-left: 6px solid #600cbc;
}

option.noaccess,
option.noaccess1,
option.inprocess {
  border-left: 6px solid #67a4c5;
}

option.noaccess2,
option.refused,
option.cured {
  border-left: 6px solid #23988e;
}

option.trial,
option.popgrant,
option.postpgrant,
option.affidavit,
option.complete {
  border-left: 6px solid #0080ff;
}

option.NOVcert,
option.assigned {
  border-left: 6px solid #ff58db;
}

option.onhold {
  border-left: 6px solid gray;
}

.button-new {
  width: 165px;
  text-align: center;
}

#filters {
  padding-bottom: 8px;
  text-align: left;
}

#filters .first {
  margin-top: none;
}

#filters div.last {
  border-bottom: 1px solid #eadec2;
}

#filter li {
  font-style: normal;
}

#filter checkbox {
  vertical-align: middle;
}

input[type=text].search {
  padding-left: 23px;
  background: url(/assets/images/empower/search_bg.png);
  vertical-align: middle;
}

input[type=text].search:before {
  content: "\f002";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#search input[type=image] {
  margin-left: -26px;
}

#pages {
  float: left;
  vertical-align: middle;
  list-style: none;
  padding: 5px 2px;
  margin: 0;
  font-size: 11px;
  white-space: nowrap;
  width: 460px;
  color: #999;
}

#pages span {
  padding: 0 2px;
  color: #999;
}

#pages ul {
  margin: 0;
  padding: 0;
}

#pages li {
  vertical-align: middle;
  display: inline;
  margin: 0;
  padding: 0;
  text-align: center;
}

#pages li a {
  display: inline-table;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 2px 3px;
  margin: 0 2px;
  color: #666;
  width: 6px;
}

#pages a.pages {
  border-left: 1px solid #666;
}

#pages .active {
  text-decoration: none;
  border-color: #216DAE;
  background: #216DAE;
  color: #FFF;
  font-size: 14px;
  padding: 2px 4px;
  margin-bottom: -2px;
}

#pages li a:hover {
  border-color: #216DAE;
  text-decoration: none;
}

#showing {
  text-align: right;
  font-size: .9em;
}

#showing .active {
  font-weight: 700;
  text-decoration: none;
  color: #666;
}

#footer {
  text-align: center;
  bottom: 0;
  padding-top: 10px;
  margin-bottom: 0;
  color: #7F7F7F;
}

#footer .bottom-links a:last-child,
#footer .bottom-links a.last {
  border-right: none;
}

#footer .small {
  font-size: .83em;
  font-variant: normal;
}

#footer .copyright {
  font-size: .82em;
  padding-bottom: 25px;
}

.filter.list-group-item {
  padding: 0 !important;
}

.filter.list-group-item > div:first-child {
  padding: 4px 14px 4px 10px;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 11px;
  color: #999;
}

.filter.list-group-item > div:first-child a {
  text-decoration: none;
  color: inherit;
}

.filter.list-group-item > div:first-child a:before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
  font-size: 15px;
  vertical-align: middle
}

.filter.list-group-item > div:first-child a.collapsed:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}


.toggleHead.Open {
  background-position: 8px 12px;
  padding-bottom: 8px;
  padding-left: 7px;
}

.toggleHead:before {
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 6px;
  font-size: 15px;
}

.toggleHead.Open:before {
  content: "\f0d7";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.filter .checkboxes {
  color: #005;
  font-size: .8em;
}

.toggleContent.Open {
  display: block;
}

.toggleBottom {
  height: 26px;
}

div.showRemoved {
  font-size: .9em;
  margin: 20px auto;
  text-align: center;
}

.feedbackLink,
.expand-child .histLink {
  cursor: pointer;
}

.letters {
  margin: -7px 0 7px;
  text-align: right;
  font-size: 11px;
  font-weight: 600;
}

.letters a {
  padding: 0 4px;
  text-decoration: none;
  border-radius: 2px;
  color: #999;
}

.letters a:hover {
  background: #ccc;
  color: #666;
}

.letters a.active {
  background: #777;
  color: #fff;
}

.smallinks :not(i):not(ul) {
  font-variant: small-caps;
  display: block;
}

.smallinks .fas,
.smallinks .far {
  background: #fff;
}

.export .fa-file-code {
  color: darkslategrey;
}

.export .fa-file-pdf {
  color: darkred;
}

.export .fa-file-excel {
  color: darkgreen;
}

.export .fa-file-word {
  color: darkblue;
}

.smallinks a,
a.xls {
  line-height: 15px;
  color: #666;
  margin-left: 10px;
  padding: 0 0 1px 0;
  display: inline-block;
}

a.xls {
  padding: 0 0 1px 19px;
  background: url(/assets/images/empower/export_icons.png) no-repeat;
}

.smallinks a.csv {
  background-position: 0 -40px;
}

.smallinks #pdf {
  background-position: 0 -20px;
}

.smallinks #print {
  background: none;
}

.smallinks #export {
  background-position: 0 -15px;
}

.smallinks #email {
  background-position: 0 -29px;
}

.smallinks a:hover {
  text-decoration: none;
}

h6 a.export {
  margin-top: 0px;
  height: 16px;
  margin-right: -5px;
}

a.print {
  background: url(/assets/images/empower/export_icons.png) 0 -60px no-repeat;
  display: inline-table;
  vertical-align: middle;
  width: 16px;
  height: 15px;
}

.pager {
  padding: 0 20px 5px;
}

a.last {
  border-right: none;
}

div.center table {
  margin: 16px auto;
}

p.newBadge {
  float: right;
  width: 24px;
  height: 26px;
  background: url(/assets/images/empower/badge_new.png) no-repeat;
  margin: -8px -8px -14px 0;
  padding: 0;
}

p.beta {
  z-index: 100;
  position: absolute;
  right: 0;
  background: transparent url(/assets/images/empower/badge_beta.png) no-repeat;
  width: 80px;
  height: 81px;
  margin-top: -13px;
  display: inline;
  padding: 0;
}

div.ui-dialog {
  -moz-border-radius: 8px;
  border-radius: 8px;
  -moz-box-shadow: 0 3px 8px #666;
  -webkit-box-shadow: 0 3px 8px #666;
  box-shadow: 0 3px 8px #666;
  border-width: 6px;
}

/*** define table skin ***/
tr.expand-parent td {
  vertical-align: middle;
}

tr.expand-parent > td:first-child {
  padding-left: 8px;
}

tr.highlight-cta > td {
  background: #FFFBDD !important;
}

.withheld-list td,
div.withheld-list {
  background: transparent url(/assets/images/diagonal-pattern.png) repeat;
}

tr.expand-child {
  display: none;
}

tr.expand-child td {
  border-top: none;
}

tr.expand-child > td {
  border-bottom: 2px solid #aaa;
}

.expand-child th,
.expand-child td,
.expand-child.samerow td,
fieldset.files td {
  white-space: normal;
  font-size: .935em;
  border-top: 1px dotted #DDD;
  cursor: text;
  vertical-align: top;
}

.expand-child table td,
.expand-child.samerow table td,
#attachForm fieldset.files td {
  display: table-cell;
  padding: 5px;
}

.expand-child td table {
  border-bottom: 1px solid #DDD;
  margin-bottom: 6px;
  width: 100%;
}

.expand-child table td {
  border-top: 1px solid #DDD;
}

.expand-child div.title {
  font-weight: 700;
  width: 76px;
  float: left;
}

.expand-child div.data {
  margin: 0 10px 8px 0;
  line-height: 16px;
  display: table;
}

.expand-child table.inspections td {
  vertical-align: top !important;
  white-space: nowrap !important;
}

.expand-child table.inspections td.notes {
  white-space: normal !important;
}

div.data.money {
  text-align: right;
  margin-left: 76px;
  padding-left: 4px;
}

div.total {
  border-top: 1px solid;
  padding-top: 4px;
}

.expand-child div.full {
  display: block;
  clear: both;
  margin-bottom: 6px;
}

.expand-child .last {
  margin-left: 67px;
}

.expand-child td.sub {
  border: 0 1px 0 0 dotted #DDD;
}

.expand-child td.sub:last-child {
  border-right: none;
}

.expand-child fieldset {
  border: 1px solid #CCC;
  margin: 0 3px 9px 2px;
  padding: 6px 12px 10px;
}

.expand-child fieldset:last {
  margin-bottom: 2px;
}

.expand-child legend {
  color: #888;
  font-size: 1.1em;
  border-bottom: none;
  width: auto;
  padding: 0 6px;
  margin: 0;
  font-weight: 100;
}

.expand-child fieldset div.title {
  width: 100px;
}

.expand-child fieldset div.title.wide {
  width: 160px;
}

.expand-child fieldset div.title.extra_wide {
  width: 170px;
}

.expand-child fieldset div.half.left {
  float: left;
  width: 310px;
}

.tabledata td.avgERP,
.tabledata .rowcolor0 td.avgERP,
.tabledata tr.rowHover td.avgERP {
  font-style: italic;
  background-image: url(/assets/images/empower/icn_empower.png);
  background-position: 3px;
  background-repeat: no-repeat;
}

tr.child div.title {
  font-weight: 700;
  width: 66px;
  float: left;
}

tr.child .last {
  margin-left: 67px;
}

.tabledata tr.child th a {
  color: #000;
}

tr.child td {
  white-space: normal;
  padding-bottom: 10px;
  font-size: .9em;
  border-top: 1px dotted #DDD;
  display: none;
}

.expand-child .details td,
.expand-child .dispHist td,
.expand-child .vioHist td,
.expand-child .statHist td,
.expand-child .infrac td {
  border: 1px solid #CCC;
  display: table-cell;
  text-align: center;
}

.expand-child table .status {
  padding-left: 3px;
  padding-right: 3px;
}

.expand-child tr.head td,
.expand-child tr.foot td,
.expand-child tr.date td {
  display: table-cell;
  padding: 4px 8px 3px;
  background: #c4c4c4;
  letter-spacing: .5px;
  font-weight: 700;
  white-space: nowrap;
}

.expand-child tr.date td.arrow {
  background: url(/assets/images/empower/toggle_arrows.png) 1px -6px no-repeat;
  background-color: inherit;
  border-top: hidden;
  border-bottom: hidden;
  width: 11px;
  padding: 0;
}

.expand-child .dispHist {
  width: auto;
}

.expand-child .dispHist table {
  width: 100%;
}

/*** tablesorter ***/
.tabledata thead tr .header {
  background: #E6EEEE center right no-repeat;
  background-color: #216dae;
  cursor: pointer;
  padding-right: 10px;
}

.tabledata tr.totals td {
  background: #e6e6e6;
  text-align: center;
  font-weight: 700;
}

div.files {
  margin-top: 0;
}

div.files table,
div.workOrders table,
div.actions table {
  width: 100%;
  border-collapse: collapse;
  empty-cells: hide;
}

div.files table td {
  vertical-align: bottom;
}

div.files table td[rel] {
  width: 23px;
}

a.action .fa-lg {
  vertical-align: -10%;
}

a.action:hover {
  text-decoration: none;
}

a.upload {
  text-decoration: none;
  border-bottom: 1px dotted;
}

a.upload:before {
  content: "\f0c6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

span.add-client-driven-status-btn,
span.upload,
span.create,
span.update,
span.assign,
span.message,
span.expedite,
span.certify,
span.delete,
span.edit,
span.request,
span.confirm,
span.inspect,
span.payment,
span.reschedule {
  background: url(/assets/images/empower/icons.png) 0 2px no-repeat;
  padding: 2px 0 4px 18px;
  vertical-align: middle;
  line-height: 12px;
  font-size: 12px;
  max-width: 128px;
  display: block;
}

span.upload {
  background-position: 1px -142px;
  padding-left: 17px;
}

span.create {
  background-position: 1px -82px;
  padding-left: 17px;
}

span.update {
  background-position: 0 -380px;
  padding-left: 19px;
  margin-right: 0;
}

span.assign {
  background-position: 0 -400px;
  padding-left: 19px;
}

span.message {
  background-position: 0 -482px;
}

span.expedite {
  background-position: 0 -522px;
}

span.add-client-driven-status-btn,
span.certify {
  background-position: 0 -360px;
}

span.payment {
  background-position: 0 -503px;
}

span.inspect {
  background-position: 0 -503px;
}

span.delete {
  background-position: 0 -238px;
}

span.edit {
  background-position: 0 -443px;
  padding-left: 19px;
}

span.request {
  background-position: -35px -256px;
  padding-bottom: 3px;
  padding-left: 17px;
  max-width: none;
}

span.confirm {
  background-position: -33px -443px;
  padding-left: 20px;
}

span.reschedule {
  background-position: 0 -100px;
}

div.messages li {
  padding: 3px 7px;
  list-style: none;
  margin: 4px;
}

div.messages li:not(:last-of-type) {
  border-bottom: 1px solid #CCC;
}

div.messages li:last-child {
  border-bottom: none;
}

div.notes .erase {
  float: right;
}

div.heading {
  margin: 3px 0;
}

div.heading span {
  color: #999;
  font-weight: 500;
  font-size: 11px;
  padding-bottom: 2px;
  margin: 2px 0;
}

div.heading span.subject {
  font-family: inherit;
  font-weight: 600;
  font-size: 12px;
  color: #666;
}

div.heading span.sender {
  float: right;
}

div.heading span a {
  border: none;
  color: inherit;
}

div.heading span a:hover {
  text-decoration: underline;
}

div.heading span.source {
  color: #b3b3b3;
}

.file_attached {
  font-weight: 600;
  color: purple;
  font-style: italic;
}

div.note {
  padding: 2px 6px 8px;
  display: block;
}

.consult {
  text-align: right;
}

.consult a {
  border: 1px solid #090;
  padding: 3px 6px;
  border-radius: 3px;
  font-weight: 500;
  color: white;
  background: #00CD00;
}

.consult a:hover {
  text-decoration: none;
}

a:before,
p:before,
th:before,
button:after,
input:before,
input:after,
.toggle:before,
div:before {
  font-family: "Font Awesome 5 Free";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: normal !important;
}

td.collapsible a.collapsed,
.collapsible a.expanded,
.expander p {
  text-decoration: none;
  vertical-align: middle;
  color: inherit;
}

a.expanded:before {
  content: "\f147";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.expander p:before {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.expander p.open:before {
  content: "\f146";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

.expander p {
  margin-left: 2px;
  padding: 0;
  cursor: pointer;
}

#cc_icon {
  vertical-align: middle;
}

span.error,
div.error {
  font-weight: 700;
  color: maroon;
  padding-top: 6px;
}

/*** jQuery Geogoer vChecks ***/
ul.checkboxes {
  list-style-type: none;
  padding: 0 6px 6px;
  margin: 0 2px;
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  font-size: 0.9em;
}

#date ul.checkboxes {
  margin: 4px 2px -5px;
}

ul.checkboxes li.first span {
  padding-top: 6px;
  height: 20px;
}

ul.checkboxes li.last {
  border: 0;
}

.tree li,
ul.checkboxes li {
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}

ul.checkboxes li > span {
  color: #333;
  font-weight: 700;
  font-size: 12px;
  cursor: default;
  display: block;
  padding: 1px 0 1px 22px;
  font-weight: 400;
}

ul.checkboxes .trunc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 4px;
}

#date ul.checkboxes li {
  line-height: 15px;
}

#date ul.checkboxes li div {
  font-size: 1.3em;
  margin-top: -1px;
}

ul.checkboxes li:hover {
  background: #ffffe0;
}

ul.checkboxes li.unchecked div.check_div,
ul.checkboxes li.checked div.check_div {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: normal !important;
  font-size: 1.35em;
  color: #333;
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
}

li.unchecked div.check_div:before {
  content: "\f096";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

li.checked div.check_div:before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

ul.checkboxes li.unchecked div.check_div,
ul.checkboxes li.unchecked > span {
  color: #878787;
}

ul.checkboxes div.count {
  background: url(/assets/images/empower/count_pod.png) bottom left no-repeat;
  float: right;
  margin: 1px 5px auto 2px;
  color: #FFF;
  padding-left: 4px;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
}

ul.checkboxes div.count div {
  background: url(/assets/images/empower/count_pod.png) bottom right no-repeat;
  padding-right: 4px;
}

ul.checkboxes li.unchecked div.count {
  background: url(/assets/images/empower/count_pod.png) top left no-repeat;
}

ul.checkboxes li.unchecked div.count div {
  background: url(/assets/images/empower/count_pod.png) top right no-repeat;
}

ul.checkboxes div.countDiv {
  background: #555;
  float: right;
  margin: 1px 5px auto 2px;
  color: #FFF;
  padding: 0 4px;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
  border-radius: 11px;
  min-width: 8px;
  text-align: center;
}

ul.checkboxes li.unchecked div.countDiv {
  background: #fff;
  border: 1px solid #ABABAB;
  color: #ABABAB;
}

.vendor_thumb {
  max-width: 48px;
  max-height: 48px;
  margin: 6px 10px;
}

div.process {
  background: url(/assets/images/empower/ajax-process.gif) 6px no-repeat;
  padding-left: 24px;
  font-variant: small-caps;
  min-height: 14px;
}

p.access0,
p.access1,
p.access2,
p.access3 {
  background: url(/assets/images/empower/icn_access.png) no-repeat;
  margin: auto;
  width: 14px;
  height: 14px;
}

p.access1 {
  background-position: -14px;
}

p.access2 {
  background-position: -28px;
}

p.access3 {
  background-position: -42px;
}

/*** Icons ***/
p.loader {
  background: url(/assets/images/ajax-loader.gif) no-repeat;
  display: inline-table;
  width: 16px;
  height: 16px;
}

p.icon,
p.deleteUser,
p.editUser,
a.delete,
p.inactive,
p.active,
p.active0,
p.active1,
p.active2,
p.active3,
p.save,
p.cancel,
p.yes,
p.note,
p.message,
p.docs,
p.work,
p.action,
p.mess,
p.erase,
p.trial,
p.status,
p.overUnder,
p.delDoc,
p.editDoc,
p.fwdDoc,
p.calendar,
p.emailOpen,
p.emailClosed,
p.workflowIndicator {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  line-height: normal !important;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: inline-table;
  clear: none;
  width: 16px;
  height: 16px;
  background: url(/assets/images/empower/icons.png) no-repeat;
}

p.workflowIndicator {
  background: url(/assets/images/icons/workflow-med.png);
  height: 18px;
  width: 24px;
}

p.editUser {
  cursor: pointer;
  background-position: 0 -444px;
  background: none;
}

p.editUser:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f303";
  color: #f5a132;
}

p.deleteUser,
a.delete {
  cursor: pointer;
  background: none;
  text-decoration: none;
}

p.deleteUser:after,
a.delete:after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f056";
  color: #bc2418;
}

p.deleteUser.confirm,
a.delete.confirm {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  content: "\f056";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

p.inactive,
p.active,
p.active0,
p.active1,
p.active2,
p.active3 {
  background: none;
  cursor: pointer;
}

p.active {
  background-position: -16px -20px;
}

p.active0 {
  background-position: -16px -20px;
}

p.active1 {
  background-position: -32px -20px;
}

p.active2 {
  background-position: 0 -20px;
}

p.inactive:after,
p.active:after,
p.active0:after,
p.active1:after,
p.active2:after,
p.active3:after {
  text-shadow: 0 1px 1px rgba(100, 100, 100, 0.5);
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

p.active,
p.active1 {
  color: #a1c35d;
}

p.inactive,
p.active0 {
  color: #ccc;
}

p.active2 {
  color: #bc2418;
}

p.active3 {
  color: #ffba0c;
}

p.save,
p.cancel {
  width: 20px;
  height: 19px;
  float: left;
  margin: 0;
  background: url(/assets/images/empower/icn_save_cancel.png) no-repeat;
}

p.cancel {
  background-position: -20px;
}

p.yes {
  width: 18px;
  height: 15px;
  background: url(/assets/images/empower/icn_yes.png) no-repeat;
}

p.trial {
  width: 17px;
  height: 17px;
  background-position: 0 -102px;
}

p.message {
  width: 14px;
  height: 15px;
  background-position: 0 -482px;
}

p.docs {
  background: none;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

p.docs:before {
  content: "\f0c6";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

p.work {
  width: 12px;
  height: 16px;
  background-position: 0 -82px;
}

p.maximo-work {
  width: 12px;
  height: 16px;
  background-position: 0 -82px;
}

p.mess {
  width: 15px;
  height: 15px;
  background-position: 0 -483px;
}

p.action {
  background-position: 0 -503px;
}

p.erase,
p.delDoc,
p.editDoc,
p.fwdDoc {
  display: inline-table;
  cursor: pointer;
  margin-top: 2px;
  width: 13px;
  height: 13px;
  background: url(/assets/images/empower/toggles.png) -18px -53px no-repeat;
}

p.erase:hover,
p.delDoc:hover,
p.editDoc:hover,
p.fwdDoc:hover {
  background-position: -29px -53px;
  background-color: #999;
}

.removeDoc {
  color: #1C75BB;
  cursor: pointer;
}

.removeDoc:hover {
  text-decoration: underline;
}


p.editDoc {
  background-position: -41px -53px;
}

p.editDoc:hover {
  background-position: -51px -53px;
}

p.fwdDoc {
  background-position: -62px -53px;
}

p.fwdDoc:hover {
  background-position: -73px -53px;
}

p.calendar {
  width: 17px;
  height: 15px;
  background: url(/assets/images/empower/icn_calendar.png) no-repeat;
}

p.emailOpen {
  background-position: 0 -543px;

}

p.emailClosed {
  background-position: 0 -563px;
  height: 12px;
}

p.icon.lock {
  background-position: -33px -444px;
}

p.status {
  width: 11px;
  height: 15px;
  background: url(/assets/images/empower/status_online.png) no-repeat;
}

p.status.online {
  background-position: -11px;
}

p.toggle {
  background: url(/assets/images/empower/toggles.png) no-repeat;
  display: inline-table;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  cursor: pointer;
  width: 31px;
  height: 18px;
  padding: 0;
  margin: 0;
}

p.toggle.On {
  background-position: -31px 0;
}

p.overUnder {
  width: 14px;
  height: 21px;
  background: url(/assets/images/empower/status_up_down.png) no-repeat;
  float: right;
}

p.overUnder.up {
  background-position: -14px;
}

p.overUnder.down {
  background-position: -28px;
}

p.contact {
  padding: 0;
  width: 16px;
  height: 16px;
  display: inline-table;
  vertical-align: text-top;
  background: url(/assets/images/empower/icons_sources.png) no-repeat;
}

p.contact.web {
  background-position: 0 -16px
}

p.contact.email {
  background-position: 0 -32px
}

p.contact.mobile {
  background-position: 0 -48px
}

p.contact.chat {
  background-position: 0 -64px
}

p.contact.person {
  background-position: 0 -80px
}

p.contact.phone {
  background-position: 0 -96px
}

p.contact.cc {
  background-position: 0 -112px
}

p.contact.twitter {
  background-position: 0 128px
}

p.contact.facebook {
  background-position: 0 128px
}

p.contact.home {
  background-position: 0 -160px
}

p.contact.work {
  background-position: 0 -96px
}

p.contact.mail {
  background-position: 0 -176px
}

.selectize-input {
  border-radius: inherit !important;
}

.wizard .nav-tabs > li > a {
  border-radius: 0;
}

.wizard .nav-tabs li a:hover {
  background: inherit;
  border-top: none;
  border-right: none;
  border-left: none;
}

.form-control-feedback.fas,
.form-control-feedback.far {
  line-height: 34px;
  line-height: -moz-block-height;
}

.selectize-dropdown .favProp {
  line-height: inherit;
}

#toast-container > .toast {
  background-image: none !important;
  padding-left: 55px !important;
}

#toast-container > .toast:before {
  font-size: 31px;
  float: left;
  margin-right: 10px;
  margin-left: -42px;
  vertical-align: middle;
  position: relative;
  width: 32px;
  text-align: center;
}

#toast-container > .toast-info:before {
  content: "\f05a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#toast-container > .toast-error:before {
  content: "\f06a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#toast-container > .toast-success:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

#toast-container > .toast-warning:before {
  content: "\f071";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}

/*** nested checkbox tree control ***/
ul.unorderedlisttree,
ul.unorderedlisttree2 {
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px 6px;
}

ul.unorderedlisttree ul,
ul.unorderedlisttree ul ul,
ul.unorderedlisttree ul ul ul,
ul.unorderedlisttree2 ul,
ul.unorderedlisttree2 ul ul,
ul.unorderedlisttree2 ul ul ul {
  list-style-type: none;
}

ul.unorderedlisttree li,
ul.unorderedlisttree2 li {
  background: none;
  color: #969696;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 6px;
  padding: 0;
}

ul.unorderedlisttree li ul,
ul.unorderedlisttree2 li ul {
  margin: 7px 0 5px 16px;
  padding: 0;
}

ul.unorderedlisttree2 li ul ul,
ul.unorderedlisttree li ul ul {
  margin: 7px 0 5px 16px;
  padding: 0;
}

ul.unorderedlisttree label,
ul.unorderedlisttree2 label {
  background: url(/assets/images/empower/dot2.png) 0 5px no-repeat;
  cursor: pointer;
  font-weight: 700;
  padding: 4px 0 4px 17px;
}

ul.unorderedlisttree label.checked,
ul.unorderedlisttree2 label.checked {
  background: url(/assets/images/empower/dot2.png) 0 -33px no-repeat;
  color: #333
}

ul.unorderedlisttree label.checkedchildren,
ul.unorderedlisttree2 label.checkedchildren {
  background: url(/assets/images/empower/dot2.png) 0 -15px no-repeat;
}

li > label:hover,
li > label.over {
  color: #2f66a3;
}

.checkboxtreeactive input {
  display: none;
}

ul.unorderedlisttree span div.count,
ul.unorderedlisttree2 span div.count {
  background: url(/assets/images/empower/count_pod.png) top left no-repeat;
  float: right;
  margin-right: 6px;
  margin-top: 2px;
  color: #FFF;
  padding-left: 4px;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
}

ul.unorderedlisttree label div.count div,
ul.unorderedlisttree2 label div.count div {
  background: url(/assets/images/empower/count_pod.png) top right no-repeat;
  padding-right: 4px;
}

ul.unorderedlisttree label.checked div.count,
ul.unorderedlisttree2 label.checked div.count {
  background: url(/assets/images/empower/count_pod.png) bottom left no-repeat;
}

ul.unorderedlisttree label.checked div.count div,
ul.unorderedlisttree2 label.checked div.count div {
  background: url(/assets/images/empower/count_pod.png) bottom right no-repeat;
}

/*** Simple-Player ***/
.simple-player-container {
  display: inline-block;
  border-radius: 5px;
  background-color: #333;
  padding: 5px 7px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(0.5, #888), color-stop(0.51, #777), color-stop(1, #777));
  background-image: -moz-linear-gradient(center top, #777 0%, #888 50%, #777 51%, #777 100%);
  -webkit-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.5);
  -o-box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.5);
  box-shadow: inset 1px 1px 8px rgba(0, 0, 0, 0.5);
  height: 22px;
}

.simple-player-container > div > ul {
  margin: 0;
  padding-left: 0;
}

.simple-player-container li {
  display: inline-block;
}

.simpleplayer-play-control,
.simpleplayer-stop-control {
  background-image: url('/assets/images/empower/sp_play.png');
  display: block;
  width: 16px;
  height: 16px;
  top: 6px;
  position: relative;
}

.simpleplayer-play-control:hover {
  background-image: url('/assets/images/empower/sp_playing.png');
}

.simpleplayer-stop-control {
  background-image: url('/assets/images/empower/sp_stop.png');
}

.simpleplayer-stop-control:hover {
  background-image: url('/assets/images/empower/sp_stopped.png');
}



.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start,
.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-radius: 0 !important;
}


/*** Token-Field ***/
.token-field {
  background: #FFFFFF url(/assets/images/empower/form_bg.png) repeat-x;
  height: 26px;
  border: 1px solid #bdc6d7;
  padding: 0 3px 2px;
  cursor: text;
  display: inline-block;

  font-size: 12px;
  line-height: 18px;
  color: #555555;
  border: 1px solid #ccc;
  border-radius: 3px;

  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /*** Safari 4 ***/
  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1); /*** Firefox 3.6 ***/
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.token-field .token {
  border: none;
  outline: 0 none;
  float: left;
  white-space: nowrap;
  background: #e7fcff;
  text-decoration: none;
  color: #000;
  margin-top: 3px;
  margin-right: 3px;
  cursor: default;
  border: 1px solid #66ccff;
  border-radius: 3px;
  padding: 2px 3px 3px 4px;
}

.token-field .token span {
  display: block;
}

.token-field .token:hover {
  background: #d6ffff;
}

.token-field .selected-token,
.token-field .selected-token:hover {
  background: #66ccff;
  color: #fff;
}

.token-field .token span.token-x {
  padding: 0 2px 0 3px;
  color: #acb9d3;
  display: inline;
  cursor: pointer;
  font-size: 12px;
  line-height: 11px;
  height: 11px;
  font-weight: bold;
}

.token-field .token-input {
  float: left;
  margin-top: 1px;
}

.token-field .token-input input {
  background: none;
  border: none;
  width: 100%;
  outline: none;
  box-shadow: none;
  margin: 0;
}

.token-field .token-input-sizer {
  left: 0;
  position: relative;
  top: 0;
  display: block;
  overflow: hidden;
  height: 0;
  line-height: 0;
}

/*** Vertical Bootstrap Tabs ***/
.tabs-left,
.tabs-right {
  border-bottom: none;
  padding-top: 2px
}

.tabs-left {
  border-right: 1px solid #ddd
}

.tabs-right {
  border-left: 1px solid #ddd
}

.tabs-left > li,
.tabs-right > li {
  float: none;
  margin-bottom: 2px
}

.tabs-left > li {
  margin-right: -1px
}

.tabs-right > li {
  margin-left: -1px
}

.tabs-left > li.active > a,
.tabs-left > li.active > a:focus,
.tabs-left > li.active > a:hover {
  border-bottom-color: #ddd;
  border-right-color: transparent
}

.tabs-right > li.active > a,
.tabs-right > li.active > a:focus,
.tabs-right > li.active > a:hover {
  border-bottom: 1px solid #ddd;
  border-left-color: transparent
}

.tabs-left > li > a {
  border-radius: 4px 0 0 4px;
  margin-right: 0;
  display: block
}

.tabs-right > li > a {
  border-radius: 0 4px 4px 0;
  margin-right: 0
}

.sideways {
  margin-top: 50px;
  border: none;
  position: relative
}

.sideways > li {
  height: 20px;
  width: 120px;
  margin-bottom: 100px
}

.sideways > li > a {
  border-bottom: 1px solid #ddd;
  border-right-color: transparent;
  text-align: center;
  border-radius: 4px 4px 0 0
}

.sideways > li.active > a,
.sideways > li.active > a:focus,
.sideways > li.active > a:hover {
  border-bottom-color: transparent;
  border-right-color: #ddd;
  border-left-color: #ddd
}

.sideways.tabs-left {
  left: -50px
}

.sideways.tabs-right {
  right: -50px
}

.sideways.tabs-right > li {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg)
}

.sideways.tabs-left > li {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

#subnav li#moreNav {
  display: none;
}

#moreNav .fas,
#moreNav .far {
  opacity: 1;
}

.moreNav {
  background: #0092cf;
  border: none;
  margin-top: 6px;
  box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.5);
}

.moreNav a {
  display: block;
  padding: 8px 12px;
  margin: 2px 0 6px;
  font-size: 13px;
  color: #fff;
  white-space: nowrap;
}

.moreNav a:hover {
  text-decoration: none;
  background: rgba(256, 256, 256, 0.15);
}

.expand-child fieldset div.title.longTitle {
  width: auto;
  padding-right: 10px;
}

@media
  only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi) {
  p.erase,
  p.delDoc,
  p.editDoc,
  p.fwdDoc {
    background-image: url(/assets/images/empower/toggles@2x.png);
    background-size: 97px 78px;
  }
}