/* line 3 */
.array_information {
  margin: 0 25px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 50px);
  border: 1px solid #D1D1D1;
}
/* line 10 */
.array_information .item_title {
  font-weight: bold;
}
/* line 14 */
.array_information .item_body {
  color: #0075C2;
  font-weight: 600;
}
/* line 19 */
.array_information .array_summary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 10px;
  justify-content: flex-start;
}
/* line 26 */
.array_information .array_summary .summary_item {
  width: calc(50% - 50px);
  margin: 10px 20px;
}
/* line 33 */
.array_information .subarray_summary h4 {
  padding: 0 25px;
  margin-bottom: 0;
}
/* line 38 */
.array_information .subarray_summary #seismic_save {
  color: white;
  height: 50px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
/* line 47 */
.array_information .subarray_summary #seismic_save .left_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 52 */
.array_information .subarray_summary #seismic_save .left_container .seismic_save_message {
  padding-left: 10px;
}
/* line 57 */
.array_information .subarray_summary #seismic_save .circle {
  border: 2px solid white;
  border-radius: 50%;
  height: 25px;
  width: 25px;
  font-weight: 500;
  text-align: center;
  line-height: 25px;
}
/* line 67 */
.array_information .subarray_summary #seismic_save .dismiss_button {
  height: 20px;
}
/* line 71 */
.array_information .subarray_summary #seismic_save.seismic_error {
  background: #F06A3F;
}
/* line 75 */
.array_information .subarray_summary #seismic_save.seismic_success {
  background: #6BB24A;
}

/* line 82 */
.system_data_upload {
  display: flex;
}
/* line 85 */
.system_data_upload.initial_array_upload {
  color: #9B9B9B;
  width: 100%;
  flex-direction: column;
  border: 1px solid #EAEAEA;
  background: #FDFDFD;
  padding: 30px;
  margin: 0 40px 50px;
}
/* line 95 */
.system_data_upload.change_array_form {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #D1D1D1;
  align-items: flex-end;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
/* line 104 */
.system_data_upload.change_array_form .form_row {
  flex-grow: 2;
  padding: 0;
}
/* line 108 */
.system_data_upload.change_array_form .form_row label {
  font-weight: 600;
}
/* line 113 */
.system_data_upload.change_array_form .button {
  flex-grow: 1;
  width: calc(50% - 100px);
  margin: 20px;
}
/* line 120 */
.system_data_upload .system_data_title {
  align-self: center;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 30px;
}
/* line 127 */
.system_data_upload .upload_field {
  align-self: center;
  margin-top: 30px;
  cursor: pointer;
  text-align: center;
  position: relative;
  overflow: hidden;
  width: auto;
}
/* line 137 */
.system_data_upload .upload_field .upload_field_text i {
  margin-right: 10px;
}
/* line 141 */
.system_data_upload .upload_field .system_upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
  height: 100%;
  width: 100%;
}

/* line 157 */
.grey_line {
  border: 1px solid #EAEAEA;
  width: calc(100% - 50px);
  margin: 0 25px;
  height: 0;
}

