.container-fluid {
  max-width:98%;
}

.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;
}

.order-list-tr {
  cursor: pointer;
  padding-bottom: 0;
}

.order-list-tr td {
  padding-bottom: 4px;
}

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

.table-bg-odd {
  background-color: #eceff5;
}

.workflow-table {
  margin-bottom:4px;
  max-width: 100% !important;
  overflow: scroll;
}

.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;
  min-width: 138px;
  max-width: 138px;
}

.workflow-table tr {
  max-width:100%;
}

.workflow-table .workflow-item.wfitem-width-2 {
  max-width: 276px;
}
.workflow-table .workflow-item.wfitem-width-2 {
  max-width: 414px;
}
.workflow-table .workflow-item.wfitem-width-2 {
  max-width: 552px;
}
.workflow-header {
  
}

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

.workflow-table .workflow-item select {
  padding-left: 4px;
  min-width: 138px;
  max-width: 138px;
}

.workflow-item input[type=text] {
  width: 138px;
}


@media (min-width: 2560px) {
  .workflow-table .workflow-item {
    min-width: 138px;
    width: auto;
  }
  
  .workflow-table .workflow-item select {
    min-width: 100%;
    width: 100%;
  }
  .workflow-item input[type=text] {
    min-width: 100%;
    width: 100%;
  }

}


.pagination a {
  color: #00acc1;
}



.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;
}

.btn-outline-rot {
  color: #FF0000;
  border-color: #FF0000;
}

.btn-outline-gruen {
  color: #00FF00;
  border-color: #00FF00;
  background-color: #555;
}

.btn-outline-blau {
  color: #0000FF;
  border-color: #0000FF;
}

.btn-outline-gelb {
  color: #FFFF00;
  border-color: #FFFF00;
  background-color: #555;
}

.btn-outline-weiss {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: #555;
}

.btn-outline-grau {
  color: #888888;
  border-color: #888888;
}

.btn-outline-braun {
  color: #A52A2A;
  border-color: #A52A2A;
}

.btn-outline-violett {
  color: #8800FF;
  border-color: #8800FF;
}

.btn-outline-tuerkis {
  color: #00FFFF;
  border-color: #00FFFF;
  background-color: #555;
}

.btn-outline-schwarz {
  color: #000000;
  border-color: #000000;
}

.btn-outline-orange {
  color: #FF8800;
  border-color: #FF8800;
}

.btn-outline-rosa {
  color: #FF0088;
  border-color: #FF0088;
}









.order-date-pill {
  border: 1px dashed #999;
  border-radius: 4px;
  padding-left: 4px;
  padding-right: 4px;
}

.order-date-pill.active {
  border-color: #25b343;
  background-color: #f0fff0;
}

.top-no-border td,
.top-no-border th {
  border-top: none;
  padding-top: 2px;
}

.bottom-no-border td,
.bottom-no-border th {
  border-bottom: none;
  padding-bottom: 2px;
}

.pointer {
  cursor: pointer;
}