* {
  margin: 0;
  padding: 0; }

/* Light blue accent for section backgrounds, etc */
/* Dark blue */
h1 {
  font-size: 120%;
  color: #0078ae;
  margin-bottom: 5px; }

h2 {
  font-size: 150%;
  padding-top: 2px;
  margin-bottom: 10px; }

body {
  overflow-y: scroll; }

input[type=text] {
  padding: 1px 3px; }

input.new-button {
  float: right;
  display: block;
  margin-left: 8px; }

span.cke_skin_kama {
  border: 0 !important;
  padding: 0 !important; }

.cke_bottom {
  display: none; }

.required {
  font-weight: bold;
  color: #c30000; }

.row-separator {
  display: block;
  height: 10px; }

.groupbox {
  border: 1px solid #bfbfbf;
  margin-top: 5px; }

.groupbox-header {
  display: inline-block;
  position: relative;
  top: -8pt;
  left: 16px;
  border-left: 4px solid white;
  color: #0378AE;
  border-right: 4px solid white;
  background: white; }

.groupbox-content {
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 10px; }

.section-content {
  margin: 10px auto; }

.button-bar-outer {
  float: left;
  width: 100%;
  overflow: hidden;
  position: relative; }

.button-bar-inner {
  clear: left;
  float: left;
  position: relative;
  left: 50%; }

.button-bar {
  float: left;
  position: relative;
  right: 50%; }

.odd .slick-cell {
  background-color: #ebeff3; }

.odd.slick-row.selected .slick-cell {
  background-color: #fcf8c0 !important; }

.editor-text {
  width: 98%; }

#headerRight a {
  color: #0078ae; }

label {
  font-weight: bold; }

.slick-header {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa; }

.sfx-section {
  border: 1px solid #0378ae;
  margin-top: 15px; }
  .sfx-section h3 {
    background-color: #0378ae;
    color: #fff;
    padding: 5px;
    font-size: 110%; }

.surge-accordion-title {
  background-color: #0378ae;
  color: #fff;
  font-size: 110%;
  padding: 5px;
  font-weight: bold;
  cursor: pointer;
  margin-bottom: 10px; }

.surge-accordion-icon {
  float: right;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  background-image: url(../Global/css/custom-theme/images/ui-icons_ffffff_256x240.png);
  background-position: 0 -16px; }

.collapsed .surge-accordion-icon {
  background-position: -64px -16px; }

.surge-accordion-content {
  margin: 10px auto; }

.surge-accordion > .collapsed > .surge-accordion-content {
  display: none; }

.ui-multiselect {
  cursor: pointer;
  padding: 2px 4px;
  font-size: 12px;
  border-radius: 4px;
  background: url(../Global/images/ButtonBG.gif) !important;
  color: #444 !important;
  font-weight: bold; }

.ui-widget {
  font-size: 9pt; }

.ui-multiselect-header ul li {
  padding: 0 2px 0 0; }

.ui-multiselect-checkboxes input[type=checkbox] {
  margin-right: 4px; }

.ui-widget-content {
  border-style: none !important;
  border-width: 0px; }

/* Todo List */
.skinny-button {
  padding: 2px 6px !important; }

.tasks-panel-content {
  min-height: 504px;
  padding: 10px; }

.tasks-panel-content .timeEntry_control, .hidetime .timeEntry_control {
  display: none !important; }

.tasks-panel-content input[type=text] {
  padding: 2px 3px !important; }

.tasks-filter-save-box {
  background-color: #e4efc9;
  height: 193px;
  color: #0078ae;
  padding: 15px;
  position: relative; }

.tasks-filter-save-box h4 {
  text-align: center;
  font-size: 110%; }

.task-grid-body-scroller {
  max-height: 420px;
  width: 928px;
  overflow-y: scroll;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9; }

.task-grid-header {
  border-right: 1px solid #d9d9d9; }

.task-grid thead {
  background-color: #d9d9d9; }

.task-grid thead th {
  padding: 5px 0;
  text-align: center; }

.task-grid td {
  vertical-align: middle;
  font-size: 8pt; }
  .task-grid td * {
    font-size: 8pt; }
  .task-grid td select {
    height: 20px; }

.task-not-completed-column select {
  width: 121px;
  margin: 2px auto;
  display: block; }

.task-grid thead th:first-child {
  padding: 5px 3px;
  vertical-align: middle; }

.task-grid td:first-child {
  text-align: center;
  vertical-align: middle; }

.tasks-todo-list-content h2 {
  margin-top: 10px; }

.tasks-action-bar {
  float: left; }
  .tasks-action-bar > li {
    float: left;
    margin-left: 10px;
    text-align: center; }
    .tasks-action-bar > li .tasks-action-bar-subcommands {
      position: absolute; }
    .tasks-action-bar > li ul {
      display: none;
      position: relative;
      left: -50%;
      background-color: #0378ae;
      color: #fff; }
      .tasks-action-bar > li ul li {
        float: left;
        margin: 2px 5px; }
      .tasks-action-bar > li ul input {
        cursor: pointer;
        padding: 2px 4px;
        font-size: 12px;
        border-radius: 4px;
        background: url(../Global/images/ButtonBG.gif) !important;
        color: #444 !important;
        font-weight: bold;
        border: 1px solid #eee; }
    .tasks-action-bar > li.active > .tasks-action-bar-button {
      background-color: #0378ae;
      color: #fff; }
    .tasks-action-bar > li.active ul {
      display: block; }

.tasks-action-bar-button {
  padding: 5px;
  display: inline-block;
  color: #595959;
  position: relative;
  left: -37px;
  width: 66px; }
  .tasks-action-bar-button:hover {
    cursor: pointer;
    background-color: #e4efc9;
    color: #0078ae; }
  .tasks-action-bar-button:active {
    background-color: #0378ae;
    color: #fff; }

.tasks-action-bar-title {
  float: left;
  color: #0078ae;
  padding: 5px;
  margin-right: 50px; }

.tasks-calendar-panel button {
  width: 16px;
  height: 16px; }

.tasks-calendar-wrapper {
  max-height: 401px;
  overflow-y: scroll; }

.tasks-calendar {
  width: 100%;
  table-layout: fixed; }
  .tasks-calendar tr {
    border-bottom: 1px solid #a6a6a6; }
  .tasks-calendar .time-column-first {
    border-top: 1px solid black; }
  .tasks-calendar .time-column-last {
    border-bottom: 1px solid black; }
  .tasks-calendar .time-column {
    width: 75px;
    text-align: center;
    padding: 2px;
    border-left: 1px solid black;
    border-right: 1px solid black; }
  .tasks-calendar .spacer {
    background-color: #d9d9d9;
    border: 0; }
  .tasks-calendar .all-day-row {
    background-color: #a6a6a6; }
  .tasks-calendar .all-day-row .time-column {
    border: 0; }
  .tasks-calendar .date-cell {
    background-color: #006699;
    color: #fff;
    text-align: center; }
  .tasks-calendar .task-column {
    vertical-align: top;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .tasks-calendar .task-column > div {
      border: 1px solid black;
      padding: 4px 2px 0 2px;
      overflow: hidden; }
    .tasks-calendar .task-column .tasks-calendar-item-body {
      margin-top: 6px;
      background-color: #fff;
      padding: 4px; }
      .tasks-calendar .task-column .tasks-calendar-item-body [name=NotDoneReason] {
        width: 125px; }

.tasks-calendar-tabs {
  border: 0 !important; }
  .tasks-calendar-tabs ul {
    background: none !important; }
    .tasks-calendar-tabs ul.ui-tabs-nav li.ui-tabs-selected {
      margin-bottom: 1px !important;
      padding-bottom: 0 !important;
      border-left: 1px solid #006699 !important;
      border-top: 1px solid #006699 !important;
      border-right: 1px solid #006699 !important; }

/* Suite Manager */
.suite-tree .suite a {
  color: #0078ae; }
.suite-tree .ui-icon-bogus {
  display: none; }

.manage-suites .suite-tree, .manage-suites .update-rent-tree {
  background-color: #fff !important;
  height: 420px;
  overflow: auto; }
.manage-suites .suite-option-list li {
  float: left;
  margin-right: 15px;
  width: 125px; }
  .manage-suites .suite-option-list li input[type=checkbox] {
    margin-right: 4px; }
.manage-suites .update-rent .groupbox {
  height: 420px; }
.manage-suites .suite-statistics {
  text-align: right; }

.contact-cell-editor {
  position: relative; }
  .contact-cell-editor button {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 17px;
    height: 17px;
    border-radius: 0; }

/* Billing */
.billing-page-navigation {
  border: 0; }
  .billing-page-navigation li {
    float: left;
    background-color: #fff;
    border: 0; }

/* Help */
.help-container p {
  margin: 15px 5px; }

/* History */
.history-button {
  float: right;
  cursor: pointer; }

.history-grid .history-header {
  background-color: #0378ae;
  color: #fff; }
.history-grid select {
  width: 100%; }
.history-grid td, .history-grid th {
  border: 2px solid #d9d9d9;
  padding: 2px; }
.history-grid .loading {
  color: #d9d9d9; }
.history-grid .hidden {
  display: none; }

/* Address Book */
.AddressBookSearchGrid * {
  font-size: 8pt; }

/* Reports */
.surge-dashboard {
  overflow: auto; }

.surge-dashboard-sidebar {
  float: left;
  width: 265px;
  background-color: #006699;
  padding: 8px 8px;
  box-sizing: border-box; }
  .surge-dashboard-sidebar a {
    color: #fff;
    display: block;
    text-decoration: none; }
  .surge-dashboard-sidebar > li > a {
    font-size: 12pt;
    font-weight: bold; }
  .surge-dashboard-sidebar > li.collapsed > ul {
    display: none; }
  .surge-dashboard-sidebar > li > ul > li > a {
    text-align: right;
    background-color: #64B7DB;
    margin: 4px 0;
    padding: 4px 8px; }
    .surge-dashboard-sidebar > li > ul > li > a.selected {
      background-color: #fff;
      color: #000;
      padding: 4px 12px 4px 8px;
      margin-right: -8px; }

.surge-dashboard-wrapper {
  margin-left: 280px;
  background-color: #fff;
  padding: 15px;
  min-height: 504px; }

.surge-dashboard-body {
  overflow: auto;
  width: 100%; }

/* Field Notes */
.field-note-area {
  border-top: 4px solid #E4EFC9;
  padding: 15px;
  margin: 15px -15px 0;
  clear: both; }
  .field-note-area label {
    display: inline; }
  .field-note-area .field-note {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
  .field-note-area .field-note-value, .field-note-area p {
    display: inline; }
  .field-note-area .field-note:hover {
    text-decoration: underline;
    cursor: pointer; }

.field-help-area {
  border-top: 4px solid #E4EFC9;
  padding: 15px;
  margin: 15px -15px 0;
  clear: both; }
  .field-help-area label {
    display: inline; }
  .field-help-area .field-help-editable:hover {
    text-decoration: underline;
    cursor: pointer; }

/* Modal Dialog Styles */
* {
  box-model: border-box; }

.modal {
  display: block;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1049;
  background: rgba(0, 0, 0, 0.8); }
  .modal .ui-dialog {
    width: auto;
    position: relative; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
  z-index: 1051;
  overflow: auto;
  display: block; }

.modal-content {
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  margin: 30px auto;
  padding: 10px;
  position: relative;
  z-index: 1052;
  display: block;
  overflow: hidden;
  overflow-y: auto;
  border-radius: 3px;
  background-color: #fff; }



.tooltip {
    display: inline;
    position: relative;
    font-weight: normal;
}

.tooltip:hover:before {
    border: solid;
    border-color: #006699 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 20px;
    content: "";
    left: 80%;
    font-weight: bold;
    position: absolute;
    z-index: 99;
}

.tooltip:hover:after {
    background: #006699;
    border-radius: 5px;
    font-weight: bold;
    bottom: 26px;
    color: #fff;
    content: attr(popupTip);
    left: 50%;
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    width: 320px;
}