#debugdiv {
  /*display: block;*/
  display: none;
  position: absolute;
  width: 65px;
  background-color: #000;
  color: #FF0014;
  text-align: center;
  font-size: 9px;
  z-index: 1040;
  right: 15px;
  bottom: 38px;
  height: 19px;
  border-radius: 9px;
  font-family: monospace; }
  #debugdiv .inner, #debugdiv .outer {
    font-style: normal; }

body {
  height: 100%; }

.body {
  margin-top: 50px; }
  .body .container {
    min-height: 250px; }

#FlushMessages {
  position: absolute;
  width: 300px;
  top: 57px;
  right: 15px; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* GENERIC STYLES */
.fixed_to_bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin-bottom: 0; }

.action-buttons {
  width: 200px;
  margin-left: auto;
  margin-right: auto; }

.clickable {
  cursor: pointer !important; }

.content-rounded {
  border-radius: 6px 6px 6px 6px;
  border: 0px solid #000000;
  background-color: #FFF;
  padding: 20px; }

.content-shadow {
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); }

.rounded-left {
  border-radius: 0px 6px 6px 0px;
  border: 0px solid #fff;
  background-color: #FFF;
  padding: 20px; }

.outline-rounded {
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #dedede;
  padding: 0px 10px;
  margin-bottom: 15px; }

.faded_hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3), transparent);
  background-image: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3), transparent);
  background-image: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3), transparent);
  background-image: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.3), transparent); }

/* DO NOT CHANGE THIS UNLESS YOU TEST ALL PLACES IT IS USED */
.margin_top_mini {
  margin-top: 5px; }

.margin_top_small {
  margin-top: 10px; }

.margin_top_average {
  margin-top: 15px; }

.margin_top_big {
  margin-top: 30px; }

.white_back {
  background-color: #ffffff; }

.min_height_block {
  min-height: 400px; }

.content_top_padding_normal {
  padding-top: 15px; }

.inline_element {
  display: inline; }

.bold_text {
  font-weight: bold; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Menu related styles */
#header_logo {
  position: absolute;
  top: 15px;
  height: 25px;
  width: 25px;
  background-image: url("/static/img/theme/base/white_boa.svg");
  background-repeat: no-repeat;
  background-size: 100%;
  border-radius: 7px; }
  #header_logo .site_name {
    display: none; }
  #header_logo:hover {
    background-image: url("/static/img/theme/base/black_boa.svg");
    background-color: #ffffff; }
    #header_logo:hover .site_name {
      display: block;
      margin-left: 28px;
      color: #fff;
      font-size: 27px;
      line-height: 25px; }

#main_menu_bar .user_profile_icon {
  height: 24px;
  border-radius: 12px; }
#main_menu_bar .navbar-brand {
  width: 100px;
  overflow: hidden;
  height: 54px; }

#flow_menu, #group_menu {
  display: none;
  position: fixed;
  top: 50px;
  left: 25px;
  right: 25px;
  bottom: 25px;
  z-index: 1;
  background-color: #FFF;
  border: 1px solid #CCC;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
  padding: 10px; }

#flow_menu_nav_back {
  position: absolute; }
  #flow_menu_nav_back .back_button {
    position: absolute; }
    #flow_menu_nav_back .back_button .back_button_link {
      position: absolute; }

#flow_menu_nav_options, #flow_menu_nav_options_holder, #flow_menu_cancel_load {
  position: absolute; }

.absolute_vertical_middle {
  top: 20%;
  height: 60%; }

#flow_menu_nav_back {
  left: 0px;
  top: 65px;
  bottom: 65px;
  width: 60px; }
  #flow_menu_nav_back .back_button {
    background-color: #EBF0DE;
    color: #85A346;
    left: 5px;
    right: 5px;
    border-radius: 7px;
    cursor: pointer;
    transition: background 350ms ease, color 350ms ease; }
    #flow_menu_nav_back .back_button:hover {
      background-color: #85A346;
      color: #d5dac8; }
    #flow_menu_nav_back .back_button .back_button_link {
      font-size: 55px;
      top: 45%;
      height: 10%;
      left: 0px;
      right: 0px;
      text-align: center; }

