.hidden {
  display:none;
}

.has-sub-submenu {
  border-bottom: 1px solid #eee;
}

.sub-submenu {
  padding-left: 12px !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #00acc1 !important;
  color: #fff !important;
  border: none !important;
}

.select2-container .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    margin-right: 5px !important;
}

.network-list-tr {
  cursor: pointer;
}

.network-list-tr .controls {
  
}

.building-list-tr {
  cursor: pointer;
}

.table-bg-even {
  background-color: #f1f5f7;
}

.table-bg-odd {
  
}

.workflow-table {
  margin-bottom:4px;
}

.workflow-table label {
  white-space: nowrap;
}

.workflow-table .workflow-item {
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: none;
}

.workflow-header {
  
}

.workflow-header th {
  padding-top: 4px;
  padding-bottom: 4px;
  
}

.workflow-table .workflow-item select {
  padding-left: 4px;
}

.padding-left-2 {
  padding-left: 2px;
}

.padding-right-2 {
  padding-right: 2px;
}

td.controls {
  cursor: default;
  text-align: left; letter-spacing: 4px; font-size: 1.1em;
}

.product-container {
  padding-top: 4px;
  padding-bottom: 4px;
  border-top: 2px solid #dee2e6;
}

.product-container:last-child {
  border-bottom: 2px solid #dee2e6;
}

.product-container:nth-child(even) {
  background-color: #f1f5f7;
}

.status {
  border-radius: 8px;
}

.status.not-connected {
  background-color: red;
  color: red;
}

.status.building-connected {
  background-color: orange;
  color: orange;
}

.status.connected {
  background-color: limegreen;
  color: limegreen;
}

.invalid {
  border-color: red !important;
}

.invalid:focus {
  border-color: red !important;
}


#iban_error {
  color: red;
}

.flash-bg {
  background-color: yellow !important;
  color: yellow;
}