#work_table {
  text-align: left !important;
  position: relative !important;
}

#work_table th {
  text-align: center !important;
  background: blue;
  color: white !important;
  position: sticky !important;
  top: 0 !important;
}

#work_table p {
  margin: 5 !important;
}
.FilterActive{
  background: #abb8c3 !important;
}

.area {
  /* position: relative; /* not necessary any more */
  height: 150px;
  background: #eee;
  margin: 40px;
}

#opaque {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  background-color: black;
  filter: alpha(opacity=30);
  opacity: 0.3;
}

#popup {
  position: fixed;
  background-color: white;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 10001;
  height: 300px !important;
  width: 230px !important;
}

select {
  height: 33px;
  line-height: 50px;
  -webkit-appearance: menulist-button;
  -moz-appearance:none;
  }

  #produs_item{
    height: 33px;
  }
  #serie_item{
    height: 33px;
  }
  #quantity{
    height: 33px;
  }
  #subitem{
    height: 33px;
  }
  #quantity_subitem{
    height: 33px;
  }
  #destination{
    margin-bottom: 3px;
  }
  #comment,#ppph,#och,#oph,#oth,#zones,#providers{
    height: 33px;
  }


body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;

  }

  *
  {
    box-sizing: border-box;
  }

.middle_login_div {
position: fixed;
top: 50%;
left: 50%;
height: auto;
width: 400px;
transform: translate(-50%, -50%);
background-color: #e0e0e0;
padding: 10px 10px 20px 10px;
border: 1px solid #BFBFBF;
background-color: white;
box-shadow: 10px 10px 5px #aaaaaa;

}

.container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
/*
#scanner_not_found{
    position: absolute;
    text-align: center;
    width: 100%;
    align-content: center;


}
#scanner_found {
    width: 640px;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
} */
button:not(.ui-button) {
    background-color: black;
    border: none;
    color: white;
    padding: 10px 32px;
    height: 35px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 4px 2px;
    cursor: pointer;
    /* margin-left: 32%;
    margin-right: 0%; */
  }

  /* table.main_table > tbody > tr > td:nth-of-type(-n+12) {
    position: sticky !important;
  } */

  input[type=text] {

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
   text-align: center;
  }

  input[type=password] {

    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-position: 10px 10px;
    background-repeat: no-repeat;
   text-align: center;
  }

  .topnav {
    /* overflow: hidden; */
    background-color: #333;
    max-height: 45px;
  }

  .topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 13px 16px;
    text-decoration: none;
    font-size: 17px;

  }

  .topnav a:hover {
    background-color: #fff;
    color: black;
  }

  .topnav a.active {
    background-color: #66b5d1;
    color: white;
  }
  .image-container {
    display: flex;
    justify-content: flex-end;
  }

  .user-info {
    color: #f2f2f2;
    float: right;
  }


  .user-info  {
    font-size: 16px;
    border: none;
  }

  .user-info  {
    position: relative;
    display: inline-block;
    white-space: nowrap;
  }

  .ui-front { z-index: 1000 !important; }
  .ui-dialog { z-index: 1000 !important ;}
  
  .dropdown-content {

    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 120px;
    top: 100%;
    box-shadow: 2px 5px 30px 5px rgba(0, 0, 0, 0.042);
    z-index: 0;
  }

  .dropdown-content ul li {
    color: black;
    /* padding: 2px 12px; */
    text-decoration: none;
    display: block;

  }

  .dropdown-content a:hover {
    background-color: #fff;
  }

  .dropdown:hover .dropdown-content {
    display: block;
  }

  /* .dropdown:hover .dropbtn {
    background-color: #3e8e41;
  } */

 .dropdown-content ul{
    color: #000;
    list-style: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    padding: 0!important;
    column-gap: 1px!important;

    white-space: nowrap;
    text-align: left;
  }

  .dropdown-content ul li{
    background-color: red;
  }


  .row {
    display: flex;
  }


  .column {
    color: #000;
    list-style: none;
    text-align: left;
    flex: auto;
    padding-right: 10px;
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom:10px;
    height: auto;
    font-size:  0.889rem;

  }

  .scan_class{
    display: flex;
    width: 100%;
    height:100%;
    overflow: auto;
    max-height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }


  .one{
    width: 100%;
    height: auto;
    background-color: red;
  }

  .scan_class .two
  {
     width: 100%;
     height: 50%;
     background-color: rgb(82, 65, 65);
  }

  .content_scan
  {
    width: 100%;
    height: 100%;
  }

  .child_one
  {
    width: 100%;
    height: auto;
    padding: 5%;
  }
  .child_two
  {
    width: 100%;
    height: auto;
    padding: 0%;
  }
  #close {
    float:right;
    display:inline-block;
    padding:2px 5px;
    background:#ccc;
}
#close:hover {
  float:right;
  display:inline-block;
  padding:2px 5px;
  background:#ccc;
  color:#fff;
}
.fragment {
  font-size: 12px;
  font-family: tahoma;
  height: 140px;
  border: 1px solid #ccc;
  color: #555;
  display: block;
  padding: 10px;
  box-sizing: border-box;
  text-decoration: none;
}

.fragment:hover {
  box-shadow: 2px 2px 5px rgba(0,0,0,.2);

}

.fragment img { 
  float: left;
  margin-right: 10px;
}


.fragment h3 {
  padding: 0;
  margin: 0;
  color: #369;
}
.fragment h4 {
  padding: 0;
  margin: 0;
  color: #000;
}
#close {
  float:right;
  display:inline-block;
  padding:2px 5px;
  background:#ccc;
}

#close:hover {
float:right;
display:inline-block;
padding:2px 5px;
background:#ccc;
color:#fff;
}