#flow_menu_nav_options_holder {
  left: 65px;
  top: 65px;
  bottom: 65px;
  right: 65px;
  overflow: auto; }

#flow_menu_nav_options .menu_item {
  float: left;
  background-color: #EBF0DE;
  color: #85A346;
  font-size: 20px;
  line-height: 50px;
  text-align: center;
  font-weight: bold;
  border-radius: 7px;
  margin: 7px;
  min-height: 50px;
  padding: 10px;
  cursor: pointer;
  min-width: 200px;
  transition: background 350ms ease, color 350ms ease;
  max-width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
  #flow_menu_nav_options .menu_item:hover {
    background-color: #85A346;
    color: #EBF0DE; }
  #flow_menu_nav_options .menu_item.silver {
    background-color: #F1F1F1;
    color: #A6A6A6; }
    #flow_menu_nav_options .menu_item.silver:hover {
      background-color: #A6A6A6;
      color: #F1F1F1; }
  #flow_menu_nav_options .menu_item.exception {
    background-color: #ECCDCA;
    color: #9D3C35; }
    #flow_menu_nav_options .menu_item.exception:hover {
      background-color: #9D3C35;
      color: #ECCDCA; }

#flow_menu_cancel_load {
  font-size: 11px;
  bottom: 10px;
  width: 30%;
  left: 35%;
  line-height: 13px;
  text-align: center; }

#flow_menu_cancel_count {
  cursor: pointer;
  color: #08C; }
  #flow_menu_cancel_count:hover {
    text-decoration: underline; }

.menu_item .menu_item_totals {
  position: relative;
  font-size: 10px;
  line-height: 12px;
  bottom: 0px; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Home Page related Styles */
.body_breadcrumb_bar {
  margin-top: 20px;
  background-color: white;
  font-size: 70%; }

.home_page .page_welcome {
  margin-bottom: 30px;
  margin-top: 35px; }
.home_page .home_page_left_bar, .home_page .home_page_center_bar {
  background-color: white;
  float: left; }
.home_page .home_page_left_bar {
  width: 12%;
  margin-right: 15px;
  min-width: 206px; }
.home_page .home_page_center_bar {
  width: 75%; }
.home_page .soft_shadow {
  border: 1px solid #dedede;
  /*border: 1px solid rgba(0, 0, 0, 0.03);*/
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.03);
  background-clip: padding-box;
  padding: 10px; }
.home_page .soft_shadow_no_border {
  border: 1px solid #dedede;
  border: 1px solid rgba(0, 0, 0, 0.03); }
.home_page .active_estates {
  background-color: #EBF0DE;
  color: #B5CA85;
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  font-size: 17px;
  font-weight: bold; }
  .home_page .active_estates .totals {
    color: #85A346;
    font-size: 37px;
    line-height: 60px; }
.home_page .active_accounts {
  background-color: #d3dbf0;
  color: #7ca5ca;
  border-radius: 6px;
  padding: 10px;
  text-align: center;
  font-size: 17px;
  font-weight: bold; }
  .home_page .active_accounts .totals {
    color: #6e87a3;
    font-size: 37px;
    line-height: 60px; }
.home_page .quick_actions {
  margin-top: 27px; }
.home_page .your_activity_box {
  margin-top: 27px;
  margin-bottom: 15px; }