/* line 164 */
.array_visualization_header {
  margin: 10px 25px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-weight: 600;
  padding-bottom: 10px;
  align-items: center;
}
/* line 173 */
.array_visualization_header #zoom_level {
  margin-right: 10px;
}
/* line 177 */
.array_visualization_header .seismic_anchor_control {
  display: flex;
}
/* line 180 */
.array_visualization_header .seismic_anchor_control .seismic_control {
  padding: 5px 10px;
}
/* line 184 */
.array_visualization_header .seismic_anchor_control a {
  text-decoration: none;
  width: auto;
}
/* line 189 */
.array_visualization_header .seismic_anchor_control .cancel_button {
  color: #C7C7C7;
  background: white;
  font-size: 20px;
}
/* line 196 */
.array_visualization_header .seismic_anchor_control #add_seismic .icon-seismic-anchor {
  color: #70B72D;
  border: 1px solid #70B72D;
  border-radius: 50%;
}
/* line 204 */
.array_visualization_header .seismic_anchor_control #remove_seismic .icon-seismic-anchor {
  color: #EF6C6E;
  border: 1px solid #EF6C6E;
  border-radius: 50%;
}
/* line 212 */
.array_visualization_header .overlay_toggle {
  border: 1px solid #2888CB;
  padding: 5px 10px;
  margin: 0 10px;
}
/* line 217 */
.array_visualization_header .overlay_toggle.overlay_active {
  border: 3px solid #2888CB;
}
/* line 222 */
.array_visualization_header .header_action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  color: #2888CB;
}
/* line 229 */
.array_visualization_header .header_action .zoom_indicator {
  background: #DDDDDD;
  width: 8px;
  margin: 3px;
  height: 20px;
}
/* line 235 */
.array_visualization_header .header_action .zoom_indicator.zoom_active {
  background: #2888CB;
}
/* line 240 */
.array_visualization_header .header_action .zoom_button {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 50%;
  border: 1px solid #2888CB;
  width: 30px;
  height: 30px;
  font-size: 20px;
  display: flex;
  margin: 3px;
  justify-content: center;
  line-height: 30px;
}

/* line 258 */
#legend_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 25px;
}

/* line 265 */
.legend {
  width: 50%;
}

/* line 269 */
.anchor_colors_legend {
  padding: 15px;
}

/* line 273 */
canvas {
  margin: 0 25px;
  border: 1px solid #D1D1D1;
}

/* line 278 */
.array_summary_warning {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  background-color: #ffdc8b;
  border: 1px solid #F59234;
  padding: 7px;
}

/* line 3 */
.ebom_section_content {
  width: 100%;
}

/* line 7 */
.ebom_form {
  margin: 25px 50px;
  border: 1px solid #EAEAEA;
}
/* line 11 */
.ebom_form.hidden {
  display: none;
}

/* line 16 */
.ebom_subsection {
  width: 100%;
  border-top: 1px solid #EAEAEA;
}
/* line 20 */
.ebom_subsection.submit {
  text-align: left;
  padding: 25px;
  display: flex;
}
/* line 25 */
.ebom_subsection.submit .button {
  width: 100px;
  height: 45px;
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  line-height: 45px;
}
/* line 34 */
.ebom_subsection.submit .cancel_button {
  border: 2px solid #EAEAEA;
  color: #C7C7C7;
  background: white;
  margin-left: 10px;
}
/* line 41 */
.ebom_subsection.submit .delete_button {
  color: white;
  background: #CE0B24;
}
/* line 46 */
.ebom_subsection.submit a.button {
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
}
/* line 51 */
.ebom_subsection.submit a.button.hidden {
  display: none;
}

/* line 59 */
.inverter_form_row .bold_header {
  font-weight: 600;
  font-size: 18px;
  margin-left: 25px;
}
/* line 65 */
.inverter_form_row .form_row {
  margin-top: 0;
}

/* line 70 */
#standalone_inverter_form .inverter_form_row {
  margin-top: 20px;
  width: 100%;
}

/* line 75 */
.inverter_inputs_container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0 20px;
}
/* line 81 */
.inverter_inputs_container .form_row {
  margin-left: 0;
  margin-right: 0;
}
/* line 86 */
.inverter_inputs_container input, .inverter_inputs_container select {
  font-size: 16px;
  letter-spacing: 0;
}

/* line 92 */
.required_inverter_fields {
  display: flex;
  width: 68%;
}
/* line 96 */
.required_inverter_fields .inverter_strings {
  width: 28%;
}
/* line 100 */
.required_inverter_fields .inverter_model {
  width: calc(100% - 20px);
  flex-grow: 1;
}
/* line 105 */
.required_inverter_fields .quantity {
  width: 65px;
}

/* line 110 */
.optional_inverter_fields {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 5px;
}
/* line 117 */
.optional_inverter_fields .checkbox_form_row {
  width: 100%;
  margin-top: 0;
  text-align: center;
}

/* line 125 */
.checkbox_form_row input {
  width: auto;
}

/* line 130 */
#aux_plug_row.checkbox_form_row {
  align-self: center;
}

