@font-face {
  font-family: "pipelinedl";
  src: url("/assets/fonts/pipelinedl.ttf?9kuqa3") format("truetype"),
    url("/assets/fonts/pipelinedl.woff?9kuqa3") format("woff"),
    url("/assets/fonts/pipelinedl.svg?9kuqa3#pipelinedl") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon_"],
[class*=" icon_"] {
  font-family: "pipelinedl" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon_user_network:before {
  content: "";
}
.icon_activity_pause:before {
  content: "";
}
.icon_activity_success:before {
  content: "";
}
.icon_menu:before {
  content: "";
}
.icon_mro_profile:before {
  content: "";
}
.icon_barrel_shadow:before {
  content: "";
}
.icon_barrel:before {
  content: "";
}
.icon_sdo_inner:before {
  content: "";
}
.icon_sdo_shadow:before {
  content: "";
}
.icon_sdo:before {
  content: "";
}
.icon_documents:before {
  content: "";
}
.icon_info:before {
  content: "";
}
.icon_statement:before {
  content: "";
}
.icon_warning:before {
  content: "";
}
.icon_print:before {
  content: "";
}
.icon_three_dots:before {
  content: "";
}
.icon_operators_shadow:before {
  content: "";
}
.icon_operators:before {
  content: "";
}
.icon_client_shake_shadow:before {
  content: "";
}
.icon_client_shake:before {
  content: "";
}
.icon_commission_shadow:before {
  content: "";
}
.icon_commission:before {
  content: "";
}
.icon_crude_oil_shadow:before {
  content: "";
}
.icon_crude_oil:before {
  content: "";
}
.icon_flame_shadow:before {
  content: "";
}
.icon_flame:before {
  content: "";
}
.icon_helpdesk_shadow:before {
  content: "";
}
.icon_helpdesk:before {
  content: "";
}
.icon_new_payments_shadow:before {
  content: "";
}
.icon_new_payments:before {
  content: "";
}
.icon_overdue_monitor_shadow:before {
  content: "";
}
.icon_overdue_monitor:before {
  content: "";
}
.icon_payment_change_shadow:before {
  content: "";
}
.icon_payment_change:before {
  content: "";
}
.icon_profile:before {
  content: "";
}
.icon_wells_shadow:before {
  content: "";
}
.icon_wells:before {
  content: "";
}
.icon_filter:before {
  content: "";
}
.icon_invite:before {
  content: "";
}
.icon_marker:before {
  content: "";
}
.icon_recent:before {
  content: "";
}
.icon_well_live:before {
  content: "";
}
.icon_well_production:before {
  content: "";
}
.icon_well_shut:before {
  content: "";
}
.icon_loading:before {
  content: "";
}
.icon_back:before {
  content: "";
}
.icon_trash:before {
  content: "";
}
.icon_add:before {
  content: "";
}
.icon_minus:before {
  content: "";
}
.icon_arrow_left:before {
  content: "";
}
.icon_arrow_right:before {
  content: "";
}
.icon_chart:before {
  content: "";
}
.icon_gas_shadow:before {
  content: "";
}
.icon_gas:before {
  content: "";
}
.icon_share:before {
  content: "";
}
.icon_table:before {
  content: "";
}
.icon_create:before {
  content: "";
}
.icon_production_shadow:before {
  content: "";
}
.icon_production:before {
  content: "";
}
.icon_sales_shadow:before {
  content: "";
}
.icon_sales:before {
  content: "";
}
.icon_payment_shadow:before {
  content: "";
}
.icon_payment:before {
  content: "";
}
.icon_error:before {
  content: "";
}
.icon_owner_shadow:before {
  content: "";
}
.icon_owner:before {
  content: "";
}
.icon_property_shadow:before {
  content: "";
}
.icon_property:before {
  content: "";
}
.icon_blockchain_shadow:before {
  content: "";
}
.icon_blockchain:before {
  content: "";
}
.icon_chevron_down:before {
  content: "";
}
.icon_chevron_left:before {
  content: "";
}
.icon_chevron_right:before {
  content: "";
}
.icon_chevron_up:before {
  content: "";
}
.icon_close:before {
  content: "";
}
.icon_indicator_down:before {
  content: "";
}
.icon_indicator_up:before {
  content: "";
}
.icon_notification:before {
  content: "";
}
.icon_search:before {
  content: "";
}
.icon_upload_cloud:before {
  content: "";
}
html {
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}
body {
  font-size: 14px;
  font-family: "Roboto", Helvetica, sans-serif;
  font-weight: 400;
  color: #505050;
  background: #f7f7fa;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  margin: 0px;
  padding: 0;
}
body.no_scroll {
  height: 100%;
  overflow: hidden;
}
html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5 {
  margin: 0px;
  padding: 0px;
}
abbr {
  text-decoration: none;
}
a:link,
a:visited {
  color: #468ee5;
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}
a:link.link_arrow_right,
a:visited.link_arrow_right {
  text-decoration: none;
}
a:link.link_arrow_right:after,
a:visited.link_arrow_right:after {
  content: "";
  font-family: "pipelinedl";
  padding-left: 5px;
}
a:hover {
  color: #1f73d9;
  text-decoration: underline;
}
.theme_bank a:link,
.theme_bank a:visited {
  color: #414583;
}
.theme_bank a:hover {
  color: #303361;
}
p {
  margin: 0;
  padding: 0;
  padding-bottom: 10px;
  line-height: 140%;
}
*:focus {
  outline: none;
}
.clearfix::after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.overflow {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.hidden_text {
  position: absolute !important;
  font-size: 0 !important;
}
.text_left {
  text-align: left !important;
}
.text_right {
  text-align: right !important;
}
.text_center {
  text-align: center !important;
}
.align_center {
  text-align: center;
}
.space_divider {
  height: 10px;
  display: block;
}
.space_divider.extra_padding {
  margin-top: 10px;
  margin-bottom: 10px;
}
.line_divider {
  background-color: rgba(0, 0, 0, 0.1);
  margin-top: 10px;
  margin-bottom: 10px;
  height: 1px;
  display: block;
}
.line_divider.extra_padding {
  margin-top: 30px;
  margin-bottom: 30px;
}
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.text_right {
  text-align: right;
}
.fine_print,
.timestamp {
  font-size: 0.8rem;
  line-height: 20px;
  color: #7e8c99;
}
.page_container {
  max-width: 1140px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
.message_container {
  max-width: 1170px;
  margin: 0 auto;
  padding-left: 5px;
  padding-right: 5px;
}
.mobile_container {
  max-width: 960px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
}
input,
button,
textarea {
  font-size: 14px;
  font-family: "Roboto", Helvetica, sans-serif !important;
  -webkit-tap-highlight-color: transparent;
}
.btn_normal {
  width: auto;
  background-color: transparent;
  position: relative;
  color: #505050;
  line-height: 20px;
  margin: 0px;
  padding: 5px 10px;
  overflow: visible;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: inline-block;
  border: 0px solid;
  cursor: pointer;
  min-width: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
.btn_normal.btn_inverse_color {
  color: #fff;
}
.btn_normal.btn_inverse_color:hover,
.btn_normal.btn_inverse_color:focus {
  color: #e6e6e6;
}
.btn_normal:hover,
.btn_normal:focus {
  color: #000;
}
.btn_normal:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  border: 0px solid !important;
  padding: 5px 10px;
}
.btn_normal:disabled:hover,
.btn_normal:disabled:focus {
  border-color: rgba(0, 0, 0, 0.05) !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_purple {
  background: #806ff7;
  background: -webkit-linear-gradient(
    legacy-direction(90deg),
    #806ff7 0%,
    #8594ff 100%
  );
  background: linear-gradient(90deg, #806ff7 0%, #8594ff 100%);
  color: #fff;
}
.btn_normal.btn_purple:focus,
.btn_normal.btn_purple:hover {
  background: #6b57f6;
  background: -webkit-linear-gradient(
    legacy-direction(90deg),
    #6b57f6 0%,
    #6c7eff 100%
  );
  background: linear-gradient(90deg, #6b57f6 0%, #6c7eff 100%);
  color: #fff;
}
.btn_normal.btn_purple:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.btn_normal.btn_purple:disabled:hover,
.btn_normal.btn_purple:disabled:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_blue {
  background-color: #468ee5;
  color: #fff;
}
.btn_normal.btn_blue:focus,
.btn_normal.btn_blue:hover {
  background-color: #468ee5;
  color: #fff;
}
.btn_normal.btn_blue:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.btn_normal.btn_blue:disabled:hover,
.btn_normal.btn_blue:disabled:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_white {
  background-color: #fff;
  color: #468ee5;
  border: 1px solid #468ee5;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn_normal.btn_white:focus,
.btn_normal.btn_white:hover {
  background-color: #468ee5;
  color: #fff;
}
.btn_normal.btn_white:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.btn_normal.btn_white:disabled:hover,
.btn_normal.btn_white:disabled:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_blue_link {
  color: #468ee5;
}
.btn_normal.btn_blue_link:focus,
.btn_normal.btn_blue_link:hover {
  color: #468ee5;
}
.btn_normal.btn_blue_link:focus .btn_text,
.btn_normal.btn_blue_link:hover .btn_text {
  text-decoration: underline;
}
.btn_normal.btn_blue_link:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.btn_normal.btn_blue_link:disabled:hover,
.btn_normal.btn_blue_link:disabled:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_purple_link {
  color: #414583;
}
.btn_normal.btn_purple_link:focus,
.btn_normal.btn_purple_link:hover {
  color: #414583;
}
.btn_normal.btn_purple_link:focus .btn_text,
.btn_normal.btn_purple_link:hover .btn_text {
  text-decoration: underline;
}
.btn_normal.btn_purple_link:disabled {
  color: #ccc !important;
  cursor: default !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.btn_normal.btn_purple_link:disabled:hover,
.btn_normal.btn_purple_link:disabled:focus {
  background-color: rgba(0, 0, 0, 0.05) !important;
  color: #ccc !important;
}
.btn_normal.btn_no_border {
  border: 0 solid !important;
  padding-top: 5px;
  padding-bottom: 5px;
}
.btn_normal.btn_no_padding {
  padding: 4px 0px;
}
.btn_normal.btn_no_padding.btn_no_border {
  padding: 5px 0;
}
.btn_normal.btn_no_padding.btn_no_border.btn_table {
  padding: 0 0;
  vertical-align: text-top;
}
.btn_normal.btn_icon_only > .btn_text {
  position: absolute;
  font-size: 0;
}
.btn_normal.btn_icon_only > .btn_icon {
  display: block;
}
.btn_normal.btn_icon_only > .btn_icon span {
  display: block;
  font-size: 20px;
  line-height: 20px;
  width: 20px;
  text-align: center;
}
.btn_normal.btn_icon_only.btn_icon_small {
  padding-left: 5px;
  padding-right: 5px;
}
.btn_normal.btn_icon_only.btn_icon_small > .btn_icon {
  display: block;
}
.btn_normal.btn_icon_only.btn_icon_small > .btn_icon span {
  display: block;
  font-size: 16px;
  line-height: 20px;
  width: 20px;
  text-align: center;
}
.btn_normal.btn_big {
  padding: 10px;
}
.btn_normal.btn_border {
  border-width: 1px;
  border-style: solid;
  padding: 4px 9px;
}
.btn_normal.btn_view_toggle {
  padding: 10px 10px;
  background-color: #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}
.btn_normal.btn_view_toggle.view_active {
  background-color: #edf1f4;
  color: #505050;
}
.btn_normal.btn_wide {
  min-width: 180px;
}
.btn_normal.btn_full {
  display: block;
  width: 100%;
}
.btn_normal > .btn_text {
  line-height: 20px;
  display: inline-block;
}
.btn_normal > .btn_text.hidden_text {
  position: absolute;
  font-size: 0 !important;
}
.btn_normal > .btn_icon,
.btn_normal > .btn_status {
  position: relative;
  pointer-events: none;
  display: inline-block;
  vertical-align: text-top;
  color: inherit;
  line-height: 20px;
}
.btn_normal > .btn_icon span,
.btn_normal > .btn_status span {
  font-size: 16px;
  display: block;
}
.btn_normal > .btn_icon.big_icon span,
.btn_normal > .btn_status.big_icon span {
  font-size: 20px;
}
.btn_normal > .btn_status.status_invalid {
  color: #d75363;
}
.btn_normal > .btn_helper {
  float: right;
  margin-left: 5px;
  line-height: 20px;
}
.btn_normal > .btn_helper span {
  display: block;
  line-height: 20px;
}
.btn_normal > .btn_icon_arrow {
  float: right;
  margin-left: 5px;
  line-height: 20px;
}
.btn_normal > .btn_icon_arrow span {
  font-size: 16px;
  display: block;
  line-height: 20px;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
fieldset.form_row {
  margin-bottom: 10px;
  position: relative;
}
fieldset.form_row.no_padding {
  margin-bottom: 0;
}
fieldset.form_row legend.hidden_legend {
  font-size: 0;
  position: absolute;
}
fieldset.form_row.inline {
  position: relative;
}
fieldset.form_row.inline legend {
  width: 40%;
  position: absolute;
  left: 0;
  top: 0;
}
fieldset.form_row.inline > .form_group {
  width: 60%;
  margin-left: 40%;
}
fieldset.form_row.inline.auto_width {
  display: inline-block;
}
fieldset.form_row.inline.auto_width legend {
  width: auto;
  margin-right: 10px;
  position: relative;
  left: auto;
  top: auto;
}
fieldset.form_row.inline.auto_width > .form_group {
  display: inline-block;
  width: auto;
  margin-left: auto;
  white-space: nowrap;
}
fieldset.form_row.inline.split_50 > .data_label {
  float: left;
  width: 50%;
}
fieldset.form_row.inline.split_50 > .data_value {
  float: left;
  width: 50%;
}
fieldset.form_row.layout_horizontal > .form_group > .form_row {
  width: auto;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
fieldset.form_row.layout_horizontal > .form_group > .form_row:last-of-type {
  margin-right: 0;
}
fieldset.form_row.layout_stacked > .form_group.split_2 > .form_row {
  width: 50%;
  float: left;
}
fieldset.form_row.layout_stacked > .form_group.split_2 > .form_row label {
  display: block;
}
fieldset.form_row.layout_stacked > .form_group > .form_row {
  width: auto;
  display: block;
}
fieldset.form_row .form_row {
  margin-bottom: 0;
}
.form_row {
  margin-bottom: 10px;
  position: relative;
}
.form_row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.form_row.no_padding {
  margin-bottom: 0;
}
.form_row.align_center {
  text-align: center;
}
.form_row.align_to_label {
  padding-left: 40%;
}
.form_row.align_to_label_50 {
  padding-left: 50%;
}
.form_row.inline > .form_label {
  float: left;
  width: 40%;
}
.form_row.inline > .form_input {
  float: left;
  width: 60%;
}
.form_row.inline > .form_adder {
  margin-left: 40%;
  margin-bottom: 5px;
  float: left;
  clear: both;
  width: 60%;
}
.form_row.inline.split_50 > .form_label {
  float: left;
  width: 50%;
}
.form_row.inline.split_50 > .form_input {
  float: left;
  width: 50%;
}
.form_row.inline .form_row_repeater {
  margin-bottom: 5px;
  float: left;
  width: 100%;
  clear: both;
}
.form_row.inline .form_row_repeater > .form_label {
  float: left;
  width: 40%;
  display: block;
}
.form_row.inline .form_row_repeater > .form_label.hidden_label {
  position: absolute;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.form_row.inline .form_row_repeater > .form_label.hidden_label label {
  padding: 0;
}
.form_row.inline .form_row_repeater > .form_label label {
  line-height: 20px;
  padding: 5px 5px 5px 0;
  display: block;
  color: #7e8c99;
}
.form_row.inline .form_row_repeater > .form_label label .label_right {
  float: right;
}
.form_row.inline .form_row_repeater > .form_input {
  float: left;
  width: 60%;
}
.form_row > .form_label {
  display: block;
}
.form_row > .form_label.hidden_label {
  position: absolute;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.form_row > .form_label.hidden_label label {
  padding: 0;
}
.form_row > .form_label label {
  line-height: 20px;
  padding: 5px 5px 5px 0;
  display: block;
  color: #7e8c99;
}
.form_row > .form_label label .label_right {
  float: right;
}
.form_row > .form_input {
  display: block;
}
.form_row > .form_input.hidden {
  position: absolute;
  opacity: 0;
  font-size: 0;
  left: 0;
  top: 0;
}
.form_row .form_input.readonly {
  position: relative;
}
.form_row .form_input.readonly .inputbox {
  padding-right: 25px !important;
}
.form_row .form_input.input_has_button {
  position: relative;
}
.form_row .form_input.input_has_button .inputbox {
  padding-right: 35px !important;
}
.form_row .form_input.input_has_button .form_input_button {
  position: absolute;
  right: 0;
  top: 0;
}
.form_row .form_input.input_has_helper {
  position: relative;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form_row .form_input.input_has_helper .form_input_helper {
  position: absolute;
  line-height: 20px;
  top: 5px;
  right: 0;
  min-width: 25px;
  text-align: left;
}
.form_row .form_input .inputbox_inline_text {
  margin-left: 5px;
  display: inline-block;
}
.form_row .form_error {
  display: block;
  color: #d75363;
  line-height: 20px;
  padding: 5px 0;
}
.form_row.auto_width {
  display: inline-block;
}
.flex_group {
  display: flex;
  flex-direction: rows;
  -webkit-flex-direction: rows;
  width: 100%;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  margin-bottom: 10px;
}
.flex_group.flex_end {
  justify-content: flex-end;
}
.flex_group:first-of-type {
  margin-top: 0;
}
.flex_group.flex_no_wrap {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.flex_group .flex_row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.flex_group .flex_row > .form_label {
  width: auto;
}
.flex_group .flex_row > .form_label.hidden_label {
  position: absolute;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.flex_group .flex_row > .form_label.hidden_label label {
  padding: 0;
}
.flex_group .flex_row > .form_input {
  width: auto;
}
.flex_group .flex_row.flex_grow {
  flex-grow: 1;
  flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}
.flex_group .flex_row_action {
  margin-left: auto;
  padding-left: 10px;
}
.form_helper_txt {
  line-height: 20px;
  padding: 5px 0;
  display: block;
}
.form_supplementary_text {
  line-height: 20px;
  padding: 5px 0;
  display: block;
  font-style: italic;
  color: #7e8c99;
}
.data_group {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.data_group.stacked {
  flex-direction: column;
  -webkit-flex-direction: column;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.data_group .data_row {
  flex: 1 1 auto;
}
.data_row {
  display: block;
  margin-bottom: 10px;
  position: relative;
}
.data_row.width_10 {
  flex: 0 0 10%;
}
.data_row.width_15 {
  flex: 0 0 15%;
}
.data_row.width_20 {
  flex: 0 0 20%;
}
.data_row.width_25 {
  flex: 0 0 25%;
}
.data_row.width_30 {
  flex: 0 0 30%;
}
.data_row.width_35 {
  flex: 0 0 35%;
}
.data_row.width_40 {
  flex: 0 0 40%;
}
.data_row:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.data_row.no_padding {
  margin-bottom: 0;
}
.data_row.inline > .data_label {
  float: left;
  width: 40%;
}
.data_row.inline > .data_value {
  float: left;
  width: 60%;
}
.data_row.inline.split_50 > .data_label {
  float: left;
  width: 50%;
}
.data_row.inline.split_50 > .data_value {
  float: left;
  width: 50%;
}
.data_row.compact > .data_label {
  padding: 0;
}
.data_row > .data_label {
  display: block;
  line-height: 20px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #7e8c99;
  padding: 5px 0px 5px 0;
}
.data_row > .data_label.hidden_label {
  position: absolute;
  font-size: 0;
  opacity: 0;
  filter: alpha(opacity=0);
}
.data_row > .data_value {
  display: block;
  line-height: 20px;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.data_row > .data_value.large_text {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 30px;
}
.data_row > .data_value.medium_text {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 30px;
}
.data_row.mimic_form_row > .data_label {
  padding: 5px 0;
}
.data_row.mimic_form_row > .data_value {
  padding: 5px 0;
}
fieldset {
  position: relative;
}
fieldset.grouped {
  border: 1px solid #dfe0e1;
  padding: 0 15px 10px;
  margin-bottom: 10px;
}
fieldset.grouped.no_margin {
  margin-bottom: 0;
}
fieldset.grouped.no_border {
  border: 0px solid;
}
fieldset.grouped.no_padding {
  padding: 10px 0;
}
fieldset.grouped.rounded {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
fieldset legend.legend_title {
  font-size: 1rem;
  line-height: 30px;
  display: block;
  background-color: #fff;
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  padding-bottom: 0;
  padding-top: 0;
}
fieldset.split_50_50:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
fieldset.split_50_50 > .form_row {
  float: left;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset.split_50_50 > .form_row:nth-child(odd) {
  padding-left: 20px;
}
fieldset.split_50_50 > .form_row:nth-child(even) {
  padding-right: 20px;
}
fieldset .fieldset_remove {
  position: absolute;
  right: 5px;
  top: 0px;
  background-color: #fff;
}
fieldset .well_container {
  margin-top: 10px;
  padding-bottom: 5px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f5f6f7;
  padding-top: 15px;
  border: 0px solid;
}
fieldset .well_container:first-of-type {
  margin-top: 0;
}
fieldset .well_container legend {
  padding-left: 10px;
  padding-right: 10px;
  margin-left: -10px;
  float: left;
  width: 100%;
  padding-top: 0;
  padding-bottom: 10px;
}
fieldset .well_container:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
fieldset .well_container > .form_row {
  float: left;
  vertical-align: top;
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset .well_container > .form_row:nth-child(odd) {
  padding-left: 20px;
}
fieldset .well_container > .form_row:nth-child(even) {
  padding-right: 20px;
}
fieldset .well_container .fieldset_remove {
  background-color: transparent;
  top: 10px;
  right: 5px;
}
.dropdown_title {
  font-size: 1.25rem;
  line-height: 30px;
}
.search_form_title {
  font-size: 1.25rem;
  line-height: 30px;
}
.search_form_title .search_result_count {
  font-size: 14px;
  font-weight: normal;
}
.minor_title {
  font-size: 0.8rem;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 20px;
  padding: 5px 0;
}
.section_title {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 900;
}
.module_title {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 400;
  margin: 20px 0 10px;
}
.mro_title {
  font-size: 1.5rem;
  line-height: 30px;
  font-weight: 800;
  color: #505050;
  text-align: center;
}
.intro_text {
  text-align: center;
}
.intro_text p {
  margin-bottom: 0;
  padding-bottom: 0;
}
#header {
  border-bottom: 1px solid #dfe0e1;
  background-color: #fff;
}
#header_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 10px 0;
}
#header_inner #header_logo {
  flex: 1 1 auto;
}
#header_inner #header_logo a {
  display: inline-block;
}
#header_inner #header_logo a .header_logo_image {
  height: 40px;
  display: block;
}
#header_inner #header_logo a .header_logo_image img {
  height: 100%;
  vertical-align: top;
}
#header_inner #header_nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#header_inner #header_nav ul li {
  display: inline-block;
  font-size: 14px;
}
#header_inner #header_nav ul li a {
  display: block;
  text-decoration: none;
  line-height: 20px;
  padding: 10px;
  color: #505050;
}
#header_inner #header_nav ul li a:hover,
#header_inner #header_nav ul li a:focus {
  color: #000;
}
#header_inner #header_notifications {
  margin-left: 20px;
}
#header_inner
  #header_notifications
  button.btn_normal
  .btn_icon.has_notifications {
  position: relative;
}
#header_inner
  #header_notifications
  button.btn_normal
  .btn_icon.has_notifications:after {
  content: "";
  height: 12px;
  width: 12px;
  background-color: #d75363;
  display: block;
  position: absolute;
  right: -4px;
  top: -4px;
  border: 2px solid #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header_inner #header_user {
  margin-left: 20px;
}
.theme_bank #header {
  border-bottom: 0px solid #dfe0e1;
  background-color: #283260;
  background: #283284;
  background: -webkit-linear-gradient(
    legacy-direction(90deg),
    #283284 0%,
    #283260 100%
  );
  background: linear-gradient(90deg, #283284 0%, #283260 100%);
}
.theme_bank #header #header_inner #header_nav > ul > li a {
  color: #fff;
}
.theme_bank #header #header_inner #header_nav > ul > li a:hover,
.theme_bank #header #header_inner #header_nav > ul > li a:focus {
  color: #e6e6e6;
}
.theme_bank
  #header
  #header_inner
  #header_notifications
  button.btn_normal
  .btn_icon.has_notifications:after {
  background-color: #ffcd40;
  border: 2px solid #283260;
}
#ticker {
  background-color: #465765;
  color: #fff;
  padding: 0px 0;
}
#ticker_inner {
  position: relative;
}
#ticker_inner #ticker_main {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
  padding: 0px 0;
}
#ticker_inner #ticker_toggle {
  text-align: center;
  position: absolute;
  left: 50%;
  bottom: -10px;
  -moz-transform: translate(-50%, 0%);
  -o-transform: translate(-50%, 0%);
  -ms-transform: translate(-50%, 0%);
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
}
#ticker_inner #ticker_toggle button#btn_ticker_toggle {
  color: #fff;
  background-color: #465765;
  padding: 0 10px;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
  line-height: 20px;
}
#ticker_inner #ticker_toggle button#btn_ticker_toggle .btn_icon span {
  display: block;
}
#ticker_inner #ticker_toggle button#btn_ticker_toggle.selected .btn_icon span {
  position: relative;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#ticker_inner #ticker_drawer {
  max-height: 200px;
  overflow: auto;
}
.ticker_container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  min-height: 0;
  padding: 10px 0;
  flex: 1 1 100%;
}
.ticker_container.ticker_split:first-child {
  flex: 1 1 50%;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.ticker_container.ticker_split:last-child {
  flex: 1 1 50%;
  padding-left: 20px;
}
.ticker_container .ticker_data {
  line-height: 20px;
  flex: 1 1 auto;
  padding-left: 10px;
}
.ticker_container .ticker_data:first-child {
  padding-left: 0;
}
.ticker_container .ticker_data.ticker_last_updated {
  text-align: right;
  white-space: nowrap;
}
.ticker_container .ticker_data .change_value {
  display: block;
  line-height: 20px;
  white-space: nowrap;
}
.ticker_container .ticker_data .change_value.up {
  color: #2be77a;
}
.ticker_container .ticker_data .change_value.up:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
}
.ticker_container .ticker_data .change_value.down {
  color: #ef6627;
}
.ticker_container .ticker_data .change_value.down:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
}
#content {
  background-color: #fff;
  padding: 20px 0;
}
.content_header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  margin-bottom: 10px;
}
.content_header .content_title {
  flex: 1 1 auto;
}
.content_header .content_title h1 {
  line-height: 30px;
  padding: 5px 0;
  font-weight: 400;
  font-size: 1.5rem;
}
.content_header .content_timestamp {
  line-height: 20px;
  padding: 10px;
}
.content_header .content_actions {
  padding: 5px 0;
}
.content_header .content_actions > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.content_header .content_actions > ul > li {
  display: inline-block;
  margin-left: 10px;
}
.content_header .content_actions > ul > li:first-child {
  margin-left: 0;
}
.item_status {
  width: 10px;
  height: 10px;
  display: block;
  background-color: #ccc;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  margin: 5px 0;
  font-size: 0;
}
.item_status.live {
  background-color: #72bf44;
}
.payment_status.error {
  color: #d75363;
}
.blockchain_explorer {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 120px;
}
.content_footer {
  padding: 20px 20px;
  background-color: #f5f6f7;
}
.content_footer .content_footer_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.content_footer .content_footer_inner .content_footer_left > ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.content_footer .content_footer_inner .content_footer_left > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}
.content_footer
  .content_footer_inner
  .content_footer_left
  > ul
  > li:last-child {
  margin-right: 0;
}
.content_footer .content_footer_inner .content_footer_right > ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.content_footer .content_footer_inner .content_footer_right > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
}
.content_footer
  .content_footer_inner
  .content_footer_right
  > ul
  > li:first-child {
  margin-left: 0;
}
.info_container {
  position: relative;
  border: 1px solid #525b6b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  margin-top: 20px;
}
.info_container .info_container_icon {
  position: absolute;
  right: 10px;
  top: 10px;
  padding: 0px;
  font-size: 40px;
}
.info_container .info_container_icon .info_container_icon_main {
  margin-left: 5px;
  z-index: 1;
  position: relative;
}
.info_container .info_container_icon .info_container_icon_shadow {
  position: absolute;
  left: 0px;
  top: 5px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.info_item .info_label {
  line-height: 20px;
}
.info_item .info_value {
  line-height: 40px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 30px;
  padding: 5px 0 0;
}
.link_options.has_padding {
  padding: 20px 0;
}
.link_options.pos_left {
  text-align: left;
}
.link_options.pos_left > ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.link_options.pos_left > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}
.link_options.pos_left > ul > li:last-child {
  margin-right: 0;
}
.link_options.pos_right {
  text-align: right;
}
.link_options.pos_right > ul {
  font-size: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}