.home_page h4 {
  color: #C00000; }
.home_page .fc-header-title h2 {
  margin-top: 20px; }
.home_page .fc-header-right {
  vertical-align: bottom; }

.flow_heading_pills {
  float: left;
  margin-right: 25px; }

.totals_text_shadow {
  text-shadow: 0px 0px 30px; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* calendar view */
.fc .fc-first th:first-child {
  border-top-left-radius: 3px; }
.fc .fc-first th:last-child {
  border-top-right-radius: 3px; }
.fc .fc-last td:first-child {
  border-bottom-left-radius: 3px; }
.fc .fc-last td:last-child {
  border-bottom-right-radius: 3px; }

.fc-widget-header {
  background-color: #F5F5F5; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Flow Sections */
.flow_section_heading {
  padding-bottom: 10px;
  border-bottom: 2px solid rgba(213, 218, 200, 0.59); }

.left_flow_block {
  border-right: 1px solid #F7F7F7; }

.flow_fields_list .table thead > tr > th, .flow_fields_list .table tbody > tr > th, .flow_fields_list .table tfoot > tr > th, .flow_fields_list .table thead > tr > td, .flow_fields_list .table tbody > tr > td, .flow_fields_list .table tfoot > tr > td {
  border-top: 0px;
  border-bottom: 1px solid #e8e8e8; }

.flow_tabbed_section .tab-content .tab-pane {
  padding-top: 15px; }

/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Small multi month calendar  */
#month_picker {
  width: 100%;
  overflow: hidden; }

.ui-datepicker {
  width: 100%; }

.ui-datepicker-prev {
  position: absolute;
  top: 78px;
  font-size: 11px;
  cursor: pointer; }

.ui-datepicker-next {
  position: absolute;
  top: 78px;
  font-size: 11px;
  cursor: pointer;
  right: 5px; }

.ui-datepicker-group-first {
  margin-top: 100px; }

.ui-datepicker-calendar, .ui-datepicker-group {
  font-size: 12px; }

.ui-datepicker-calendar {
  margin-top: 15px; }
  .ui-datepicker-calendar th {
    width: 30px;
    text-align: center;
    padding-top: 25px; }
  .ui-datepicker-calendar td {
    text-align: center; }

.ui-datepicker-title {
  text-align: center;
  background-color: #F5F5F5;
  font-weight: bold;
  position: absolute;
  left: 0px;
  right: 0px;
  line-height: 21px; }

/**/
.login_block {
  position: absolute;
  left: 33%;
  top: 33%;
  height: 250px; }

/**/
/********************************************************************/
/********************************************************************/
/********************************************************************/
/* Responsive layout things */
@media (max-width: 4000px) {
  #debugdiv .inner:before {
    content: "4000"; } }
@media (max-width: 3500px) {
  #debugdiv .inner:before {
    content: "3500"; } }
@media (max-width: 3000px) {
  #debugdiv .inner:before {
    content: "3000"; } }
@media (max-width: 2800px) {
  #debugdiv .inner:before {
    content: "2800"; } }
@media (max-width: 2600px) {
  #debugdiv .inner:before {
    content: "2600"; } }
@media (max-width: 2400px) {
  #debugdiv .inner:before {
    content: "2400"; } }
@media (max-width: 2200px) {
  #debugdiv .inner:before {
    content: "2200"; } }
@media (max-width: 2000px) {
  #debugdiv .inner:before {
    content: "2000"; } }
@media (max-width: 1900px) {
  #debugdiv .inner:before {
    content: "1900"; } }
@media (max-width: 1800px) {
  #debugdiv .inner:before {
    content: "1800"; } }
@media (max-width: 1700px) {
  #debugdiv .inner:before {
    content: "1700"; } }
@media (max-width: 1600px) {
  #debugdiv .inner:before {
    content: "1600"; } }
@media (max-width: 1500px) {
  #debugdiv .inner:before {
    content: "1500"; } }
@media (max-width: 1400px) {
  #debugdiv .inner:before {
    content: "1400"; } }
@media (max-width: 1300px) {
  #debugdiv .inner:before {
    content: "1300"; } }
@media (max-width: 1200px) {
  #debugdiv .inner:before {
    content: "1200"; } }
@media (max-width: 1100px) {
  #debugdiv .inner:before {
    content: "1100"; } }
@media (max-width: 1000px) {
  #debugdiv .inner:before {
    content: "1000"; } }
@media (max-width: 980px) {
  #debugdiv .inner:before {
    content: "980"; } }
@media (max-width: 900px) {
  #debugdiv .inner:before {
    content: "900"; }

  #flow_menu_nav_options .menu_item {
    line-height: 30px;
    min-height: 30px;
    max-width: 200px;
    padding: 3px; } }
@media (max-width: 800px) {
  #debugdiv .inner:before {
    content: "800"; } }
@media (max-width: 767px) {
  #debugdiv .inner:before {
    content: "767"; } }
@media (max-width: 700px) {
  #debugdiv .inner:before {
    content: "700"; } }
@media (max-width: 600px) {
  #debugdiv .inner:before {
    content: "600"; } }