/* line 134 */
.checkbox_row {
  display: flex;
  width: 100%;
}

/* line 139 */
.add_button {
  font-size: 18px;
  font-weight: normal;
}
/* line 143 */
.add_button.disabled {
  color: #CCCCCC;
}
/* line 146 */
.add_button.disabled .icon-plus {
  color: #D6EBF6;
}

/* line 152 */
.power_station_table, .standalone_inverter_table, .supervisor_monitor_table {
  margin: 50px;
  font-size: 14px;
  width: calc(100% - 100px);
  border-spacing: 0;
}
/* line 158 */
.power_station_table td, .standalone_inverter_table td, .supervisor_monitor_table td {
  padding-left: 15px;
  padding-right: 20px;
}
/* line 162 */
.power_station_table td.narrow_line, .standalone_inverter_table td.narrow_line, .supervisor_monitor_table td.narrow_line {
  line-height: 90%;
}
/* line 166 */
.power_station_table td.centered, .standalone_inverter_table td.centered, .supervisor_monitor_table td.centered {
  text-align: center;
}
/* line 171 */
.power_station_table th, .standalone_inverter_table th, .supervisor_monitor_table th {
  text-align: left;
  font-weight: 500;
  color: #0075C2;
  padding-left: 15px;
  padding-bottom: 5px;
  border-bottom: 2px solid #0075C2;
}
/* line 180 */
.power_station_table .alternating_row_color:nth-child(odd), .standalone_inverter_table .alternating_row_color:nth-child(odd), .supervisor_monitor_table .alternating_row_color:nth-child(odd) {
  background-color: #ECF9FF;
}
/* line 184 */
.power_station_table tr.alternating_row_color.selected, .standalone_inverter_table tr.alternating_row_color.selected, .supervisor_monitor_table tr.alternating_row_color.selected {
  background: #5199F5;
  color: white;
}
/* line 189 */
.power_station_table i, .standalone_inverter_table i, .supervisor_monitor_table i {
  color: #C7C7C7;
  font-size: 20px;
}
/* line 194 */
.power_station_table i.icon-ok, .standalone_inverter_table i.icon-ok, .supervisor_monitor_table i.icon-ok {
  color: #0075C2;
}
/* line 198 */
.power_station_table .trash_can_link, .standalone_inverter_table .trash_can_link, .supervisor_monitor_table .trash_can_link {
  display: inline-block;
  text-decoration: none;
}

/* line 205 */
.standalone_inverter_table td, .supervisor_monitor_table td {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 211 */
.icon-plus {
  font-size: 25px;
  font-weight: bold;
  color: #0075C2;
}

/* line 217 */
.empty_state {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FDFDFD;
  font-weight: 500;
  color: #C7C7C7;
  font-size: 18px;
}

/* line 228 */
.ebom_section_header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-left: 50px;
  margin-right: 50px;
  font-size: 20px;
  font-weight: 600;
}

/* line 238 */
.monitoring_tag {
  background: #FBE7C8;
  color: #BA842C;
  border: 1px solid #F0D09D;
  border-radius: 3px;
  padding: 0 5px;
}

/* line 3 */
.form_section {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
/* line 8 */
.form_section h3 {
  width: 100%;
  margin: 25px;
  font-weight: 600;
  border-bottom: 2px solid #0075C2;
}
/* line 14 */
.form_section h3 span.optional {
  color: #C7C7C7;
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
}

/* line 23 */
i.icon-info-circled {
  color: #0075C2;
  font-size: 18px;
}

/* line 28 */
.tooltip_container {
  display: inline-block;
  position: relative;
}

/* line 33 */
.tooltip {
  background: black;
  color: white;
  border-radius: 5px;
  position: absolute;
  bottom: 30px;
  width: 200px;
  left: -100px;
  padding: 16px;
}
/* line 43 */
.tooltip:after {
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border: 10px solid transparent;
  border-top-color: black;
  margin-left: -10px;
}

/* line 57 */
.form_row {
  padding: 5px;
  margin: 20px;
  width: calc(50% - 50px);
}
/* line 62 */
.form_row label {
  white-space: nowrap;
  margin-bottom: 8px;
}

/* line 68 */
.error_container {
  display: flex;
  flex-grow: 1;
  width: calc(50% - 20px);
  margin: 0 10px;
}

/* line 75 */
.info_message {
  color: black;
  padding-left: 5px;
  margin: 0 auto;
}

/* line 81 */
.error_message {
  color: red;
  padding-left: 5px;
  margin: 0 auto;
}

/* line 87 */
input, select {
  width: calc(100% - 20px);
  padding: 10px;
  font-size: 22px;
  background: #F4F4F4;
  border: none;
  color: #0075C2;
  letter-spacing: 2px;
}

/* line 97 */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #F4F4F4 url("https://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") no-repeat calc(100% - 15px);
}

