.alert {
        font-style: italic;
}

body { padding-bottom: 70px;
   /*background-image: linear-gradient(to bottom right, #00F490,#00BBC9);*/
}
h4 {
    /*font-family: 'Open Sans';*/
}

.tree {
    font-family: Arial, sans-serif;
}

.node {
    margin-left: 20px;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: inline-block;
}

.node .children {
    margin-left: 20px;
}

.vr {
	border-left: 1px solid black;

}

input[type=checkbox] {
    margin: 10px 10px 10px 10px;
    transform: scale(2);
}

.form-check-label {
margin-left: 20px;
margin-bottom: 20px;
}

.Blink {
    color: #ff5722;
    font-size: 1rem;
    font-weight: 600;
}

.Blink_moxa {
    color: #7940de;
    font-size: 1rem;
    font-weight: 600;
}

.Blink_switch {
    color: #ffc107;
    font-size: 1rem;
    font-weight: 600;
}

.Blink_ecu {
    color: #17a2b8;
    font-size: 1rem;
    font-weight: 600;
}

.Blink_service {
    color: #f213f3;
    font-size: 1rem;
    font-weight: 600;
}
tr.odd td:first-child,
tr.even td:first-child {
    padding-left: 1.5em;
}


.dataTables_wrapper .dataTables_scrollBody {
    border: 1px solid #ddd;
}

.form-control::placeholder {
    color: #9e9e9e;
}
#navbarSupportedContent {
    padding-top: 0px;
    height: 20px;
    }

a.nav-link {
    padding-right: 20px;
    padding-left: 20px;
    color:  rgb(24 188 156);

}

mark {
    background-color: yellow;
    color: red;
         }


 @media (max-width: 767px) {
  .my_navbar-expand {
    display: none !important; /* Skryje druhý navbar od šířky 767px */
  }
}


.dataTables_wrapper .dataTables_filter input::-webkit-search-cancel-button {
  -webkit-appearance: button !important;
  -moz-appearance: button !important;
}


.container-wide {
  max-width: 1500px;
}

.subnavbar {
  background-color: #f8f9fa; /* světlejší šedá Bootstrap barva */
  font-size: 0.9rem;
}

.subnavbar .nav-link {
  color: #212529 !important; /* výrazná tmavě šedá */
  font-weight: 600;
  font-size: 0.85rem;
}

.subnavbar .nav-link:hover {
  color: #18bc9c !important; /* modrá na hover */
  text-decoration: underline;
}

/* Oddělovače a zalomení textu */
.subnavbar .nav-link {
  white-space: normal !important;
  word-break: break-word;
  text-align: center;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.subnavbar .nav-item {
  max-width: 140px;
  text-align: center;
}

.subnavbar .nav-item:not(:last-child) {
  border-right: 1px solid #ccc;
  margin-right: 5px;
  padding-right: 5px;
}

.highlight-red {
  border: 2px solid red !important;
}

.json-column {
    max-width: 500px;
    white-space: normal;    /* umožní zalomení */
    word-wrap: break-word;  /* zalomí i uvnitř dlouhých slov */
    overflow-wrap: anywhere;
}