/*very small*/
@media (max-width: 500px) {
  #debugdiv .inner:before {
    content: "500"; } }
@media (max-width: 400px) {
  #debugdiv .inner:before {
    content: "400"; } }
/*very small - portrait*/
@media (max-width: 320px) {
  #debugdiv .inner:before {
    content: "320"; } }
@media (max-width: 300px) {
  #debugdiv .inner:before {
    content: "300"; } }
/*very very small - portrait*/
@media (max-width: 240px) {
  #debugdiv .inner:before {
    content: "240"; } }
@media (max-width: 200px) {
  #debugdiv .inner:before {
    content: "200"; } }
@media (max-width: 100px) {
  #debugdiv .inner:before {
    content: "100"; } }
@media (max-height: 1100px) {
  #debugdiv .outer:before {
    content: "x1100"; } }
@media (max-height: 1000px) {
  #debugdiv .outer:before {
    content: "x1000"; } }
@media (max-height: 900px) {
  #debugdiv .outer:before {
    content: "x900"; } }
@media (max-height: 800px) {
  #debugdiv .outer:before {
    content: "x800"; } }
@media (max-height: 700px) {
  #debugdiv .outer:before {
    content: "x700"; }

  .absolute_vertical_middle {
    top: 10%;
    height: 80%; } }
@media (max-height: 600px) {
  #debugdiv .outer:before {
    content: "x600"; }

  #flow_menu_nav_options .menu_item {
    line-height: 30px;
    min-height: 30px; } }
@media (max-height: 500px) {
  #debugdiv .outer:before {
    content: "x500"; } }
@media (max-height: 400px) {
  #debugdiv .outer:before {
    content: "x400"; } }
@media (max-height: 300px) {
  #debugdiv .outer:before {
    content: "x300"; } }
@media (max-height: 200px) {
  #debugdiv .outer:before {
    content: "x200"; } }
/** table related styles*/
.table-header {
  color: #555555;
  font-weight: bold; }

/** globally used css */
.center-text {
  text-align: center !important; }

