body {
  background-color: #E1E2E1;
  height: 100%; }

img {
  image-rendering: -moz-crisp-edges;
  /* Firefox */
  image-rendering: -o-crisp-edges;
  /* Opera */
  image-rendering: -webkit-optimize-contrast;
  /* Webkit (non-standard naming) */
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
  /* IE (non-standard property) */ }

.init-loader {
  font-family: "Roboto Mono", monoface, sans-serif;
  font-size: 16px;
  height: 100%;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap; }

.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px; }

.ui-content-holder {
  text-align: center; }

.ui-paper-wrapper h2, .ui-paper-wrapper h3, .ui-paper-wrapper h4, .ui-paper-wrapper h5, .ui-paper-wrapper h6 {
  margin-left: 15px; }

.ui-paper-wrapper h5 {
  font-weight: normal;
  margin-top: -15px; }

.ui-fullpage-loader {
  min-height: 10px; }

.ui-paper-tabs {
  margin-left: 15px; }
  .ui-paper-tabs .ui-paper-tabs-tab-content {
    margin-top: 30px; }
    .ui-paper-tabs .ui-paper-tabs-tab-content .container {
      padding-left: 0; }

.ui-small-font {
  font-size: 0.85em; }

.ui-h2-with-image {
  margin-top: 15px;
  margin-bottom: 5px; }
  .ui-h2-with-image div {
    display: inline-block;
    vertical-align: middle; }
  .ui-h2-with-image .ui-image-cropper {
    vertical-align: middle;
    height: 70px;
    width: 70px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    display: inline-block;
    margin-left: 10px; }
  .ui-h2-with-image img {
    display: inline;
    height: 100%;
    position: relative;
    left: -20px; }

.ui-button-content-box {
  padding: 10px 15px;
  border-top: 1px solid #e0e0e0;
  border-right: 1px solid #e0e0e0;
  border-left: 1px solid #e0e0e0; }

.ui-margin-bottom {
  margin-bottom: 15px; }

/* from brokerui */
.ui-moreless-toggle::after {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: 600;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  margin-left: 5px;
  display: inline-block; }

.ui-moreless-toggle-open::after {
  content: "\f106";
  /* fa-angle-up */ }

.ui-moreless-toggle-closed::after {
  content: "\f107";
  /* fa-angle-down */ }

.ui-required::after {
  content: ' *';
  font-size: 0.9em; }

.ui-required-nospace::after {
  content: '*';
  font-size: 0.9em; }

.ui-simpleheader {
  font-weight: normal;
  font-size: inherit;
  text-decoration: underline;
  padding: 0;
  margin: 0; }

.ui-toggle-extra-text {
  font-size: 0.85em; }

.ui-toggle-extra-a {
  margin-left: 10px; }

.ui-warning {
  color: #ffdfdf; }

.row > [class*='col-'] {
  margin-bottom: 15px; }

.ui-edit-field span.ui-edit-field-date-clear-label {
  margin-left: 10px; }

.ui-edit-field-inline {
  display: inline-block;
  vertical-align: top;
  line-height: 1; }

.ui-buttons-row {
  margin-top: 15px; }

@media print {
  .ui-paper-wrapper > div:first-child {
    width: 100% !important; } }

.ui-table {
  overflow-x: auto; }
  .ui-table table {
    /*table-layout: auto; */
    /*width: 100%;*/
    border-collapse: collapse;
    border-spacing: 0;
    overflow-x: auto;
    white-space: nowrap;
    display: block; }
    .ui-table table tr {
      height: 25px;
      /* 48px for large table */
      display: table-row;
      vertical-align: middle; }
      .ui-table table tr.ui-no-tr-border-bottom {
        border-bottom: none; }
      .ui-table table tr.ui-tr-highlight-red {
        background-color: rgba(255, 223, 223, 0.53); }
      .ui-table table tr.ui-tr-highlight-main {
        background-color: #01579B;
        color: #ffffff; }
      .ui-table table tr.ui-tr-highlight-alternate-odd {
        background-color: rgba(132, 169, 195, 0.08); }
      .ui-table table tr.ui-tr-toggle {
        cursor: pointer; }
      .ui-table table tr td, .ui-table table tr th {
        padding-left: 24px;
        height: 25px;
        /* 48px for large table */
        white-space: nowrap;
        text-align: left;
        display: table-cell;
        vertical-align: middle; }
      .ui-table table tr td:first-child, .ui-table table tr th:first-child {
        padding-left: 6px; }
      .ui-table table tr td:last-child,
      .ui-table table tr th:last-child {
        padding-right: 24px; }
      .ui-table table tr.ui-tr-toggle td:first-child {
        padding-left: 6px;
        /* instead of 24 */ }
      .ui-table table tr.ui-tr-toggle-open td:first-child::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 600;
        text-decoration: none;
        margin-right: 9px;
        display: inline-block;
        content: "\f106";
        /* fa-angle-up */ }
      .ui-table table tr.ui-tr-toggle-closed td:first-child::before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 600;
        text-decoration: none;
        margin-right: 9px;
        display: inline-block;
        content: "\f107";
        /* fa-angle-down */ }
      .ui-table table tr.ui-table-extra-content-container td {
        padding-top: 24px;
        padding-bottom: 24px; }
    .ui-table table tbody {
      display: table-row-group;
      vertical-align: middle; }

/**
 * Tooltip styles
 */
/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer; }

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  pointer-events: none; }

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  opacity: 1; }

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: ""; }

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  max-width: 400px;
  /*min-width: 300px;*/
  background-color: #000000;
  color: #ffffff;
  content: attr(data-tooltip);
  font-size: 14px;
  line-height: 1.2; }

/* Directions */
/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%; }

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: #000; }

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px; }

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform: translateY(-12px);
  transform: translateY(-12px); }

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto; }

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: #000; }

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-12px);
  -moz-transform: translateX(-12px);
  transform: translateX(-12px); }

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%; }

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: #000; }

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform: translateY(12px);
  transform: translateY(12px); }

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%; }

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: #000; }

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(12px);
  -moz-transform: translateX(12px);
  transform: translateX(12px); }

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px; }

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px; }

.tooltip2 {
  cursor: help;
  position: relative; }

.tooltip2::before, .tooltip2::after {
  position: absolute;
  left: 50%;
  opacity: 0;
  z-index: -100; }

.tooltip2:hover::before, .tooltip2:focus::before, .tooltip2:hover::after, .tooltip2:focus::after {
  opacity: 1;
  z-index: 100; }

.tooltip2::before {
  border-style: solid;
  border-width: 1em .75em 0 .75em;
  border-color: #3e474f transparent transparent transparent;
  bottom: 100%;
  margin-left: -.5em;
  content: " "; }

.tooltip2::after {
  background: #3e474f;
  border-radius: .25em;
  bottom: 180%;
  color: white;
  xwidth: 50em;
  padding: 1em;
  margin-left: -8.75em;
  content: attr(data-tip); }

.material-ui-tooltip {
  font-size: 20px; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #e0e0e0; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #e0e0e0; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #e0e0e0; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #e0e0e0; }