/* line 104 */
.submit, .download {
  padding: 20px;
  text-align: center;
  border-top: 1px solid #EAEAEA;
}

/* line 110 */
.button, button {
  background: #5199F5;
  color: white;
  padding: 10px 30px;
  width: 50%;
  border: none;
  border-radius: 5px;
  font-size: 20px;
  letter-spacing: 2px;
}

/* line 121 */
.navigation_buttons {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 20px;
}
/* line 128 */
.navigation_buttons a {
  text-decoration: none;
  width: auto;
  margin: 0 20px;
}
/* line 134 */
.navigation_buttons .button {
  width: auto;
}

/* line 139 */
.back {
  border: 2px solid #5199F5;
  color: #5199F5;
  background: white;
  margin-left: 10px;
}

/* line 146 */
a.back {
  text-decoration: none;
}

/* line 150 */
.sample_images {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 15px;
}
/* line 157 */
.sample_images a {
  text-decoration: none;
  width: auto;
  margin: 2px 5px;
}
/* line 163 */
.sample_images .button {
  width: auto;
}

/* line 168 */
.image_button, button {
  background: #5199F5;
  color: white;
  padding: 10px 30px;
  width: 50%;
  border: none;
  border-radius: 5px;
  font-size: 15px;
  letter-spacing: 1px;
}

/* line 3 */
dt {
  font-weight: 600;
  font-size: 18px;
  color: #0075C2;
}

/* line 9 */
dd {
  margin-bottom: 20px;
}

/* line 13 */
.documentation {
  width: 100%;
  margin: 25px;
}
/* line 17 */
.documentation img {
  width: 100%;
}
/* line 21 */
.documentation h3 {
  font-weight: 600;
  border-bottom: 2px solid #0075C2;
}
/* line 25 */
.documentation h3 span.optional {
  color: #C7C7C7;
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
}
/* line 33 */
.documentation p {
  font-weight: 500;
}
/* line 37 */
.documentation a {
  text-decoration: none;
}

/* line 3 */
body {
  font-family: "Avenir Next", sans-serif;
  margin: 0;
}

/* line 8 */
header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 20px solid #0075C2;
  border-bottom: 2px solid #EAEAEA;
  padding: 20px;
}
/* line 16 */
header .group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/* line 21 */
header .group h1 {
  width: 100%;
  padding-right: 25px;
}
/* line 26 */
header .group .back {
  padding: 5px 10px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}
/* line 34 */
header img {
  width: 200px;
  height: 25px;
}

/* line 40 */
h1 {
  margin: 0;
  font-size: 25px;
  font-weight: 600;
}

/* line 46 */
.content {
  width: 900px;
  margin: 40px auto;
}

/* line 51 */
.hidden {
  display: none;
}

/* line 55 */
.clickable {
  cursor: pointer;
}

/* line 59 */
.spacer {
  flex-grow: 1;
}

/* line 63 */
.spinner-panel {
  position: fixed;
  margin: 0 auto;
  top: 0;
  left: 0;
  width: 0;
  /* It will be updated to 100% in JS. Workaround for Safari issue with display:none; */
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 1;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  overflow: hidden;
}

/* line 84 */
.msg-container {
  background-color: #FDFDFD;
  border: 1px solid #D8D8D8;
  margin: 20px;
  padding: 10px;
  padding-left: 30px;
}

