.input-hidden {
  position: absolute;
  left: -9999px;
}

input[type="radio"]:checked + label > canvas {
  border: 3px solid #cc0000;
  box-shadow: 0 0 5px 5px #cc0000;
}

input[type="radio"]:checked + img {
  border: 3px solid #cc0000;
  box-shadow: 0 0 5px 5px #cc0000;
}

input[type="checkbox"] ~ .slipsheet-image {
  display: none;
}
input[type="checkbox"]:checked ~ .slipsheet-image {
  display: inline;
}

.rcorners1 {
  border-radius: 10px;
  border: 2px solid #007ca3;
  padding: 20px;
}

.form-padding {
  padding: 20px;
}

canvas {
  width: 50%;
  height: auto;
}

.paper-layers-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 72%;
  height: auto;
}

.paper-layers-rotated-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 72%;
  height: auto;
}

.pallet-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  height: auto;
}

.slipsheet-image {
  max-height: 100%;
  max-width: 100%;
  width: 64%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.arrow-paper-layers-image {
  width: 20%;
  height: auto;
}

.table-wrapper-scroll-y {
  display: block;
  overflow-y: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

tr.hover {
  background-color: #007ca3 !important;
  cursor: pointer;
}

tr.click-row {
  background-color: #007ca3;
}

.align_right {
  float: right;
}

.align_center {
  text-align: center;
}

.tableFixHead {
  white-space: nowrap;
}

.tableFixHead table {
  border-collapse: collapse;
  width: 100%;
}

.table .tableFixHead th,
.tableFixHead td {
  padding: 8px 16px;
}

.tableFixHead th {
  position: sticky;
  top: 0;
  background: #eee;
}

.btn_modal {
  width: 35px;
  height: 35px;
  padding: 5px;
}

.modal .modal-content {
  overflow: hidden;
}

.modal-body {
  overflow-y: scroll;
}

.hidden {
  display: none;
}

.edit-button {
  white-space: nowrap;
  text-align: center;
}

.btn-primary {
  background-color: #007ca3;
  color: white;
}

.btn-primary:hover {
  background-color: #006f92;
}

.body {
  /*background-image: url("https://palletizer-product-editor.smart-robotics.nl/images/SPFork-Gripper-Small.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;*/
  background-color: #007ca3;
}

.image-background {
  vertical-align: middle;
}

.nav-link.show.active {
  background-color: #007ca3 !important;
}

.nav {
  margin-left: 20px;
}

.nav-pills .nav-link {
  border-radius: 0;
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
  color: #007ca3;
}

.tab-pane {
  border: 2px solid #007ca3;
  border-radius: 10px;
}

.form-hr {
  padding: 0;
  margin: 0;
  color: black;
}

.form-p {
  margin: 0;
}

.fa-times {
  cursor: pointer;
}

.full_width {
  width: 100%;
}

.form-check-inline > * {
  margin: 0px 5px !important;
}

#addmultipackproduct {
  display: inline-block;
}

#addmultipackproduct input {
  margin-top: 3px;
}

#select-gripper-id-explanation {
  margin-top: 28px;
  margin-bottom: 0;
}

#select-gripper-id-spec-sheet-image {
  margin-top: 28px;
  margin-bottom: 0;
  -moz-box-shadow: 4px 3px 16px -14px #000;
  -webkit-box-shadow: 4px 3px 16px -14px #000;
  box-shadow: 4px 3px 16px -14px #000;
}

#box-height-and-width {
  margin-top: 130px;
}