.recycle:hover {
    color:red;
}

html,
body{
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin: 0;
}

body.waiting * {
    cursor: progress !important;
}

.panel0 thead th {
    position: sticky;
    top: 0;
}

.dropzone-previews {
   position:absolute;
   z-index: 100;
   /* background-color: #ABBAEA !important; */
   /* border:2px solid #dee2e6 !important; */
   display: flex;
   justify-content: center;
}

.dropzone .dz-preview {
  width:100%;
}

.dropzone .dz-preview .dz-progress {
  top: 65% !important;
  background: rgba(0,0,255,90%) !important;
  padding: 0;
}

.dropzone .dz-message {
    text-align: center;
    margin: 0em 0;
}

/* .dz-drag-hover .dropzone { border-style: solid; } .dz-drag-hover .dropzone .dz-message { opacity: 0.5; } */

.drag-helper {
  border: 1px solid #dee2e6;
  /* padding: .75rem; */
  vertical-align: top;
  box-sizing: border-box;
  color: #212529;
}

.selection {
    background-color: #87CEFA !important;
}

#img_container {
    position:relative;
    /* display:inline-block; */
    /* text-align:center; */
    /* border:1px solid red; */
}

.tool {
    position:absolute;
    bottom:20px;
    right:0px;
    /* width:50px; */
    /* height:50px; */
}

.ui-autocomplete {
  z-index: 10;
}

.number_in_circle {
    /* border: 0.1em solid grey; */
    border-radius: 100%;
    height: 1.5em;
    width: 1.5em !important;
    font-size:0.8em;
    margin:0;
    padding:0;
    text-align: center;
}

.paramtable {
    width: 100%;
    border-sizing: 0;
}

table.dataTable thead th,table.dataTable thead td {
    padding: 1px 1px !important;
}

table.dataTable th div.dt-column-header {
  flex-direction: row !important;
}

tr td{
  padding: 1 !important;
  margin: 1 !important;
}

.tdmin {
    width: 1%;
    vertical-align: top;
}

.selpanel {
    border: 2px solid #0000ff;
    border-radius: 5px;
}

.img_preview {
    /*max-height: 640px;
    max-width: 640px;
    margin: auto;
    align: center;
    */
    max-width: 100%;
    max-height: 100%;
    width: fit-content;
    height: fit-content;
}

/*
.sidebar {
    width: 48px;
    #display:block;
    float:left;
    position:fixed;
    height:96px;
    background: #ffffff;
    border: 1px solid #dae3e9;
    #padding-top: 4px;
    margin-top: 3em;
    padding-right: 8px;
    opacity: 0.5;
}
*/

/* Style the tab content*/
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.box {  
  display:inline-block;
  height: 10px;
  width: 15px;
  border: 1px solid black;
  clear: both;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}