/* line 91 */
.msg-container li {
  padding-left: 0 !important;
}

/* line 3 */
.navigation_header {
  display: flex;
  justify-content: space-between;
}
/* line 9 */
.navigation_header .nav_step {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 16 */
.navigation_header .step_line {
  display: flex;
  align-items: center;
  width: 100%;
  margin-bottom: 5px;
}
/* line 22 */
.navigation_header .step_line .line {
  flex-grow: 1;
  height: 0;
  border: 2px solid #D8D8D8;
}
/* line 29 */
.navigation_header .circle {
  border: 3px solid #9B9B9B;
  border-radius: 50%;
  height: 30px;
  width: 30px;
}
/* line 36 */
.navigation_header i.icon-ok {
  display: none;
  color: #C7C7C7;
  text-align: center;
  line-height: 30px;
  width: 30px;
}
/* line 45 */
.navigation_header .completed i.icon-ok {
  display: inline-block;
}
/* line 51 */
.navigation_header .active .circle {
  border: 3px solid #F59234;
}
/* line 55 */
.navigation_header .active i.icon-ok {
  color: #F8A33C;
}

/* line 3 */
#summary_table {
  width: calc(100% - 50px);
}

/* line 7 */
#seismic_anchor_table {
  overflow-x: auto;
  width: calc(100% - 50px);
  display: inline-block;
  margin-top: 5px;
}
/* line 12 */
#seismic_anchor_table th {
  border-bottom: 3px solid #EAEAEA;
}

/* line 19 */
#seismic_anchor_table tr td:first-child, #summary_values_table tr td:first-child {
  border-left: none;
}
/* line 23 */
#seismic_anchor_table tr td:last-child, #summary_values_table tr td:last-child {
  border-right: none;
}
/* line 27 */
#seismic_anchor_table tr td, #summary_values_table tr td {
  padding-left: 10px;
  padding-right: 10px;
}

/* line 34 */
.summary_table {
  margin: 25px;
  text-align: center;
  border-spacing: 0;
  border-collapse: collapse;
}
/* line 40 */
.summary_table th {
  background: #EAEAEA;
  padding: 10px;
  font-weight: 600;
  font-size: 14px;
  border-left: 3px solid #EAEAEA;
}
/* line 48 */
.summary_table td {
  padding: 7px;
  font-weight: 500;
  border: 3px solid #EAEAEA;
}
/* line 54 */
.summary_table .alternating_row_color:nth-child(6n),
.summary_table .alternating_row_color:nth-child(6n+1),
.summary_table .alternating_row_color:nth-child(6n+2) {
  background-color: #ECF9FF;
}

/* line 61 */
.summary_warning {
  background-color: #ffdc8b;
  border: 1px solid #F59234;
  padding: 10px;
}

/* line 67 */
td.table_horizontal_borders {
  border: none;
  border-bottom: 3px solid #EAEAEA;
  border-top: 3px solid #EAEAEA;
}
/* line 72 */
td.table_horizontal_borders.warning {
  background-color: #ffdc8b;
}

/* line 77 */
td.table_meta_headers {
  font-weight: 600;
  border: none;
  font-size: 18px;
}

/* line 83 */
td.corner_border {
  border-left: 3px solid #9C63CC;
}

/* line 87 */
td.north_south_border {
  border-left: 3px solid #FFBE25;
}

/* line 91 */
td.east_west_border {
  border-left: 3px solid #0BB2EE;
}

/* line 95 */
td.middle_border {
  border-left: 3px solid #94CE57;
}

/* line 99 */
table .left_text_cell {
  text-align: left;
  padding-left: 10px;
}

/* line 104 */
table .right_border_cell {
  border-left: none;
}

/* line 108 */
.image_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
/* line 116 */
.image_container img {
  width: 90%;
}
/* line 119 */
.image_container img.side_by_side {
  width: 50%;
}
/* line 123 */
.image_container img.dual_tilt_panel_types {
  width: 65%;
  margin-bottom: 25px;
}