thetool/public/assets/css/thetool.css

/* Overrides */

.body {
  color: #323a36;
}
.table,
.table-hover tbody tr:hover{
  color: #323a36;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}


.h1, .h2, .h3, .h4, .h5, .h6,
h1, h2, h3, h4, h5, h6 {
  color: #323a36;
}

.form-control {
  color: #323a36;
}

.card {
  border-color: #f0f0f0;
  box-shadow: 3px 3px 2px #a0a0a0;
}

#topnav {
  box-shadow: 2px 2px 1px #a0a0a0;
}

.nav-tabs > li > a {
  color: #0d6efd;
}


/**************************
 * custom styles
 *************************/




.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: #007bff !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;*/
  background-color: rgba(0,0,0,.05);
}

.table-bg-odd {
  /*background-color: #eceff5;*/
  background-color: rgba(255,171,0,.05);
}

.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: #007bff;
}



.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:hover {
  background-color: rgba(0,0,0,.075);
}

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

.product-container:nth-child(even) {
  background-color: rgba(0,0,0,.05);
}

.product-container:nth-child(even):hover {
  background-color: rgba(0,0,0,.075);
}

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