.link_options.pos_right > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-left: 10px;
}
.link_options.pos_right > ul > li:first-child {
  margin-left: 0;
}
.color_block {
  height: 16px;
  width: 16px;
  display: inline-block;
  vertical-align: text-top;
  background-color: #ccc;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
}
.color_block.color_confirmed {
  background-color: #29bba9;
}
.color_block.color_pending {
  background-color: #616f7c;
}
.color_block.color_issued {
  background-color: #71add1;
}
#dashboard_search {
  background-color: #f5f6f7;
}
#dashboard_search_inner {
  padding: 20px 0;
}
#dashboard_search_inner #search_form {
  position: relative;
  max-width: 720px;
  margin: 0 auto;
}
#dashboard_search_inner #search_form #search_form_input {
  position: relative;
  z-index: 2;
}
#dashboard_search_inner #search_form #search_form_results {
  position: absolute;
  left: 0;
  top: calc(100% + 0px);
  right: 0;
  background: #fff;
  padding: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.1);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(50vh + 50px);
  overflow: auto;
  z-index: 999;
  color: #505050;
  text-align: left;
}
#dashboard_search_inner
  #search_form
  #search_form_results
  #search_form_results_inner {
  padding: 15px;
}
#dashboard_search_inner
  #search_form
  #search_form_results
  #search_form_results_inner
  .search_form_header {
  padding-bottom: 15px;
}
ul#results_list {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  max-height: 50vh;
  overflow: auto;
}
ul#results_list li a.result_link {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  padding-left: 15px;
  padding-right: 15px;
}
ul#results_list li a.result_link:hover,
ul#results_list li a.result_link:focus {
  background-color: rgba(70, 142, 229, 0.1);
}
ul#results_list li a.result_link .result_icon {
  position: absolute;
  left: 15px;
  top: 10px;
  font-size: 30px;
}
ul#results_list li a.result_link .result_details {
  margin-left: 40px;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: calc(100% - 40px);
  min-height: 0;
  padding: 10px 0;
  line-height: 20px;
}
ul#results_list li a.result_link .result_details .result_name {
  font-weight: 600;
}
ul#results_list li a.result_link .result_details .result_id {
  color: #468ee5;
  margin-left: 10px;
  flex: 1 1 auto;
}
ul#results_list li a.result_link .result_details .result_error {
  color: #d75363;
  align-self: flex-end;
}
ul#results_list li a.result_link .result_details .result_address {
  flex: 1 1 100%;
  color: #7e8c99;
}
.theme_bank #dashboard_search {
  background-color: #414583;
  color: #fff;
}
.theme_bank
  #dashboard_search
  #dashboard_search_inner
  #search_form
  #search_form_input
  .form_row
  .form_input
  input.inputbox.searchbox {
  border-color: #fff;
}
.search_actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
}
.search_actions .search_actions_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.search_actions .search_actions_left > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-right: 20px;
}
.search_actions .search_actions_left > ul > li:last-child {
  margin-right: 0;
}
.search_actions .search_actions_left > ul > li a {
  color: inherit;
  display: block;
  text-decoration: none;
  line-height: 20px;
  padding: 10px 0;
}
.search_actions .search_actions_left > ul > li a:hover,
.search_actions .search_actions_left > ul > li a:focus {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.search_actions .search_actions_left > ul > li a span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
  margin: 2px;
}
.search_actions .search_actions_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.search_actions .search_actions_right > ul > li {
  font-size: 14px;
  display: inline-block;
  margin-left: 20px;
}
.search_actions .search_actions_right > ul > li:last-child {
  margin-left: 0;
}
.search_actions .search_actions_right > ul > li a {
  color: inherit;
  display: block;
  text-decoration: none;
  line-height: 20px;
  padding: 10px 0;
}
.search_actions .search_actions_right > ul > li a:hover,
.search_actions .search_actions_right > ul > li a:focus {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.search_actions .search_actions_right > ul > li a span {
  display: inline-block;
  vertical-align: bottom;
  font-size: 16px;
  margin: 2px;
}
.item_header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  background-color: #f5f6f7;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.item_header .item_icon {
  position: relative;
  padding: 0px;
  font-size: 40px;
  margin-right: 20px;
}
.item_header .item_icon .item_icon_main {
  margin-left: 5px;
  z-index: 1;
  position: relative;
}
.item_header .item_icon .item_icon_shadow {
  position: absolute;
  left: 0px;
  top: 5px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.item_header .item_details {
  flex: 1 1 100%;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  background-color: #f5f6f7;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.item_header .item_details #item_name {
  line-height: 20px;
  color: #7e8c99;
  font-size: 1rem;
  font-weight: 600;
}
.item_header .item_details #item_name:after {
  content: " -";
}
.item_header .item_details #item_number {
  flex-grow: 1;
  line-height: 20px;
  padding-left: 5px;
  color: #7e8c99;
  font-weight: 600;
  font-size: 1rem;
}
.item_header .item_details #item_blockchain {
  line-height: 20px;
}
.item_header .item_details #item_blockchain a {
  color: inherit;
}
.item_header .item_details #item_address {
  flex: 1 1 100%;
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 600;
  color: #525b6b;
}
.royalty_container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  min-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.royalty_container .royalty_owner {
  padding: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1 1 320px;
  background-color: #f5f6f7;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  position: relative;
}
.royalty_container .royalty_owner:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: rgba(0, 0, 0, 0.05);
}
.royalty_container .royalty_owner .royalty_owner_details {
  position: relative;
  margin-bottom: 20px;
}
.royalty_container .royalty_owner .royalty_owner_details .royalty_owner_icon {
  position: absolute;
  left: 0;
  top: 0;
}
.royalty_container
  .royalty_owner
  .royalty_owner_details
  .royalty_owner_icon
  span {
  display: block;
  line-height: 40px;
  width: 40px;
  padding: 0px;
  font-size: 40px;
  text-align: center;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  background-clip: padding-box;
  background-color: #fff;
  color: #7e8c99;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.royalty_container .royalty_owner .royalty_owner_details .royalty_owner_name {
  margin-left: 50px;
  display: block;
  line-height: 20px;
  font-weight: 600;
  text-align: left;
  color: #505050;
  font-size: 1.25rem;
}
.royalty_container .royalty_owner .royalty_owner_details .royalty_owner_title {
  margin-left: 50px;
  display: block;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #7e8c99;
  font-size: 14px;
}
.royalty_container .royalty_details {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  flex: 1 1 100%;
}
.royalty_status {
  line-height: 20px;
  padding: 5px;
}
.royalty_status.pending .royalty_status_icon {
  color: #ffcd40;
  font-size: 20px;
  line-height: 20px;
  margin-right: 5px;
  display: inline-block;
  vertical-align: top;
}
#owner_details {
  padding: 20px;
  background-color: #f5f6f7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  margin-bottom: 20px;
}
.content_client .client_details_header .client_details_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
}
.content_client
  .client_details_header
  .client_details_inner
  .client_links
  > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.content_client
  .client_details_header
  .client_details_inner
  .client_links
  > ul
  > li {
  font-size: 14px;
  display: inline-block;
}
.content_client
  .client_details_header
  .client_details_inner
  .client_links
  > ul
  > li
  a {
  display: block;
  line-height: 20px;
  padding: 10px;
}
.content_client .client_details_body {
  margin-bottom: 20px;
  padding-left: 70px;
}
.content_client .client_details_body fieldset.grouped {
  border-bottom: 1px solid #dfe0e1;
}
.content_client .client_details_body fieldset.grouped:last-of-type {
  border-bottom: 0px solid;
}
.content_client .client_details_body fieldset.grouped .data_row .data_label {
  color: #505050;
  font-weight: 600;
}
.client_card {
  position: relative;
  margin-bottom: 20px;
}
.client_card.small .client_card_icon span {
  line-height: 40px;
  width: 40px;
  font-size: 40px;
}
.client_card.small .client_card_name {
  margin-left: 50px;
  font-size: 1.25rem;
  line-height: 20px;
}
.client_card.small .client_card_title {
  margin-left: 50px;
}
.client_card .client_card_icon {
  position: absolute;
  left: 0;
  top: 0;
}
.client_card .client_card_icon span {
  display: block;
  line-height: 60px;
  width: 60px;
  padding: 0px;
  font-size: 60px;
  text-align: center;
  -webkit-border-radius: 80px;
  border-radius: 80px;
  background-clip: padding-box;
  background-color: #fff;
  color: #7e8c99;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.client_card .client_card_name {
  margin-left: 70px;
  display: block;
  line-height: 40px;
  font-weight: 600;
  text-align: left;
  color: #505050;
  font-size: 1.8rem;
}
.client_card .client_card_title {
  margin-left: 70px;
  display: block;
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #7e8c99;
  font-size: 14px;
}
.stmnt_header {
  background-color: #eceef3;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.stmnt_header .stmnt_title {
  padding: 10px;
  line-height: 20px;
}
.stmnt_header .stmnt_date {
  flex-grow: 1;
  text-align: center;
  padding: 10px;
  line-height: 20px;
}
.stmnt_header .stmnt_data {
  margin-left: 10px;
  padding: 10px;
  line-height: 20px;
}
.stmnt_header .stmnt_data a.blockchain_explorer_icon {
  display: block;
  font-size: 20px;
  text-decoration: none;
  height: 20px;
}
.stmnt_header .stmnt_data a.blockchain_explorer_icon span {
  display: block;
}
.stmnt_header .stmnt_data a.blockchain_explorer_icon:hover,
.stmnt_header .stmnt_data a.blockchain_explorer_icon:focus {
  text-decoration: none;
  color: #806ff7;
}
.stmnt_content {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.stmnt_footer {
  padding: 20px 20px 20px;
  background-color: #f5f6f7;
}
.stmnt_footer .stmnt_footer_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.well_container .well_header {
  background-color: #61707a;
  color: #fff;
}
.well_container .well_header .well_header_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.well_container .well_header .well_header_inner .well_header_data {
  padding: 10px;
  line-height: 20px;
}
.well_container .well_header .well_header_inner .well_header_well {
  padding: 10px;
  line-height: 20px;
  flex: 0 0 200px;
}
.well_container .well_header .well_header_inner .well_header_property {
  padding: 10px;
  line-height: 20px;
  margin-right: auto;
}
.well_container .well_header .well_header_inner .well_header_doi {
  padding: 10px;
  line-height: 20px;
}
.well_container .well_header .well_header_inner .well_header_docs {
  padding: 10px;
  line-height: 20px;
}
.well_container .well_header .well_header_inner a:link {
  color: #fff !important;
}
.well_container .well_header .well_header_inner a:link:hover,
.well_container .well_header .well_header_inner a:link:visited {
  color: #fff !important;
}
.well_container .well_header .well_header_inner strong {
  font-weight: 600;
}
.well_container .well_content {
  padding: 10px;
}
.well_container .well_content .well_sub_total {
  padding-left: 10px;
  padding-right: 10px;
}
.well_container .well_content .well_sub_total .data_value {
  font-size: 1.25rem;
  font-weight: 600;
}
.helpdesk {
  position: relative;
  margin-top: 10px;
}
.helpdesk .helpdesk_icon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 40px;
  width: 40px;
  margin: 0px auto 10px;
}
.helpdesk .helpdesk_icon .helpdesk_icon_main {
  z-index: 1;
  position: relative;
}
.helpdesk .helpdesk_icon .helpdesk_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: #c9d0e2;
}
.helpdesk .helpdesk_text {
  margin-left: 60px;
}
.helpdesk .helpdesk_text p {
  line-height: 20px;
  margin: 0;
  padding: 0;
}
.message {
  background-color: #465765;
  display: none;
}
.message .message_container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  padding: 0px 0;
  line-height: 20px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  color: #fff;
  min-height: 70px;
}
.message .message_container .message_icon {
  padding: 15px;
  font-size: 30px;
  position: relative;
}
.message .message_container .message_icon .message_icon_main {
  margin-left: 5px;
  z-index: 1;
  position: relative;
}
.message .message_container .message_icon .message_icon_shadow {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 0;
  color: rgba(255, 255, 255, 0.1);
}
.message .message_container .message_details {
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 auto;
}
.message
  .message_container
  .message_details
  .message_text
  .message_description {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.message
  .message_container
  .message_details
  .message_text
  .message_description
  p {
  line-height: 20px;
}
.message
  .message_container
  .message_details
  .message_text
  .message_description
  p:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
}
.message .message_container .message_details .message_action button {
  color: #fff;
}
.message .message_container .message_close {
  padding: 15px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.message .message_container .message_close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.message .message_container .message_close button {
  color: #fff;
}
.rotate {
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  border: 2px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
}
.rotate .icon_loading {
  height: 20px;
  width: 20px;
  font-size: 20px;
  display: block;
  vertical-align: top;
  text-align: center;
  line-height: 20px;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#notifications {
  background-color: #fff;
}
#notifications_inner {
  padding: 20px 0 0;
}
.notification {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  padding: 0px 0;
  line-height: 20px;
  background-color: #f5f6f7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  margin-bottom: 10px;
}
.notification:hover {
  background-color: #eff1f2;
}
.notification:last-of-type {
  margin-bottom: 0;
}
.notification .notification_icon {
  padding: 15px;
  font-size: 30px;
  position: relative;
}
.notification .notification_icon .notification_icon_main {
  margin-left: 5px;
  z-index: 1;
  position: relative;
}
.notification .notification_icon .notification_icon_shadow {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.notification .notification_details {
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 auto;
}
.notification .notification_details .notification_text {
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 100%;
}
.notification .notification_details .notification_text .notification_title {
  font-weight: 600;
  display: block;
  flex: 1 1 100%;
}
.notification .notification_details .notification_text .notification_timestamp {
  display: block;
  flex: 1 1 auto;
  color: #7e8c99;
}
.notification .notification_details .notification_text .notification_info {
  display: block;
  flex: 1 1 auto;
  color: #7e8c99;
}
.notification .notification_details .notification_action {
  white-space: nowrap;
}
.notification .notification_details .notification_action a {
  text-decoration: none;
  margin-top: 10px;
  display: block;
}
.notification .notification_details .notification_action a:hover,
.notification .notification_details .notification_action a:focus {
  text-decoration: underline;
}
.notification .notification_close {
  padding: 15px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.notification .notification_close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.notification.error .notification_icon:before {
  content: "";
  background-color: #fff;
  height: 12px;
  width: 12px;
  z-index: 2;
  display: block;
  position: absolute;
  top: 34px;
  left: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
.notification.error .notification_icon:after {
  content: "";
  font-family: "pipelinedl";
  position: absolute;
  top: 30px;
  left: 15px;
  color: #d75363;
  font-size: 16px;
  z-index: 2;
}
.notification.error
  .notification_details
  .notification_text
  .notification_title {
  color: #d75363;
}
.operator_notification {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  padding: 0px 0;
  line-height: 20px;
  border-bottom: 1px solid #dfe0e1;
}
.operator_notification:last-of-type {
  margin-bottom: 0;
}
.operator_notification .notification_icon {
  padding: 15px;
  font-size: 30px;
  position: relative;
}
.operator_notification .notification_icon .notification_icon_main {
  margin-left: 5px;
  z-index: 1;
  position: relative;
}
.operator_notification .notification_icon .notification_icon_shadow {
  position: absolute;
  left: 15px;
  top: 20px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.operator_notification .notification_details {
  padding: 15px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 auto;
}
.operator_notification .notification_details .notification_text {
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 100%;
}
.operator_notification
  .notification_details
  .notification_text
  .notification_title {
  font-weight: 600;
  display: block;
  flex: 1 1 100%;
}
.operator_notification
  .notification_details
  .notification_text
  .notification_info {
  display: block;
  flex: 1 1 auto;
  color: #7e8c99;
}
.operator_notification
  .notification_details
  .notification_text
  .notification_info
  a {
  text-decoration: none;
  display: inline-block;
  color: #414583;
}
.operator_notification
  .notification_details
  .notification_text
  .notification_info
  a:hover,
.operator_notification
  .notification_details
  .notification_text
  .notification_info
  a:focus {
  text-decoration: underline;
}
.operator_notification .notification_details .notification_reason {
  padding: 0px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  flex: 1 1 100%;
}
.operator_notification
  .notification_details
  .notification_reason
  .notification_info {
  display: block;
  flex: 1 1 auto;
  color: #7e8c99;
  font-style: italic;
}
.operator_notification .notification_cta {
  white-space: nowrap;
  text-align: right;
  padding: 15px;
  flex: 1 1 240px;
}
.operator_notification .notification_cta .notification_date {
  white-space: nowrap;
}
.operator_notification .notification_cta .notification_link {
  white-space: nowrap;
}
.operator_notification .notification_cta .notification_link a {
  text-decoration: none;
  display: block;
  color: #414583;
}
.operator_notification .notification_cta .notification_link a:hover,
.operator_notification .notification_cta .notification_link a:focus {
  text-decoration: underline;
}
.operator_notification .notification_close {
  padding: 15px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.operator_notification .notification_close:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.operator_notification.error .notification_icon:before {
  content: "";
  background-color: #fff;
  height: 12px;
  width: 12px;
  z-index: 2;
  display: block;
  position: absolute;
  top: 34px;
  left: 17px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
}
.operator_notification.error .notification_icon:after {
  content: "";
  font-family: "pipelinedl";
  position: absolute;
  top: 30px;
  left: 15px;
  color: #d75363;
  font-size: 16px;
  z-index: 2;
}
.operator_notification.error
  .notification_details
  .notification_text
  .notification_title {
  color: #d75363;
}
#quicklinks_inner {
  margin-bottom: 20px;
}
.quicklink_container {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.quicklink_item {
  position: relative;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #505050;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  margin-right: 20px;
  flex: 1 1 100%;
}
.quicklink_item:last-child {
  margin-right: 0;
}
.quicklink_item .quicklink_icon {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 40px;
}
.quicklink_item .quicklink_icon .quicklink_icon_main {
  z-index: 1;
  position: relative;
}
.quicklink_item .quicklink_icon .quicklink_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.quicklink_item .quicklink_title {
  margin-right: 60px;
  font-size: 1.25rem;
  line-height: 140%;
}
.quicklink_item .quicklink_text {
  margin-right: 60px;
  color: #7e8c99;
  line-height: 20px;
}
.quicklink_item .quicklink_text a {
  display: inline-block;
}
.quicklink_item .quicklink_buttons {
  font-size: 0;
}
.quicklink_item .quicklink_buttons button {
  font-size: 14px;
  margin-right: 10px;
}
.quicklink_item .quicklink_buttons button:last-of-type {
  margin-right: 0;
}
#widgets_inner {
  background-color: white;
}
.widget_group {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: calc(100% + 20px);
  min-height: 0;
  padding: 0px 0;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 20px;
}
.widget_group.fixed_height {
  height: 220px;
}
.widget_group .widget_container {
  flex: 1 1 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px;
}
.widget_group .widget_container.one_third {
  flex: 0 1 calc(100% / 3);
}
.widget_group .widget_container.two_third {
  flex: 0 1 calc(calc(100% / 3) * 2);
}
.widget_group .widget_container.half {
  flex: 0 1 50%;
}
.widget_group .widget_container.quarter {
  flex: 0 1 25%;
}
.widget_group .widget_container.three_quarter {
  flex: 0 1 75%;
}
.widget_group .widget_container .widget_inner {
  margin: 0px 10px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 160px;
}
.widget_group .widget_container .widget_inner.background_purple {
  padding: 10px;
  background-color: #414583;
  border: 2px solid #414583;
  color: #fff;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  align-self: stretch;
  height: calc(100% - 20px);
}
.widget_group .widget_container .widget_inner.background_purple a {
  color: #fff;
}
.widget_group
  .widget_container
  .widget_inner.background_purple
  .widget_content
  .widget_content_icon
  .widget_content_icon_main {
  color: #c9d0e2;
}
.widget_group
  .widget_container
  .widget_inner.background_purple
  .widget_content
  .widget_content_icon
  .widget_content_icon_shadow {
  color: rgba(255, 255, 255, 0.2);
}
.widget_group .widget_container .widget_inner.background_grey {
  padding: 10px;
  background-color: #f3f3f5;
  border: 2px solid #f3f3f5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  align-self: stretch;
  height: calc(100% - 20px);
}
.widget_group .widget_container .widget_inner.background_grey a {
  color: #414583;
}
.widget_group .widget_container .widget_inner.background_grey ul.data_list {
  margin: 0;
}
.widget_group
  .widget_container
  .widget_inner.background_grey
  ul.data_list
  > li
  .data_list_label {
  color: #505050;
}
.widget_group
  .widget_container
  .widget_inner.background_grey
  ul.data_list
  > li
  .data_list_value
  a.data_list_link {
  color: #414583;
  background-color: #fff;
}
.widget_group
  .widget_container
  .widget_inner.background_grey
  ul.data_list
  > li
  .data_list_value
  a.data_list_link:hover,
.widget_group
  .widget_container
  .widget_inner.background_grey
  ul.data_list
  > li
  .data_list_value
  a.data_list_link:focus {
  background-color: #414583;
  color: #fff;
}
.widget_group .widget_container .widget_inner.background_border {
  padding: 10px;
  border: 2px solid #414583;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  align-self: stretch;
  height: calc(100% - 20px);
}
.widget_group .widget_container .widget_inner.background_border a {
  color: #414583;
}
.widget_group .widget_container .widget_header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 0px 0 20px;
}
.widget_group .widget_container .widget_header .widget_title h3 {
  font-size: 1.25rem;
  line-height: 30px;
  font-weight: 900;
}
.widget_group .widget_container .widget_header .widget_actions > ul {
  margin: 0;
  list-style: none;
  padding: 0;
  font-size: 0;
}
.widget_group .widget_container .widget_header .widget_actions > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  line-height: 30px;
}
.widget_group .widget_container .widget_header.small {
  padding: 0px 0 10px;
}
.widget_group .widget_container .widget_header.small .widget_title h3 {
  font-size: 0.8rem;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.widget_group .widget_container .widget_content {
  position: relative;
}
.widget_group .widget_container .widget_content .widget_content_icon {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 60px;
  width: 60px;
  margin: 0px auto 10px;
}
.widget_group .widget_container .widget_content .widget_content_icon.wide {
  font-size: 70px;
  width: 70px;
}
.widget_group
  .widget_container
  .widget_content
  .widget_content_icon
  .widget_content_icon_main {
  z-index: 1;
  position: relative;
}
.widget_group
  .widget_container
  .widget_content
  .widget_content_icon
  .widget_content_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: #c9d0e2;
}
.widget_group .widget_container .widget_footer {
  margin-top: 10px;
  line-height: 20px;
}
.change_value {
  display: block;
  line-height: 20px;
}
.change_value.up:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
  color: #2be77a;
}
.change_value.down:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
  color: #ef6627;
}
ul.data_list {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.data_list > li {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  line-height: 20px;
}
ul.data_list > li:last-child {
  margin-bottom: 0;
}
ul.data_list > li .data_list_label {
  padding: 5px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #7e8c99;
}
ul.data_list > li .data_list_value {
  padding: 5px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul.data_list > li .data_list_value a.data_list_link {
  display: block;
  color: #468ee5;
  background-color: rgba(70, 142, 229, 0.1);
  text-decoration: none;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  min-width: 30px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
ul.data_list > li .data_list_value a.data_list_link:hover,
ul.data_list > li .data_list_value a.data_list_link:focus {
  background-color: #468ee5;
  color: #fff;
}
.active_leases {
  font-size: 1.4rem;
  line-height: 20px;
  margin: 0px 0 10px;
}
.market_object {
  text-align: center;
}
.market_object .market_icon {
  position: relative;
  font-size: 40px;
  width: 40px;
  margin: 0px auto 10px;
}
.market_object .market_icon .market_icon_main {
  z-index: 1;
  position: relative;
}
.market_object .market_icon .market_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.market_object .market_price {
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 40px;
}
.market_object .market_change {
  columns: #7e8c99;
  line-height: 20px;
}
.market_object .market_title {
  line-height: 20px;
}
.summary_item {
  margin-bottom: 20px;
}
.summary_item.compressed {
  margin-bottom: 10px;
}
.summary_item .summary_label {
  line-height: 20px;
}
.summary_item .summary_value {
  line-height: 40px;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 40px;
}
#widgets_bank {
  background-color: #fff;
  padding: 20px 0;
}
.widget_data_row {
  margin-bottom: 10px;
}
.widget_data_row.no_padding {
  margin-bottom: 0;
}
.widget_data_row .widget_data_value {
  font-size: 1.65rem;
  font-weight: 600;
  line-height: 30px;
}
.widget_data_row .widget_data_label {
  line-height: 20px;
  padding: 5px 0;
}
.widget_data_row .widget_data_helper {
  font-size: 0.7rem;
  line-height: 20px;
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.summary_panel {
  position: relative;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #505050;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #fff;
  flex: 1 1 100%;
}
.summary_panel .summary_icon {
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 40px;
}
.summary_panel .summary_icon .summary_icon_main {
  z-index: 1;
  position: relative;
}
.summary_panel .summary_icon .summary_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: rgba(80, 80, 80, 0.1);
}
.summary_panel .summary_title {
  margin-right: 60px;
  font-size: 1.25rem;
  line-height: 140%;
}
.summary_panel .summary_content {
  margin-top: 10px;
}
.summary_panel .summary_text {
  margin-right: 60px;
  color: #7e8c99;
  line-height: 20px;
}
.summary_panel .summary_text a {
  display: inline-block;
}
.payment_change {
  font-size: 0.9rem;
  display: inline-block;
  line-height: 20px;
  padding: 10px 0;
  vertical-align: bottom;
}
.change_value_inverted {
  display: block;
  line-height: 20px;
}
.change_value_inverted.down:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
  color: #2be77a;
}
.change_value_inverted.up:after {
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  content: "";
  font-family: "pipelinedl";
  color: #ef6627;
}
.payment_bar_container {
  width: 140px;
  font-size: 0;
}
.payment_bar_container .payment_bar {
  display: inline-block;
  vertical-align: top;
  width: calc(attr(data-width));
}
.payment_bar_container .payment_bar .payment_confirmed {
  display: inline-block;
  font-size: 0;
  min-height: 20px;
  background-color: #29bba9;
  vertical-align: top;
}
.payment_bar_container .payment_bar .payment_pending {
  display: inline-block;
  font-size: 0;
  min-height: 20px;
  background-color: #616f7c;
  vertical-align: top;
}
.payment_bar_container .payment_bar .payment_issued {
  display: inline-block;
  font-size: 0;
  min-height: 20px;
  background-color: #71add1;
  vertical-align: top;
}
.payment_bar_container .payment_bar_value {
  font-size: 1rem;
  position: absolute;
  margin-left: 5px;
  width: 35px;
  display: inline-block;
  line-height: 20px;
}
#footer_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
  padding: 30px 0;
  color: #7e8c99;
}
#footer_inner #footer_legal {
  line-height: 20px;
}
#footer_inner #footer_links ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#footer_inner #footer_links ul li {
  display: inline-block;
  font-size: 14px;
}
#footer_inner #footer_links ul li a {
  display: block;
  text-decoration: none;
  line-height: 20px;
  padding: 0px 10px;
  color: #7e8c99;
}
#footer_inner #footer_links ul li a:hover,
#footer_inner #footer_links ul li a:focus {
  color: #505050;
}
#footer_inner #footer_logo {
  flex: 1 1 100%;
  height: 40px;
  margin-top: 20px;
}
#footer_inner #footer_logo img {
  height: 100%;
}
.col_group {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.col_group.centered {
  justify-content: space-around;
}
.col_group.centered .col_item {
  margin: 0 20px;
  flex: 1 1 100%;
  text-align: center;
}
.col_group.centered .col_item:first-child {
  text-align: center;
}
.col_group.centered .col_item:last-child {
  text-align: center;
}
.col_group.has_padding {
  margin: 10px 0;
}
.col_group.offset_margin {
  margin-left: -10px;
  margin-right: -10px;
  width: calc(100% + 20px);
  margin-bottom: -20px;
}
.col_group .col_item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.col_group .col_item:first-of-type > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.col_group .col_item:first-of-type > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
}
.col_group .col_item:first-of-type > ul > li:last-child {
  margin-right: 0;
}
.col_group .col_item:last-of-type {
  text-align: right;
}
.col_group .col_item:last-of-type > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.col_group .col_item:last-of-type > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
}
.col_group .col_item:last-of-type > ul > li:first-child {
  margin-left: 0;
}
.col_group .col_item.width_1_4 {
  flex: 0 1 25%;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.col_group .col_item.width_2_4 {
  flex: 0 1 50%;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.col_group .col_item.width_3_4 {
  flex: 0 1 75%;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.col_group .col_item.width_4_4 {
  flex: 0 1 100%;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}
.col_group.col_2 {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.col_group.col_2 .col_item {
  flex: 1 1 50%;
}
.col_group.col_4 {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.col_group.col_4 .col_item {
  flex: 1 1 25%;
}
.col_group.col_4 .col_item:last-of-type {
  text-align: left;
}
.chart_toolbar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
  margin-bottom: 20px;
}
.chart_toolbar .chart_toolbar_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.chart_toolbar .chart_toolbar_left > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: top;
}
.chart_toolbar .chart_toolbar_left > ul > li:last-child {
  margin-right: 0;
}
.chart_toolbar .chart_toolbar_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.chart_toolbar .chart_toolbar_right > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: top;
}
.chart_toolbar .chart_toolbar_right > ul > li:first-child {
  margin-left: 0;
}
.chart_container .chart_placeholder {
  height: 200px;
  background-color: #f5f6f7;
}
.period_dates {
  font-size: 0;
}
.period_dates .period_date_prev {
  display: inline-block;
  font-size: 14px;
}
.period_dates .period_date_prev button[disabled] {
  background-color: transparent !important;
}
.period_dates .period_date_current {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  vertical-align: top;
}
.period_dates .period_date_current #period_current_date_start {
  display: inline-block;
}
.period_dates .period_date_current #period_current_date_end {
  display: inline-block;
}
.period_dates .period_date_next {
  display: inline-block;
  font-size: 14px;
}
.period_dates .period_date_next button[disabled] {
  background-color: transparent !important;
}
.chart_donut_container {
  position: relative;
}
.chart_donut_container #chart_donut {
  z-index: 2;
  position: relative;
}
.chart_donut_container .chart_donut_value {
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  line-height: 40px;
  font-size: 1.65rem;
  font-weight: 500;
  line-height: 40px;
}
.content_action_bar {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  margin-bottom: 10px;
}
.content_action_bar.no_margin {
  margin-bottom: 0;
}
.content_action_bar .action_bar_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.content_action_bar .action_bar_left > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: top;
}
.content_action_bar .action_bar_left > ul > li:last-child {
  margin-right: 0;
}
.content_action_bar .action_bar_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.content_action_bar .action_bar_right > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: top;
}
.content_action_bar .action_bar_right > ul > li:first-child {
  margin-left: 0;
}
.content_action_bar .action_bar_right > ul > li .timestamp {
  line-height: 20px;
  padding: 5px 0;
}
.form_upload_container label {
  padding: 80px 20px !important;
  text-align: center;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  border: 2px dashed #dfe0e1;
  display: block;
}
.form_upload_container label:hover {
  border-color: #468ee5;
  background-color: rgba(70, 142, 229, 0.1);
}
.form_upload_container label .upload_icon {
  display: block;
}
.form_upload_container label .upload_icon [class^="icon_"],
.form_upload_container label .upload_icon [class*=" icon_"] {
  display: inline-block;
  font-size: 100px;
  margin-bottom: 10px;
  color: #505050;
}
.form_upload_container label .upload_icon h1 {
  color: #505050;
  font-size: 1.25rem;
  line-height: 30px;
  margin: 0 0 10px;
  padding: 0;
}
.form_upload_container label .upload_icon p {
  margin-bottom: 10px;
}
.inner_nav {
  margin-bottom: 10px;
  margin: -20px -20px 0;
  padding: 20px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  border-bottom: 1px solid #dfe0e1;
}
.inner_nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.inner_nav > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 20px;
}
.inner_nav > ul > li:last-child {
  margin-right: 0;
}
.section_container .section_header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
  margin-bottom: 10px;
}
.section_container .section_header .section_header_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.section_container .section_header .section_header_left > ul > li {
  margin-right: 10px;
  font-size: 14px;
  display: inline-block;
}
.section_container .section_header .section_header_left > ul > li:last-child {
  margin-right: 0;
}
.section_container .section_header .section_header_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.section_container .section_header .section_header_right > ul > li {
  margin-left: 10px;
  font-size: 14px;
  display: inline-block;
}
.section_container .section_header .section_header_right > ul > li:first-child {
  margin-left: 0;
}
#pathway {
  background-color: #414583;
  margin-bottom: 20px;
  margin-top: -20px;
}
#pathway_inner {
  padding: 20px 0;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: space-between;
  -webkit-align-items: space-between;
  width: 100%;
  min-height: 0;
}
#pathway_inner .pathway_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#pathway_inner .pathway_left > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}
#pathway_inner .pathway_left > ul > li:last-child {
  margin-right: 0;
}
#pathway_inner .pathway_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
#pathway_inner .pathway_right > ul > li {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: middle;
}
#pathway_inner .pathway_right > ul > li:first-child {
  margin-left: 0;
}
.pathway ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  color: #fff;
}
.pathway ul li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.pathway ul li:after {
  content: "/";
  padding-left: 10px;
  padding-right: 10px;
  display: inline-block;
}
.pathway ul li:last-child:after {
  display: none;
}
.pathway ul li a:link,
.pathway ul li a:visited {
  display: inline-block;
  color: #fff;
  line-height: 20px;
  padding: 10px 0;
}
.pathway ul li a:link:hover,
.pathway ul li a:visited:hover {
  text-decoration: underline;
}
.pathway ul li span {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  display: inline-block;
  line-height: 20px;
  padding: 10px 0;
}
#alerts_inner {
  position: relative;
}
.alert_container {
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
  margin-top: -20px;
  line-height: 20px;
  background-color: #806ff7;
  color: #fff;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  min-height: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.alert_container.error {
  background-color: #d75363;
  color: #fff;
}
.alert_container .alert_title {
  margin-right: 20px;
}
.alert_container .alert_title .alert_icon {
  display: inline-block;
  margin-right: 5px;
  float: left;
}
.alert_container .alert_title .alert_icon span {
  display: block;
  font-size: 20px;
  line-height: 20px;
}
.alert_container .alert_description {
  flex-grow: 1;
}
.alert_container .alert_reason {
  flex-grow: 1;
}
.alert_container .alert_data {
  text-align: right;
}
.alert_container .alert_action {
  margin-left: 20px;
}
form {
  margin: 0;
  padding: 0;
}
input,
select,
button {
  font-size: 14px;
  font-family: "Roboto", Helvetica, sans-serif !important;
  -webkit-tap-highlight-color: transparent;
}
textarea {
  font-size: 14px;
  font-family: "Roboto", Helvetica, sans-serif !important;
  -webkit-tap-highlight-color: transparent;
}
label {
  -webkit-tap-highlight-color: transparent;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
fieldset legend {
  display: block;
  box-sizing: border-box;
  line-height: 20px;
  padding: 5px 0 5px 0px;
}
fieldset legend.hidden_legend {
  position: absolute;
  font-size: 0;
}
textarea.inputbox {
  width: 100%;
  resize: none;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  border: 1px solid #ababab;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 5px;
  line-height: 20px;
  vertical-align: bottom;
  background: #fff none 0 0 no-repeat;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  color: #505050;
}
textarea.inputbox.no_border {
  border: 1px solid transparent;
}
textarea.inputbox[readonly] {
  border: 1px solid #ccc;
  background-color: #eef0f1;
  padding-right: 25px;
}
textarea.inputbox:focus {
  border: 1px solid #505050;
}
textarea.inputbox:focus[readonly] {
  border: 1px solid #f5f6f7;
}
textarea.inputbox:focus[readonly][disabled] {
  border: 1px solid transparent;
}
textarea.inputbox.auto_width {
  width: initial;
}
input.inputbox {
  width: 100%;
  line-height: 20px;
  margin: 0;
  padding: 4px 5px;
  border: 1px solid #ababab;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff none 0 0 no-repeat;
  background-size: 0% auto;
  -moz-background-size: 0% auto;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  color: #505050;
}
input.inputbox.no_border {
  border: 1px solid transparent;
}
input.inputbox[readonly] {
  border: 1px solid #ccc;
  background-color: #eef0f1;
}
input.inputbox[readonly].datepicker {
  border: 1px solid #ababab;
  background-color: #fff;
}
input.inputbox:focus {
  border: 1px solid #505050;
}
input.inputbox:focus[readonly] {
  border: 1px solid #ababab;
}
input.inputbox:focus[readonly][disabled] {
  border: 1px solid transparent;
}
input.inputbox.auto_width {
  width: initial;
}
input.inputbox.padding_large {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
input.inputbox.padding_large.searchbox {
  padding-left: 40px;
  background: #fff url("/assets/images/search.png") no-repeat;
  background-position: left 15px center;
  background-color: #fff !important;
}
@media (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6 / 2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  input.inputbox.padding_large.searchbox {
    background-image: url("/assets/images/search@2x.png");
    background-size: 20px 20px;
  }
}
input.inputbox.padding_large.searchbox.no_border {
  border: 0px solid !important;
}
input.inputbox.padding_medium {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
input.inputbox.padding_medium.searchbox {
  padding-left: 40px;
  background: #fff url("/assets/images/search.png") no-repeat;
  background-position: left 15px center;
  background-color: #fff !important;
}
@media (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6 / 2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  input.inputbox.padding_medium.searchbox {
    background-image: url("/assets/images/search@2x.png");
    background-size: 20px 20px;
  }
}
input.inputbox.padding_medium.searchbox.no_border {
  border: 0px solid !important;
}
input.inputbox.searchbox {
  background: #fff url("/assets/images/search.png") no-repeat;
  background-position: left 5px center;
  background-color: #fff !important;
  padding-left: 30px;
  min-width: 240px;
}
@media (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6 / 2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  input.inputbox.searchbox {
    background-image: url("/assets/images/search@2x.png");
    background-size: 20px 20px;
  }
}
input.inputbox.searchbox.no_border {
  border: 0px solid !important;
}
input[type="date"] {
  -webkit-appearance: none;
}
input[type="number"] {
  -webkit-appearance: none;
}
select.inputbox {
  width: 100%;
  line-height: 20px;
  margin: 0;
  padding: 4px 25px 4px 10px;
  border: 1px solid #ababab;
  color: #505050;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff url("/assets/images/select_dropdown.png") no-repeat;
  background-position: right center;
  -webkit-padding-end: 25px;
  -moz-padding-end: 25px;
  background-size: 0% auto;
  -moz-background-size: 0% auto;
  text-indent: 0.01px;
  text-overflow: "";
  padding-right: 25px\9;
  cursor: pointer;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
@media (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6 / 2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  select.inputbox {
    background-image: url("/assets/images/select_dropdown@2x.png");
    background-size: 20px 20px;
  }
}
select.inputbox.no_border {
  border: 0px solid transparent;
  padding: 5px 25px 5px 10px;
}
select.inputbox.no_border.inputbox_small {
  padding: 0 25px 0 0;
}
select.inputbox.no_border:focus {
  border: 0px solid #505050;
  opacity: 1;
  filter: alpha(opacity=100);
}
select.inputbox.no_dropdown {
  background: none !important;
  background-color: #fff !important;
  padding: 10px !important;
}
select.inputbox.add_item_select_box {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
select.inputbox.inputbox_filter {
  border-color: #505050 !important;
}
select.inputbox[readonly] {
  border: 1px solid #ccc;
  background-color: #eef0f1;
}
select.inputbox.no_dropdown {
  -webkit-padding-end: 0px;
  -moz-padding-end: 0px;
  padding-right: 0px\9;
  padding: 10px 0px 9px 0px;
}
select.inputbox:focus {
  border: 1px solid #505050;
  opacity: 1;
  filter: alpha(opacity=100);
}
select.inputbox.auto_width {
  width: initial;
}
select.inputbox.reversed {
  background-color: transparent;
  color: inherit;
  background: transparent
    url("/../../../assets/images/select_dropdown_white.png") no-repeat;
  background-position: right center;
}
@media (min--moz-device-pixel-ratio: 1.3),
  (-o-min-device-pixel-ratio: 2.6 / 2),
  (-webkit-min-device-pixel-ratio: 1.3),
  (min-device-pixel-ratio: 1.3),
  (min-resolution: 1.3dppx) {
  select.inputbox.reversed {
    background-image: url("/../../../assets/images/select_dropdown_white@2x.png");
    background-size: 20px 20px;
  }
}
select.inputbox.reversed:hover,
select.inputbox.reversed:focus {
  text-decoration: underline;
}
select.inputbox.no_padding {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
select.inputbox option {
  color: #505050;
}
select.inputbox option[disabled] {
  color: #ccc;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select::-ms-expand {
  display: none;
  text-indent: 0.01px;
  text-overflow: "";
}
select::-moz-focus-inner {
  padding: 0;
  border: 0;
  margin: 0px;
  background-image: none !important;
}
@-moz-document url-prefix() {
  select.inputbox {
    padding: 3px 25px 3px 10px;
  }
}
input[disabled],
textarea[disabled],
select[disabled] {
  -webkit-text-fill-color: #ccc;
  opacity: 1;
  -webkit-opacity: 1;
  color: #ccc;
  background: transparent;
}
input.inputbox[disabled] {
  background-color: #f5f6f7;
  border: 1px solid #f5f6f7;
  color: #ccc;
  cursor: default;
}
select.inputbox[disabled] {
  background-color: #f5f6f7;
  border: 1px solid #f5f6f7;
  color: #ccc;
  cursor: default;
}
textarea[disabled] {
  background-color: #f5f6f7;
  border: 1px solid #f5f6f7;
  color: #ccc;
  cursor: default;
}
.inputbox::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.inputbox:-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.inputbox::-moz-placeholder {
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.inputbox:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.inputbox:placeholder-shown {
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.btn_icon_date {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  border: 0;
  padding: 7px;
  -webkit-border-radius: 0px 4px 4px 0px;
  border-radius: 0px 4px 4px 0px;
  background-clip: padding-box;
  cursor: pointer;
}
.btn_icon_date:focus,
.btn_icon_date:hover {
  color: #fff;
  background-color: #468ee5;
}
input.inputbox.width_x-small,
select.inputbox.width_x-small,
textarea.inputbox.width_x-small {
  width: 60px;
  display: inline-block;
}
input.inputbox.width_small,
select.inputbox.width_small,
textarea.inputbox.width_small {
  width: 80px;
  display: inline-block;
}
.inputbox.invalid {
  border-color: #d75363;
}
.invalid_message {
  display: inline-block;
  line-height: 20px;
  clear: both;
  color: #d75363;
}
@media all {
  input.inputbox {
    height: 30px;
  }
  *::-ms-backdrop,
  input.inputbox {
    height: 30px;
  }
  select.inputbox {
    height: 30px;
  }
  *::-ms-backdrop,
  select.inputbox {
    height: 30px;
  }
  textarea.inputbox[readonly] {
    overflow: auto;
    -ms-overflow-style: none;
  }
  *::-ms-backdrop,
  textarea.inputbox[readonly] {
    overflow: auto;
    -ms-overflow-style: none;
  }
}
button.btn_dropdown {
  border: none;
  text-align: left;
  border-color: #ababab;
}
button.btn_dropdown .btn_text,
button.btn_dropdown .btn_icon_arrow,
button.btn_dropdown .btn_icon,
button.btn_dropdown .pkg_icon,
button.btn_dropdown .pkg_name,
button.btn_dropdown .btn_indicator,
button.btn_dropdown .btn_helper {
  pointer-events: none;
}
button.btn_dropdown .btn_text span,
button.btn_dropdown .btn_text div,
button.btn_dropdown .btn_icon_arrow span,
button.btn_dropdown .btn_icon_arrow div,
button.btn_dropdown .btn_icon span,
button.btn_dropdown .btn_icon div,
button.btn_dropdown .pkg_icon span,
button.btn_dropdown .pkg_icon div,
button.btn_dropdown .pkg_name span,
button.btn_dropdown .pkg_name div,
button.btn_dropdown .btn_indicator span,
button.btn_dropdown .btn_indicator div,
button.btn_dropdown .btn_helper span,
button.btn_dropdown .btn_helper div {
  pointer-events: none;
}
.dropdown_container {
  position: relative;
  display: inline-block;
}
.dropdown_container.full_width {
  display: block;
}
.dropdown_container.inline {
  display: inline-block;
  margin-left: 10px;
  vertical-align: bottom;
}
.dropdown_content {
  display: none;
  min-width: 180px;
  top: calc(100% + 10px);
  background: #fff;
  padding: 0px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.1);
  z-index: 5;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(50vh + 50px);
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: fixed;
  width: 320px;
  z-index: 999;
  color: #505050;
  text-align: left;
}
.dropdown_content.no_scroll_bar {
  max-height: inherit;
}
.dropdown_content.has_padding {
  padding: 15px;
}
.dropdown_content.position_right {
  right: 0;
}
.dropdown_content.full_width {
  left: 0;
  right: 0;
  min-width: inherit;
}
.dropdown_content.min_width {
  min-width: 320px;
}
.dropdown_content .dropdown_content_body {
  padding: 15px;
}
.dropdown_content .dropdown_content_body p:last-of-type {
  margin: 0;
  padding: 0;
}
.dropdown_content .dropdown_footer {
  display: block;
  padding: 15px;
  border-top: 1px solid #dfe0e1;
}
.dropdown_content .dropdown_footer button {
  width: 100%;
}
.dropdown_content .dropdown_footer.align_center {
  text-align: center;
}
.dropdown_content.show {
  display: block;
  position: absolute;
  left: 0px !important;
}
table.table_grid {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  empty-cells: show;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}
table.table_grid.hidden_header thead {
  position: absolute;
  font-size: 0;
  padding: 0;
  height: 0;
  width: 0;
  display: block;
}
table.table_grid.hidden_header thead tr td,
table.table_grid.hidden_header thead tr th {
  font-size: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  width: 0 !important;
  opacity: 0;
  filter: alpha(opacity=0);
}
table.table_grid thead tr th,
table.table_grid thead tr td {
  text-align: left;
  background-color: #eceef3;
  vertical-align: top;
  padding: 5px 10px;
  line-height: 20px;
  min-height: 20px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
table.table_grid thead tr th:last-of-type,
table.table_grid thead tr td:last-of-type {
  border-right: 0 solid;
}
table.table_grid thead tr th.col_chbox,
table.table_grid thead tr td.col_chbox {
  width: 20px;
  padding: 0 5px !important;
}
table.table_grid thead tr th.col_chbox .form_row,
table.table_grid thead tr td.col_chbox .form_row {
  min-width: 20px;
}
table.table_grid thead tr th.col_icon,
table.table_grid thead tr td.col_icon {
  width: 30px;
}
table.table_grid thead tr th [class^="icon_"],
table.table_grid thead tr th [class*=" icon_"],
table.table_grid thead tr td [class^="icon_"],
table.table_grid thead tr td [class*=" icon_"] {
  font-size: 16px;
  display: inline-block;
  vertical-align: text-bottom;
}
table.table_grid thead tr th:empty,
table.table_grid thead tr td:empty {
  height: 20px;
}
table.table_grid tbody tr th,
table.table_grid tbody tr td {
  border-bottom: 1px solid #dfe0e1;
  vertical-align: top;
  padding: 5px 10px;
  line-height: 20px;
  min-height: 20px;
}
table.table_grid tbody tr th.col_chbox,
table.table_grid tbody tr td.col_chbox {
  width: 20px;
  padding: 0 5px !important;
}
table.table_grid tbody tr th.col_chbox .form_row,
table.table_grid tbody tr td.col_chbox .form_row {
  min-width: 20px;
}
table.table_grid tbody tr th.col_icon,
table.table_grid tbody tr td.col_icon {
  width: 20px;
}
table.table_grid tbody tr th:empty,
table.table_grid tbody tr td:empty {
  height: 20px;
}
table.table_grid tbody tr th.nowrap,
table.table_grid tbody tr td.nowrap {
  white-space: nowrap;
}
table.table_grid tbody tr th.changed,
table.table_grid tbody tr td.changed {
  background-color: rgba(255, 205, 64, 0.5) !important;
}
table.table_grid tbody tr th .table_btn_container,
table.table_grid tbody tr td .table_btn_container {
  display: block;
  float: left;
  margin: 0px 0;
  vertical-align: top;
}
table.table_grid tbody tr th .table_btn_container button,
table.table_grid tbody tr td .table_btn_container button {
  height: 30px;
  vertical-align: top;
}
table.table_grid tbody tr th [class^="icon_"],
table.table_grid tbody tr th [class*=" icon_"],
table.table_grid tbody tr td [class^="icon_"],
table.table_grid tbody tr td [class*=" icon_"] {
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
}
table.table_grid tbody tr th .form_row.table_input select.inputbox,
table.table_grid tbody tr th .form_row.table_input input.inputbox,
table.table_grid tbody tr td .form_row.table_input select.inputbox,
table.table_grid tbody tr td .form_row.table_input input.inputbox {
  margin-top: -5px;
  margin-bottom: -5px;
  min-width: 120px;
  background-color: transparent;
  border-color: transparent;
}
table.table_grid tbody tr th .btn_table,
table.table_grid tbody tr td .btn_table {
  margin: -3px 0;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.table_grid tbody tr:hover > td,
table.table_grid tbody tr:hover > th {
  background-color: rgba(70, 142, 229, 0.1);
}
table.table_grid tbody tr.row_swog > th:first-child,
table.table_grid tbody tr.row_swog > td:first-child {
  background-color: #f5f6f7;
}
table.table_grid tbody tr.row_multipiece > th,
table.table_grid tbody tr.row_multipiece > td {
  background-color: #f7f7fa;
}
table.table_grid tbody tr.selected_row > th,
table.table_grid tbody tr.selected_row > td {
  background-color: rgba(70, 142, 229, 0.1) !important;
}
table.table_grid tbody tr.row_hidden {
  display: none;
}
table.table_grid tbody tr.row_hidden.row_visible {
  display: table-row;
}
table.table_grid tbody tr.row_visible {
  display: table-row;
}
table.table_grid.no_wrap thead tr th,
table.table_grid.no_wrap thead tr td {
  white-space: nowrap;
}
table.table_grid.no_wrap tbody tr td,
table.table_grid.no_wrap tbody tr th {
  white-space: nowrap;
}
#table_selection_options {
  float: left;
  display: none;
  margin-left: 10px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}
.scroll_container {
  overflow: auto;
  min-height: 160px;
}
.table_placeholder {
  min-height: 480px;
  position: relative;
  background-color: #f5f6f7;
}
.table_placeholder .table_loader {
  position: absolute;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  text-align: center;
  max-width: 240px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.table_placeholder .table_loader .table_loader_icon {
  font-size: 40px;
  margin-bottom: 10px;
}
.table_placeholder .table_loader .table_loader_text h4 {
  line-height: 20px;
  padding-bottom: 10px;
  font-size: 1.25rem;
}
.toggle_group {
  flex-grow: 1;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  min-height: 0;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #f5f6f7;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.toggle_group .toggle_group_option {
  flex: 1 1 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.toggle_group .toggle_group_option:first-child label {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
}
.toggle_group .toggle_group_option:last-child label {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  background-clip: padding-box;
}
.toggle_group .toggle_group_option .toggle_input {
  position: absolute;
  opacity: 0;
  font-size: 0;
  z-index: -1;
}
.toggle_group .toggle_group_option label {
  display: block;
  padding: 4px 9px;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  line-height: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-width: 40px;
}
.toggle_group .toggle_group_option label span {
  display: block;
  line-height: 20px;
}
.toggle_group .toggle_group_option label.toggle_active {
  border-color: #468ee5;
  background-color: #fff;
  color: #468ee5;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.theme_bank .toggle_group .toggle_group_option label {
  padding: 5px 10px;
  border: 0px solid;
}
.theme_bank .toggle_group .toggle_group_option label.toggle_active {
  border: 0px solid;
  background: #806ff7;
  background: -webkit-linear-gradient(
    legacy-direction(90deg),
    #806ff7 0%,
    #8594ff 100%
  );
  background: linear-gradient(90deg, #806ff7 0%, #8594ff 100%);
  color: #fff;
  padding: 5px 10px;
}
.inputbox[type="checkbox"]:checked,
.inputbox[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.inputbox[type="checkbox"]:checked + label,
.inputbox[type="checkbox"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #505050;
  padding: 5px 0 5px 20px;
}
.inputbox[type="checkbox"]:checked + label:before,
.inputbox[type="checkbox"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 1px solid #ababab;
  background: #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
}
.inputbox[type="checkbox"]:checked + label:after,
.inputbox[type="checkbox"]:not(:checked) + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 6px;
  width: 3px;
  height: 8px;
  border: solid #2b495e;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.inputbox[type="checkbox"]:hover + label,
.inputbox[type="checkbox"]:focus + label {
  color: #505050;
}
.inputbox[type="checkbox"]:hover + label:before,
.inputbox[type="checkbox"]:focus + label:before {
  border: 1px solid #505050;
}
.inputbox[type="checkbox"]:disabled:checked + label,
.inputbox[type="checkbox"]:disabled:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #ccc;
  padding: 5px 0 5px 20px;
}
.inputbox[type="checkbox"]:disabled:checked + label:before,
.inputbox[type="checkbox"]:disabled:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  background: #eceef3;
}
.inputbox[type="checkbox"]:disabled:checked + label:after,
.inputbox[type="checkbox"]:disabled:not(:checked) + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 6px;
  width: 3px;
  height: 8px;
  border: solid #525b6b;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.inputbox[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
}
.inputbox[type="checkbox"]:checked + label:after {
  opacity: 1;
  border-color: #fff;
}
.inputbox[type="checkbox"]:checked + label:before {
  border-color: #2b495e;
  border-width: 0;
  height: 16px;
  width: 16px;
  background-color: #2b495e;
}
.inputbox[type="radio"]:checked,
.inputbox[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.inputbox[type="radio"]:checked + label,
.inputbox[type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #505050;
  padding: 5px 0 5px 20px !important;
}
.inputbox[type="radio"]:checked + label:before,
.inputbox[type="radio"]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 1px solid #ababab;
  border-radius: 100%;
  background: #fff;
}
.inputbox[type="radio"]:checked + label:after,
.inputbox[type="radio"]:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #2b495e;
  position: absolute;
  top: 9px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.inputbox[type="radio"]:focus + label,
.inputbox[type="radio"]:hover + label {
  color: #505050;
}
.inputbox[type="radio"]:focus + label:before,
.inputbox[type="radio"]:hover + label:before {
  border: 1px solid #505050;
}
.inputbox[type="radio"]:disabled:checked + label,
.inputbox[type="radio"]:disabled:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #505050;
  padding: 5px 0 5px 20px;
}
.inputbox[type="radio"]:disabled:checked + label:before,
.inputbox[type="radio"]:disabled:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  width: 14px;
  height: 14px;
  border: 1px solid #ccc;
  border-radius: 100%;
  background: #eceef3;
}
.inputbox[type="radio"]:disabled:checked + label:after,
.inputbox[type="radio"]:disabled:not(:checked) + label:after {
  content: "";
  width: 10px;
  height: 10px;
  background: #525b6b;
  position: absolute;
  top: 9px;
  left: 3px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.inputbox[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.inputbox[type="radio"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.inputbox[type="radio"]:checked + label:before {
  border-color: #2b495e;
}
.margin_r-5 {
  margin-right: 5px;
}
.margin_r-10 {
  margin-right: 10px;
}
.margin_r-15 {
  margin-right: 15px;
}
.margin_r-20 {
  margin-right: 20px;
}
.margin_r-25 {
  margin-right: 25px;
}
.margin_r-30 {
  margin-right: 30px;
}
.margin_l-5 {
  margin-left: 5px;
}
.margin_l-10 {
  margin-left: 10px;
}
.margin_l-15 {
  margin-left: 15px;
}
.margin_l-20 {
  margin-left: 20px;
}
.margin_l-25 {
  margin-left: 25px;
}
.margin_l-30 {
  margin-left: 30px;
}
.margin_t-5 {
  margin-top: 5px;
}
.margin_t-10 {
  margin-top: 10px;
}
.margin_t-15 {
  margin-top: 15px;
}
.margin_t-20 {
  margin-top: 20px;
}
.margin_t-25 {
  margin-top: 25px;
}
.margin_t-30 {
  margin-top: 30px;
}
.margin_b-5 {
  margin-bottom: 5px;
}
.margin_b-10 {
  margin-bottom: 10px;
}
.margin_b-15 {
  margin-bottom: 15px;
}
.margin_b-20 {
  margin-bottom: 20px;
}
.margin_b-25 {
  margin-bottom: 25px;
}
.margin_b-30 {
  margin-bottom: 30px;
}
.margin_5 {
  margin: 5px;
}
.margin_10 {
  margin: 10px;
}
.margin_15 {
  margin: 15px;
}
.margin_20 {
  margin: 20px;
}
.margin_25 {
  margin: 25px;
}
.margin_30 {
  margin: 30px;
}
.margin_h-5 {
  margin-right: 5px;
  margin-left: 5px;
}
.margin_h-10 {
  margin-right: 10px;
  margin-left: 10px;
}
.margin_h-15 {
  margin-right: 15px;
  margin-left: 15px;
}
.margin_h-20 {
  margin-right: 20px;
  margin-left: 20px;
}
.margin_h-25 {
  margin-right: 25px;
  margin-left: 25px;
}
.margin_h-30 {
  margin-right: 30px;
  margin-left: 30px;
}
.margin_v-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.margin_v-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.margin_v-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.margin_v-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin_v-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.margin_v-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.padding_r-5 {
  padding-right: 5px;
}
.padding_r-10 {
  padding-right: 10px;
}
.padding_r-15 {
  padding-right: 15px;
}
.padding_r-20 {
  padding-right: 20px;
}
.padding_r-25 {
  padding-right: 25px;
}
.padding_r-30 {
  padding-right: 30px;
}
.padding_l-5 {
  padding-left: 5px;
}
.padding_l-10 {
  padding-left: 10px;
}
.padding_l-15 {
  padding-left: 15px;
}
.padding_l-20 {
  padding-left: 20px;
}
.padding_l-25 {
  padding-left: 25px;
}
.padding_l-30 {
  padding-left: 30px;
}
.padding_t-5 {
  padding-top: 5px;
}
.padding_t-10 {
  padding-top: 10px;
}
.padding_t-15 {
  padding-top: 15px;
}
.padding_t-20 {
  padding-top: 20px;
}
.padding_t-25 {
  padding-top: 25px;
}
.padding_t-30 {
  padding-top: 30px;
}
.padding_b-5 {
  padding-bottom: 5px;
}
.padding_b-10 {
  padding-bottom: 10px;
}
.padding_b-15 {
  padding-bottom: 15px;
}
.padding_b-20 {
  padding-bottom: 20px;
}
.padding_b-25 {
  padding-bottom: 25px;
}
.padding_b-30 {
  padding-bottom: 30px;
}
.padding_5 {
  padding: 5px;
}
.padding_10 {
  padding: 10px;
}
.padding_15 {
  padding: 15px;
}
.padding_20 {
  padding: 20px;
}
.padding_25 {
  padding: 25px;
}
.padding_30 {
  padding: 30px;
}
.padding_h-5 {
  padding-right: 5px;
  padding-left: 5px;
}
.padding_h-10 {
  padding-right: 10px;
  padding-left: 10px;
}
.padding_h-15 {
  padding-right: 15px;
  padding-left: 15px;
}
.padding_h-20 {
  padding-right: 20px;
  padding-left: 20px;
}
.padding_h-25 {
  padding-right: 25px;
  padding-left: 25px;
}
.padding_h-30 {
  padding-right: 30px;
  padding-left: 30px;
}
.padding_v-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padding_v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padding_v-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.padding_v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.padding_v-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.padding_v-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.ui-widget {
  font-family: "Roboto", Helvetica, sans-serif;
}
.ui-dialog-titlebar {
  display: none;
}
.ui-dialog {
  border: 0px solid !important;
  -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.14),
    0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 14px 24px rgba(0, 0, 0, 0.14),
    0 2px 6px rgba(0, 0, 0, 0.12), 0 2px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 14px 24px rgba(0, 0, 0, 0.14), 0 2px 6px rgba(0, 0, 0, 0.12),
    0 2px 15px rgba(0, 0, 0, 0.2);
  padding: 0;
}
.ui-dialog .ui-dialog-content {
  padding: 0;
}
.ui-widget-overlay {
  background: rgba(43, 73, 94, 0.3) !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
.dialog_header {
  border-bottom: 0px solid #dfe0e1;
  padding: 15px 15px 5px;
}
.dialog_header .dialog_back {
  position: absolute;
  left: 10px;
  top: 10px;
}
.dialog_header .dialog_close {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
  background-color: #fff;
}
.dialog_header h1 {
  line-height: 20px;
  font-weight: 600;
  text-align: left;
  color: #505050;
  font-size: 1.25rem;
}
.dialog_header h3 {
  line-height: 20px;
  font-weight: 400;
  text-align: left;
  color: #505050;
  font-size: 1rem;
  margin-top: 10px;
}
.dialog_header .dialog_desc {
  text-align: center;
  color: #525b6b;
  margin: 10px 0;
  padding: 0;
}
.dialog_content {
  padding: 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dialog_content.padding--all {
  padding: 15px;
}
.dialog_content.padding--left {
  padding-left: 15px;
}
.dialog_content.padding--right {
  padding-right: 15px;
}
.dialog_content.padding--top {
  padding-top: 15px;
}
.dialog_content.padding--bottom {
  padding-bottom: 15px;
}
.dialog_content.padding--vertical {
  padding-top: 15px;
  padding-bottom: 15px;
}
.dialog_content.padding--horizontal {
  padding-left: 15px;
  padding-right: 15px;
}
.dialog_content .dialog_content_inner {
  padding: 15px;
  overflow: auto;
  position: relative;
}
.dialog_content .dialog_content_inner.no_padding {
  padding: 0;
}
@media (max-width: 767px) {
  .dialog_content .dialog_content_inner {
    padding: 15px 15px 10px;
  }
}
.dialog_content .dialog_content_inner:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
.dialog_content .dialog_inner_content {
  padding: 15px;
  overflow: auto;
  max-height: calc(100vh - 170px);
}
.dialog_content .dialog_inner_content.no_padding {
  padding: 0;
}
.dialog_content .dialog_actions {
  padding: 15px;
  border-top: 1px solid #dfe0e1;
  background-color: transparent;
}
.dialog_content .dialog_actions.fixed_width {
  min-width: 480px;
  max-width: 480px;
}
@media (max-width: 767px) {
  .dialog_content .dialog_actions.fixed_width {
    min-width: 290px;
    max-width: 290px;
  }
}
.dialog_content .dialog_actions .actions_left {
  float: left;
}
.dialog_content .dialog_actions .actions_left button,
.dialog_content .dialog_actions .actions_left input[type="button"] {
  margin-right: 10px;
  float: left;
}
.dialog_content .dialog_actions .actions_left button:last-of-type,
.dialog_content
  .dialog_actions
  .actions_left
  input[type="button"]:last-of-type {
  margin-right: 0;
}
.dialog_content .dialog_actions .actions_left ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.dialog_content .dialog_actions .actions_left ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-right: 10px;
}
.dialog_content .dialog_actions .actions_left ul li:last-child {
  margin-right: 0;
}
.dialog_content .dialog_actions .actions_left ul li:last-child button,
.dialog_content
  .dialog_actions
  .actions_left
  ul
  li:last-child
  input[type="button"] {
  margin: 0;
  float: none;
}
.dialog_content .dialog_actions .actions_right {
  float: right;
}
.dialog_content .dialog_actions .actions_right button,
.dialog_content .dialog_actions .actions_right input[type="button"] {
  margin-left: 10px;
  float: left;
}
.dialog_content .dialog_actions .actions_right button:first-of-type,
.dialog_content
  .dialog_actions
  .actions_right
  input[type="button"]:first-of-type {
  margin-left: 0;
}
.dialog_content .dialog_actions .actions_right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.dialog_content .dialog_actions .actions_right ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  margin-left: 10px;
}
.dialog_content .dialog_actions .actions_right ul li:first-child {
  margin-left: 0;
}
.dialog_content .dialog_actions .actions_right ul li:first-child button,
.dialog_content
  .dialog_actions
  .actions_right
  ul
  li:first-child
  input[type="button"] {
  margin: 0;
  float: none;
}
.dialog_content .dialog_actions .actions_center {
  float: none;
  text-align: center;
}
.dialog_content .dialog_actions .actions_center button,
.dialog_content .dialog_actions .actions_center input[type="button"] {
  margin: 0 5px;
}
.dialog_actions {
  padding: 15px;
  position: relative;
  background-color: #f5f6f7;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background-clip: padding-box;
}
.dialog_actions.fixed_width {
  min-width: 480px;
  max-width: 480px;
}
@media (max-width: 767px) {
  .dialog_actions.fixed_width {
    min-width: 290px;
    max-width: 290px;
  }
}
.dialog_actions .actions_left {
  float: left;
}
.dialog_actions .actions_left button,
.dialog_actions .actions_left input[type="button"] {
  margin-right: 10px;
  float: left;
}
.dialog_actions .actions_left button:last-of-type,
.dialog_actions .actions_left input[type="button"]:last-of-type {
  margin-right: 0;
}
.dialog_actions .actions_left > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.dialog_actions .actions_left > ul > li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.dialog_actions .actions_left > ul > li:last-child {
  margin-right: 0;
}
.dialog_actions .actions_left > ul > li button,
.dialog_actions .actions_left > ul > li input[type="button"] {
  margin-right: 0px;
  float: none;
}
.dialog_actions .actions_right {
  float: right;
}
.dialog_actions .actions_right button,
.dialog_actions .actions_right input[type="button"] {
  margin-left: 10px;
  float: left;
}
.dialog_actions .actions_right button:first-of-type,
.dialog_actions .actions_right input[type="button"]:first-of-type {
  margin-left: 0;
}
.dialog_actions .actions_right > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0;
}
.dialog_actions .actions_right > ul > li {
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.dialog_actions .actions_right > ul > li:first-child {
  margin-left: 0;
}
.dialog_actions .actions_right > ul > li button,
.dialog_actions .actions_right > ul > li input[type="button"] {
  margin-left: 0px;
  float: none;
}
.dialog_actions .actions_center {
  float: none;
  text-align: center;
}
.dialog_actions .actions_center button,
.dialog_actions .actions_center input[type="button"] {
  margin: 0 5px;
}
.button_group > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  width: 100%;
}
.button_group > ul > li {
  float: left;
  width: calc(100% / 3);
  margin: 0px 0;
}
.modal_footer_total {
  position: relative;
}
.modal_footer_total .modal_footer_total_value {
  line-height: 30px;
  font-size: 1.4rem;
  font-weight: 600;
  top: 0px;
  position: relative;
}
.dialog_tabs {
  position: relative;
}
.dialog_tabs .dialog_close {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 10px;
}
.dialog_tabs .dialog_close button {
  color: #fff;
}
ul.button_group {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
ul.button_group > li {
  display: inline-block;
  font-size: 14px;
  vertical-align: top;
}
ul.button_group > li:first-child button {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  display: block;
  margin-left: 0;
}
ul.button_group > li:last-child button {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  background-clip: padding-box;
  display: block;
}
button.btn_group {
  width: auto;
  background-color: transparent;
  position: relative;
  color: #505050;
  line-height: 20px;
  margin: 0px;
  padding: 4px 5px;
  overflow: visible;
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-clip: padding-box;
  -webkit-appearance: none;
  box-sizing: border-box;
  display: inline-block;
  border: 1px solid #505050;
  cursor: pointer;
  min-width: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin-left: -1px;
}
button.btn_group:hover,
button.btn_group:focus {
  border-color: #806ff7;
  color: #806ff7;
  z-index: 1;
}
button.btn_group:active {
  border-color: #414583;
  color: #fff;
  background-color: #414583;
}
button.btn_group .btn_icon {
  width: 20px;
  text-align: center;
  display: block;
  padding: 0px;
  vertical-align: top;
  line-height: 30px;
}
button.btn_group .btn_icon span {
  line-height: 20px;
  display: block;
}
button.btn_group .btn_icon + .btn_text {
  display: none;
}
button.btn_group.btn_selected {
  border-color: #505050;
  background-color: #505050;
  color: #fff;
}
button.btn_group.btn_selected:hover,
button.btn_group.btn_selected:focus {
  border-color: #505050;
  background-color: #505050;
  color: #fff;
}
.btn_drawer {
  border: none;
  display: block;
  cursor: pointer;
  position: relative;
  line-height: 20px;
  padding: 10px 10px 10px 30px;
  width: 100%;
  text-align: left;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: transparent;
  color: #505050;
  margin: 0px;
  overflow: visible;
  -webkit-appearance: none;
  box-sizing: border-box;
  border: 0px solid;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn_drawer .btn_icon {
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  transition: all 0.1s ease;
  position: absolute;
  left: 5px;
  top: 10px;
}
.btn_drawer .btn_icon span {
  display: block;
  line-height: 20px;
  width: 20px;
  text-align: center;
}
.btn_drawer:hover,
.btn_drawer:focus {
  color: #414583;
}
.btn_drawer:hover {
  background-color: #fff;
}
.btn_drawer.btn_drawer_active {
  color: #505050;
}
.btn_drawer.btn_drawer_active .btn_icon {
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.drawer_container {
  padding: 10px 0;
  border-bottom: 1px solid #c9d0e2;
}
.drawer_container:first-of-type {
  border-top: 1px solid #c9d0e2;
}
.drawer_container .drawer_header {
  position: relative;
}
.drawer_container .drawer_header .drawer_header_toggle {
  position: absolute;
  left: 0;
  top: 0;
}
.drawer_container .drawer_header .drawer_header_title .drawer_content {
  margin-left: 30px;
}
.drawer_container
  .drawer_header
  .drawer_header_title
  .drawer_content
  .tree_link {
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.drawer_container .drawer_header .drawer_header_title a {
  font-weight: 600;
}
.drawer_container .drawer_content {
  padding: 0px 10px 10px 30px;
  display: none;
  position: relative;
}
.drawer_container .drawer_content.drawer_active {
  display: block;
}
#tab_nav {
  padding: 0px 0px 0;
  position: relative;
  background-color: #468ee5;
}
#tab_nav > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 1;
  position: relative;
}
#tab_nav > ul:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}
#tab_nav > ul > li {
  display: block;
  float: left;
}
button.btn_tab {
  -webkit-border-radius: 0;
  border-radius: 0;
  background-clip: padding-box;
  background-color: transparent;
  position: relative;
  color: #fff;
  border-bottom: 0px solid #ccc;
  padding: 15px;
  line-height: 20px;
  text-transform: inherit;
  font-size: 1rem;
  font-weight: 400;
}
button.btn_tab:hover,
button.btn_tab:focus {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.1);
}
button.btn_tab.btn_tab_active {
  background-color: #fff;
  color: #2b495e;
}
button.btn_tab.btn_tab_active:hover,
button.btn_tab.btn_tab_active:focus {
  background-color: #fff;
  color: #2b495e;
}
button.btn_tab.btn_tab_active:after {
  display: none;
}
.tab_content {
  display: none;
  padding: 0px;
}
.tab_content.tab_content_active {
  display: block;
}
.toggle_switch_radio[type="radio"]:checked,
.toggle_switch_radio[type="radio"]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.toggle_switch_radio[type="radio"]:checked + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: block;
  color: #505050;
  background-color: #fff;
  padding: 4px 10px 4px 10px !important;
  text-align: center;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #dfe0e1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toggle_switch_radio[type="radio"]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: block;
  color: rgba(80, 80, 80, 0.5);
  padding: 4px 10px 4px 10px !important;
  text-align: center;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #eceef3;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toggle_switch_radio[type="radio"]:focus + label,
.toggle_switch_radio[type="radio"]:hover + label {
  color: #505050;
}
.toggle_switch_radio[type="radio"]:disabled:checked + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #ccc;
  padding: 4px 0 4px 0px;
}
.toggle_switch_radio[type="radio"]:disabled:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #ccc;
  padding: 4px 0 4px 0px;
}
.toggle_switch {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: stretch;
  -webkit-align-items: stretch;
  width: 100%;
  min-height: 0;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.toggle_switch .toggle_switch_option {
  flex-grow: 1;
}
.dropzone {
  min-height: 400px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px;
  position: relative;
  border: 3px dashed #dfe0e1;
}
.dropzone .dz-message {
  text-align: center;
}
.dropzone .dz-message .dz_msg_icon {
  margin-top: 60px;
  color: #2b495e;
}
.dropzone .dz-message .dz_msg_icon span {
  vertical-align: text-bottom;
  font-size: 100px;
}
.dropzone .dz-message .dz_msg_instruction {
  color: #2b495e;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 30px;
}
.dropzone .dz-message .dz_msg_helper {
  line-height: 140%;
  margin-bottom: 10px;
}
.dropzone .dz-preview .dz-details {
  text-align: center;
}
.dropzone .dz-preview .dz-details .dz-filename {
  display: inline-block;
}
.dropzone .dz-preview .dz-details .dz-size {
  display: inline-block;
}
.dropzone .dz-preview .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark {
  display: inline-block;
  text-align: center;
  display: none;
}
.dropzone .dz-preview .dz-error-mark {
  display: inline-block;
  text-align: center;
  display: none;
}
.dropzone .dz-preview .dz-error-message {
  color: #d75363;
  line-height: 140%;
  margin-top: 20px;
  text-align: center;
}
[tooltip] {
  position: relative;
}
[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.9) transparent transparent transparent;
  z-index: 100;
  opacity: 0;
  filter: alpha(opacity=0);
}
[tooltip]::after {
  content: attr(tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%) translateY(-100%);
  background: rgba(0, 0, 0, 0.9);
  text-align: center;
  color: #fff;
  padding: 5px 5px;
  font-size: 0.8rem;
  line-height: 140%;
  min-width: 140px;
  border-radius: 4px;
  pointer-events: none;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: 101;
}
[tooltip-position="left"]::before {
  left: 0%;
  top: 50%;
  margin-left: -12px;
  transform: translatey(-50%) rotate(-90deg);
}
[tooltip-position="top"]::before {
  left: 50%;
}
[tooltip-position="bottom"]::before {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%) translatey(-100%) rotate(-180deg);
}
[tooltip-position="right"]::before {
  left: 100%;
  top: 50%;
  margin-left: 1px;
  transform: translatey(-50%) rotate(90deg);
}
[tooltip-position="left"]::after {
  left: 0%;
  top: 50%;
  margin-left: -8px;
  transform: translateX(-100%) translateY(-50%);
}
[tooltip-position="top"]::after {
  left: 50%;
}
[tooltip-position="bottom"]::after {
  top: 100%;
  margin-top: 8px;
  transform: translateX(-50%) translateY(0%);
}
[tooltip-position="right"]::after {
  left: 100%;
  top: 50%;
  margin-left: 8px;
  transform: translateX(0%) translateY(-50%);
}
[tooltip]:hover::after,
[tooltip]:hover::before {
  opacity: 1;
  filter: alpha(opacity=100);
}
#mro_payments,
#mro_recent_activity,
#mro_performance,
#mro_markets,
#mro_sdo,
#mro_properties,
#mro_content {
  background-color: #fff;
  padding-top: 20px;
}
.mro_content_inner {
  padding: 20px 0;
}
.mro_content_inner p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
#period_filter {
  margin: 10px 10%;
}
.main_icon_container {
  position: relative;
  right: 0;
  top: 0;
  font-size: 40px;
  width: 40px;
  margin: 0px auto 10px;
}
.main_icon_container .main_icon {
  z-index: 2;
  position: relative;
}
.main_icon_container .main_icon_inner {
  z-index: 1;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
}
.main_icon_container .main_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: #c9d0e2;
}
.mro_header_icon_container {
  position: relative;
  right: 0;
  top: 0;
  font-size: 60px;
  width: 60px;
  margin: 0px auto 20px;
}
.mro_header_icon_container .mro_header_icon {
  z-index: 2;
  position: relative;
}
.mro_header_icon_container .mro_header_icon_inner {
  z-index: 1;
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
}
.mro_header_icon_container .mro_header_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: #c9d0e2;
}
.mro_actions {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
.mro_actions.full {
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.mro_actions.full .mro_actions_left {
  flex: 1 1 100%;
  text-align: center;
}
.mro_actions.full .mro_actions_left > ul > li {
  display: block;
  margin: 0;
  margin-bottom: 10px;
}
.mro_actions.full .mro_actions_right {
  flex: 1 1 100%;
  text-align: center;
}
.mro_actions.full .mro_actions_right > ul > li {
  display: block;
  margin: 0;
  margin-bottom: 10px;
}
.mro_actions.full .mro_actions_right > ul > li:last-child {
  margin-bottom: 0;
}
.mro_actions .mro_actions_left > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.mro_actions .mro_actions_left > ul > li {
  display: inline-block;
  margin-right: 10px;
}
.mro_actions .mro_actions_left > ul > li:last-child {
  margin-right: 0;
}
.mro_actions .mro_actions_right > ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
}
.mro_actions .mro_actions_right > ul > li {
  display: inline-block;
  margin-left: 10px;
}
.mro_actions .mro_actions_right > ul > li:first-child {
  margin-left: 0;
}
#mro_header {
  background-color: #283260;
}
#mro_header_inner {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 10px 0;
}
#mro_header_inner #mro_logo {
  flex: 1 1 auto;
  text-align: center;
}
#mro_header_inner #mro_logo a {
  display: block;
}
#mro_header_inner #mro_logo a .header_logo_image {
  height: 30px;
  display: block;
}
#mro_header_inner #mro_logo a .header_logo_image img {
  height: 100%;
  vertical-align: top;
}
#mro_menu_container {
  background-color: #8492fe;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  z-index: 99;
  display: none;
}
#mro_menu_container .menu_header {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
}
#mro_menu_container .menu_header .mro_menu_title {
  padding: 10px 0;
}
#mro_menu_container .menu_header .mro_menu_title h3 {
  display: block;
  font-size: 1.25rem;
  line-height: 30px;
}
#mro_menu_container .menu_header .mro_menu_close {
  padding: 10px 0;
}
#mro_menu_container .menu_content > ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#mro_menu_container .menu_content > ul > li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
#mro_menu_container .menu_content > ul > li a {
  display: block;
  color: #fff;
  padding: 10px 0;
  line-height: 20px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#mro_menu_container .menu_content > ul > li a:hover {
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none;
}
#mro_footer_inner {
  text-align: center;
  padding: 20px 0;
}
#mro_footer_inner #footer_legal {
  font-size: 0.8em;
  color: #7e8c99;
  line-height: 140%;
}
#mro_footer_inner #footer_logo {
  height: 40px;
  margin-top: 20px;
}
#mro_footer_inner #footer_logo img {
  height: 100%;
}
ul.payments_list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
ul.payments_list > li {
  border-bottom: 1px solid #c9d0e2;
}
ul.payments_list > li .payments_container a.payments_link {
  display: block;
  color: inherit;
  text-decoration: none;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  padding: 10px 0;
}
ul.payments_list > li .payments_container a.payments_link .paymnent_date {
  flex: 1 1 100%;
}
ul.payments_list > li .payments_container a.payments_link .payment_description {
  flex: 0 1 50%;
  font-weight: 600;
  font-size: 1rem;
}
ul.payments_list > li .payments_container a.payments_link .payment_value {
  flex: 0 1 50%;
  font-weight: 600;
  text-align: right;
  color: #414583;
}
.site_lists {
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  line-height: 20px;
  padding: 10px 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.site_lists .site_item {
  text-align: center;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #f5f6f7;
  min-width: 160px;
  margin-left: 10px;
  margin-right: 10px;
}
.site_lists .site_item:first-of-type {
  margin-left: 0;
}
.site_lists .site_item:last-of-type {
  margin-right: 0;
}
.site_lists .site_item .site_name h3 {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: 400;
}
.site_lists .site_item .site_number {
  color: #7e8c99;
}
.site_lists .site_item .site_icon {
  position: relative;
  right: 0;
  top: 0;
  font-size: 60px;
  width: 60px;
  margin: 10px auto 20px;
}
.site_lists .site_item .site_icon .site_icon_main {
  z-index: 1;
  position: relative;
}
.site_lists .site_item .site_icon .site_icon_shadow {
  position: absolute;
  left: -5px;
  bottom: -5px;
  z-index: 0;
  color: #c9d0e2;
}
.site_lists .site_item .site_icon .site_status {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 20px;
  font-family: "pipelinedl";
  z-index: 2;
  background-color: #fff;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  background-clip: padding-box;
}
.site_lists .site_item .site_icon .site_status.active:after {
  content: "";
  color: #72bf44;
}
.site_lists .site_item .site_icon .site_status.paused:after {
  content: "";
  color: #525b6b;
}
.site_lists .site_item .site_icon .site_status.inactive:after {
  content: "";
  color: #d75363;
}
.site_lists .site_item .site_value {
  font-size: 1rem;
  font-weight: 600;
}
.site_lists .site_item .site_reference {
  margin-top: 10px;
  font-size: 0.9rem;
  color: #7e8c99;
}
.info_component {
  padding: 15px;
  border: 1px solid #c9d0e2;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.info_component.no_border {
  border: 0px solid #c9d0e2;
}
.production_row {
  margin: 0px 0 20px;
}
.production_row .production_label {
  text-align: center;
  line-height: 140%;
  display: block;
}
.production_row .production_value {
  text-align: center;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 140%;
}
.production_row .production_value small {
  display: block;
  font-size: 0.8rem;
  line-height: 20px;
  font-weight: 400;
}
.sdo_header {
  padding: 10px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background-color: #f5f6f7;
  text-align: center;
  margin-bottom: 20px;
}
.sdo_header .sdo_operator {
  display: block;
  line-height: 30px;
}
.sdo_header .sdo_bc_d {
  display: block;
  line-height: 20px;
}
.sdo_header .sdo_bc_d a {
  color: inherit;
}
.property_header {
  margin-bottom: 10px;
}
.property_header .property_header_inner {
  background-color: #f5f6f7;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  align-items: center;
  -webkit-align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
}
.property_header .property_header_inner .property_header_icon {
  margin-right: 10px;
}
.property_header
  .property_header_inner
  .property_header_icon
  .main_icon_container {
  margin-bottom: 0;
}
.property_header .property_header_inner .property_header_name {
  margin-right: auto;
  font-size: 1rem;
}
.mro_stmnt_header {
  background-color: #61707a;
  color: #fff;
  display: flex;
  flex-direction: row;
  -webkit-flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  width: 100%;
  min-height: 0;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box;
}
.mro_stmnt_header .mro_stmnt_prev {
  flex: 1 1 30px;
}
.mro_stmnt_header .mro_stmnt_title {
  line-height: 30px;
  flex: 1 1 calc(100% - 60px);
  text-align: center;
  margin-bottom: 10px;
}
.mro_stmnt_header .mro_stmnt_next {
  flex: 1 1 30px;
  text-align: right;
}
.mro_stmnt_header .mro_stmnt_date {
  flex-grow: 1;
  line-height: 20px;
  text-align: center;
}
.mro_stmnt_header .mro_stmnt_data {
  line-height: 20px;
}
.mro_stmnt_header .mro_stmnt_data a.blockchain_explorer_icon {
  color: #fff;
  display: block;
  font-size: 20px;
  text-decoration: none;
  height: 20px;
  margin-right: 10px;
}
.mro_stmnt_header .mro_stmnt_data a.blockchain_explorer_icon span {
  display: block;
}
.mro_stmnt_header .mro_stmnt_data a.blockchain_explorer_icon:hover,
.mro_stmnt_header .mro_stmnt_data a.blockchain_explorer_icon:focus {
  text-decoration: none;
  color: #806ff7;
}
.stmnt_footer_paid {
  color: #fff;
  background-color: #61707a;
  display: block;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  padding: 20px;
  margin: 20px 0;
}
.stmnt_footer_paid .data_row .data_label {
  color: #fff;
}