body{
    min-height: 100vh!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
@media only screen and (min-width: 992px) {
    .navbar .navbar-nav .nav-item .nav-link {
      padding: 0 0.5em;
    }
    .navbar .navbar-nav .nav-item:not(:last-child) .nav-link.dropdown-toggle.dropdown-toggle-split{
      border-right: 2px solid #646363;
    }
    #navbarNavRightDropdown li {
      padding: 0 0.5em;
      border-left: 2px solid #646363;
    }
    .navbar form{
        margin-right: 0.5em;
    }
}
#toggleOrizzonti{
    cursor: pointer;
}
#toggleModificaOrizzonti{
    cursor: pointer;
}
.bootstrap-datetimepicker-widget {
  z-index: 1600 !important; /* has to be larger than 1050 */
}
.dataframe{
  border: 1px solid #646363;
}
.tabs_icon{
    border-left: 1px solid #c9c9c9;
    padding-left: 5px;
}
.NDVI_cell{
  cursor: pointer;
}

.horizontal-scroll-except-first-column {
  width: 100%;
  overflow: auto;
}

.horizontal-scroll-except-first-column > table {
  margin-left: 20em;
}

.horizontal-scroll-except-first-column > table > * > tr > th:first-child,
.horizontal-scroll-except-first-column > table > * > tr > td:first-child {
  position: absolute;
  width: 20em;
  margin-left: -20em;
  background: #fff;
  border-right: #ff0000 2px solid;
}

.horizontal-scroll-except-first-column > table > * > tr > th,
.horizontal-scroll-except-first-column > table > * > tr > td {
  /* Without this, if a cell wraps onto two lines, the first column
   * will look bad, and may need padding. */
  white-space: nowrap;
}

.eliminaNDVI{
  cursor: pointer;
}
.server-icon {
  border-radius: 25px;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
}

.server-icon-running{
  background-color: green;
}

.server-icon-stopped{
  background-color: crimson;
}
.video-container {
  max-width: 100%; /* Set a pixel value instead if no parent container*/
  margin: 0 auto; /* Center the container */
}
.video-container video {
  width: 100%; /* Fill the available width */
  height: auto; /* Adjust height automatically */
}