.dataTable > thead > tr > th {
  white-space: nowrap;
  vertical-align: center;
}

.fullscreen {
  z-index: 9999;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
}

#preview-qrcode {
  position: relative;
  max-width: 600px;
  margin: auto;
  /* height: 300px; */
  /* width: 80% */
}

#preview-qrcode:before,
#preview-qrcode:after,
#preview-qrcode > :first-child:before,
#preview-qrcode > :first-child:after {
  position: absolute;
  width: 80px;
  height: 80px;
  border-color: greenyellow;
  /* or whatever colour */
  border-style: solid;
  /* or whatever style */
  content: " ";
}

#preview-qrcode:before {
  top: 0;
  left: 0;
  border-width: 5px 0 0 5px;
}

#preview-qrcode:after {
  top: 0;
  right: 0;
  border-width: 5px 5px 0 0;
}

#preview-qrcode > :first-child:before {
  bottom: 0;
  right: 0;
  border-width: 0 5px 5px 0;
}

#preview-qrcode > :first-child:after {
  bottom: 0;
  left: 0;
  border-width: 0 0 5px 5px;
}

.ml-1 {
  margin-left: 5px !important;
}

.ml-2 {
  margin-left: 10px !important;
}

.d-none {
  display:none
}

.w-100 {
  width: 100%;
}

.bootstrap-tagsinput {
  width: 100%;
  box-shadow: none;
  border-radius: 0;
}