html, body { height:100%; margin:0; padding:0; }
.hide { display: none; }
.list-style-none { list-style: none; }
.transition { transition:all .25 ease; }
.full-height { height:100%; }
.main { display: flex; min-height: 100vh; flex-direction: column; justify-content: space-between;}
.cursor-pointer { cursor:pointer;}

.bg-dark2 { background-color: #2c3136; }

.bg-pozzi { background:url('../../img/pozzi.webp') no-repeat 0 0; background-size: cover;}
.bg-ostriconi { background:url('../../img/ostriconi.webp') no-repeat 0 0; background-size: cover;}
.bg-neige { background:url('../../img/neige.webp') no-repeat 0 0; background-size: cover;}
.bg-querci { background:url('../../img/querci.webp') no-repeat 0 0; background-size: cover;}

.text-blue { color: #59c9ed; }
.btn-blue { background-color: #59c9ed; color:#333; }
.btn-blue:hover { background-color: #51b6d8; }
.btn-blue.active { background-color: #51b6d8; color:white; }

.transition { transition: all .5s ease; }

.btn-outline-blue { color: #59c9ed; border-color: #59c9ed; }
.btn-outline-blue:hover { color: #4dbadf; border-color: #59c9ed; }

.modal-content.bg-dark  .modal-header,
.modal-content.bg-dark  .modal-footer {border-color:#2e3338!important;}

.bootbox .modal-dialog .modal-content { background-color: #2e3338; color:white; border-color:#2e3338}
.bootbox .modal-dialog .modal-footer { border-color:#2e3338}
a { color:white; }
a:hover { color:#EEE;}
label { font-weight: bold; }

.img-avatar { border-radius:50%; width:48px; border:2px solid white; }

.note-editable { color: #222!important;}

table.dataTable.no-footer { border-width:0!important;}

.dataTables_wrapper .dataTables_length, 
.dataTables_wrapper .dataTables_filter, 
.dataTables_wrapper .dataTables_info, 
.dataTables_wrapper .dataTables_processing, 
.dataTables_wrapper .dataTables_paginate { color: #DDD!important; }

.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select { background-color:white; }

.dataTables_wrapper td, 
.dataTables_wrapper th { vertical-align: middle; }

/* nested-sort is the custom class name */
.nested-sort {
    padding: 0;
  }
  
  .nested-sort li {
    list-style: none;
    margin: 0 0 5px;
    padding: 10px;
    background: #333;
    border: 1px solid #59c9ed;
  }
  
  .nested-sort li ul {
    padding: 0;
    margin-top: 10px;
    margin-bottom: -5px;
  }
  
  /* ns-dragged is the class name of the item which is being dragged */
  .nested-sort .ns-dragged {
    border: 1px solid red;
  }
  
  /* ns-targeted is the class name of the item on which the dragged item is hovering */
  .nested-sort .ns-targeted {
    border: 1px solid green;
  }

  .sortPlace {   
    display: grid;
    grid-template-rows: repeat( auto-fit, minmax(20px, 1fr)); /*auto; /*repeat(5, 1fr);*/
    gap: 2px;
  }
  .sortBox {
    border-bottom: 3px solid #444;
    background-color: #242627;
    padding: 10px;
    cursor: move;
  }
  .sortBox.hover {
    border: 3px dotted #666;
  }
  [draggable] {
    user-select: none;
  }

  .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { background-color:#59c9ed!important; color: black!important;}

  .btn-check:checked + .btn-outline-secondary { background-color: green!important; }
  @media only screen and (max-width:1100px) 
{
    .w-50 { width:100%!important;}
}