.color-red {
  color: #BD362F !important; }

.color-red-lighter {
  color: #DA4F49 !important; }

.color-red-darker {
  color: #BD362F !important; }

.color-blue {
  color: #006DCC !important; }

.color-blue-lighter {
  color: #08C !important; }

.color-blue-darker {
  color: #04C !important; }

.color-turquoise {
  color: #49AFCD !important; }

.color-turquoise-lighter {
  color: #5BC0DE !important; }

.color-turquoise-darker {
  color: #2F96B4 !important; }

.color-green {
  color: #5BB75B !important; }

.color-green-lighter {
  color: #62C462 !important; }

.color-green-darker {
  color: #51A351 !important; }

.color-orange {
  color: #FAA732 !important; }

.color-orange-lighter {
  color: #FBB450 !important; }

.color-orange-darker {
  color: #F89406 !important; }

.color-dark {
  color: #222 !important; }

.color-dark-lighter {
  color: #444 !important; }

.color-dark-darker {
  color: #222 !important; }

.jewel-count {
  color: #ffffff;
  font-size: 11px;
  font-weight: bolder;
  position: absolute;
  z-index: 101;
  background-color: #08C;
  border: 1px solid #006DCC;
  overflow: hidden;
  padding-left: 3px;
  padding-right: 3px;
  right: 5px;
  top: 3px;
  padding: 0 2px 0 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.copy-to-clipboard {
  padding: 4px 18px;
  color: #3c3f41;
  white-space: nowrap;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 18px;
  font-weight: bolder;
  margin-top: 2px !important;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px; }
  .copy-to-clipboard:hover {
    background-color: #e1e1e9;
    cursor: text; }
  .copy-to-clipboard .icon-edit {
    /*display: none;*/ }
  .copy-to-clipboard:hover .icon-edit {
    display: inline; }

.footerWrapper {
  position: relative;
  clear: both;
  width: 100%;
  height: 238px;
  background: url("/static/img/background/footer-green.png") no-repeat left bottom; }

.footerContent {
  position: relative;
  margin-top: 200px;
  text-align: center;
  background-repeat: no-repeat; }

.footerContentCopy {
  position: absolute;
  bottom: -200px;
  width: 200px;
  left: 845px; }

#wrap {
  min-height: 100%; }

#main {
  overflow: auto;
  padding-bottom: 150px;
  /* this needs to be bigger than footer height*/ }

/******************************************************************/
/* Very browser specific */
.fancy-scrollbars::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 5px; }
  .fancy-scrollbars::-webkit-scrollbar:hover {
    background-color: #eee; }
.fancy-scrollbars::-webkit-resizer {
  -webkit-border-radius: 4px;
  background-color: #666; }
.fancy-scrollbars::-webkit-scrollbar-thumb {
  min-height: 0.8em;
  min-width: 0.8em;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 0.4em; }
  .fancy-scrollbars::-webkit-scrollbar-thumb:hover {
    background-color: #bbb; }
  .fancy-scrollbars::-webkit-scrollbar-thumb:active {
    background-color: #888; }

/*******************/
.fancy-scrollbars-fat::-webkit-scrollbar {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 6px; }
  .fancy-scrollbars-fat::-webkit-scrollbar:hover {
    background-color: #eee; }
.fancy-scrollbars-fat::-webkit-resizer {
  -webkit-border-radius: 8px;
  background-color: #666; }
.fancy-scrollbars-fat::-webkit-scrollbar-thumb {
  min-height: 18px;
  min-width: 18px;
  background-color: rgba(0, 0, 0, 0.2);
  box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.1), inset -1px -1px 0 rgba(0, 0, 0, 0.07);
  border-radius: 6px; }
  .fancy-scrollbars-fat::-webkit-scrollbar-thumb:hover {
    background-color: #bbb; }
  .fancy-scrollbars-fat::-webkit-scrollbar-thumb:active {
    background-color: #888; }

/*used for the item family tree view*/
.item-family-tree li {
  list-style-type: none;
  background-color: #f3eff3;
  padding: 7px;
  margin-bottom: 5px;
  border: 1px solid #cfcbcf;
  border-radius: 4px; }
.item-family-tree .active {
  background-color: #d8e6f0; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 600px;
  padding: 1px;
  /*text-align: left;*/
  white-space: normal;
  border: 1px solid #437dff;
  border: 1px solid rgba(67, 125, 255, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -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);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }

/* Common styles for all types */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee; }
  .bs-callout h4 {
    margin-top: 0; }
  .bs-callout p:last-child {
    margin-bottom: 0; }
  .bs-callout code, .bs-callout .highlight {
    background-color: #fff; }

/* Variations */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4; }

.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc; }

.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0; }

.systems_module .system_filters {
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 14px;
  margin-bottom: 14px;
  min-height: 45px; }
  .systems_module .system_filters .btn {
    float: right;
    margin-right: 7px; }
.systems_module .system_list {
  display: grid;
  grid-template-columns: 33% 33% auto; }
  .systems_module .system_list .system_item {
    display: none;
    margin-bottom: 7px;
    padding: 3px;
    cursor: pointer;
    border-radius: 3px;
    transition-property: background-color;
    transition-duration: 150ms;
    transition-delay: 200ms;
    position: relative; }
    .systems_module .system_list .system_item .name {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 14px; }
    .systems_module .system_list .system_item:hover {
      background-color: #ededed;
      transition-delay: 50ms; }
    .systems_module .system_list .system_item.filter_hidden {
      display: none !important; }
    .systems_module .system_list .system_item::after {
      display: block;
      position: absolute;
      right: 0;
      bottom: 0;
      margin-right: 14px;
      margin-bottom: 7px;
      font-size: 11px;
      opacity: .5; }
  .systems_module .system_list.only_active .live_system {
    display: block; }
    .systems_module .system_list.only_active .live_system::after {
      content: 'Active'; }
  .systems_module .system_list.only_testing .testing_system {
    display: block; }
    .systems_module .system_list.only_testing .testing_system::after {
      content: 'Testing'; }
  .systems_module .system_list.only_boa .boa_system .name {
    color: #009688; }
  .systems_module .system_list .new {
    color: #47a447;
    display: block; }
    .systems_module .system_list .new::after {
      content: 'NEW'; }

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