.small-img-container {
  min-height: 75px
}

.small-img{
  max-width: 100px;
  max-height: 75px
}

/*Få loading besked op i toppen af datatables, da man ikke kan se den på store tabeller*/
.dataTables_processing  {
  top: 50px !important;
}

.align-center {
  text-align: center;
}

.medium-select {
  min-width: 17em;
}

.icheck-div {
  float: left; 
  /*margin-left: 1em;*/
}

.hide {
  display: none;
}

.center {
  text-align: center;
}

.warning {
 background-color: #ffff85;
}
.table-striped tbody tr.warning:nth-of-type(2n+1) {
 background-color: #ffff85;
}

.success {
 background-color: #55a439;
 color:white;

}
.table-striped tbody tr.success:nth-of-type(2n+1) {
 background-color: #55a439;
}

.table-hover tbody tr.success:hover {
  background-color: #1d6303;
  color:white;
}

.error {
  background-color: #f74545;
  color:white;
}
.table-striped tbody tr.error:nth-of-type(2n+1) {
 background-color: #f74545;
}


.table-hover tbody tr.error:hover {
  background-color: #920909;
  color:white;
}



.replacement {
 background-color: #60e3f5;
}
.table-striped tbody tr.replacement:nth-of-type(2n+1) {
 background-color: #60e3f5;
}


tr.variant-parent {
background-color: #c1d1ff;
}
.table-striped tbody tr.variant-parent:nth-of-type(2n+1) {
background-color: #c1d1ff;
}

tr.variant-child {
background-color: #d6ddf0;
}
.table-striped tbody tr.variant-child:nth-of-type(2n+1) {
background-color: #d6ddf0;
}


tr.collection-parent {
background-color: #94d1d9;
}
.table-striped tbody tr.collection-parent:nth-of-type(2n+1) {
background-color: #94d1d9;
}


tr.collection-child {
background-color: #c3e2e6;
}
.table-striped tbody tr.collection-child:nth-of-type(2n+1) {
background-color: #c3e2e6;
}

tr.collection-parent-child-of-variant {
  background-color: #f6befb;
}
.table-striped tbody tr.collection-parent-child-of-variant:nth-of-type(2n+1) {
  background-color: #f6befb;
}
  


/*Så den ikke hopper når man skifter ikon på knappen*/
.icon-btn {
    min-width: 42px;
}

.col-min-width {
  min-width:360px;
}

.hover {
 cursor: pointer;
}

.table-hover {
 cursor: pointer;
}

[class*="checkbox-custom"] > input:first-child + input[type="hidden"] + label::before, [class*="checkbox-custom"] > input:first-child + label::before {
  background-color: 1px solid black;
}


.img-fit-content {
  max-width: 100%;
}

/*Smart Wizard fiks så den viser første side når man loader https://stackoverflow.com/questions/38345126/smart-wizard-does-not-load-first-step*/
.tab-content {
 height: auto! Important;
}

.col-small {
max-width: 80px;
min-width: 80px;
}

.modal-xl-custom {
min-width: 90%
}

.success-span {
color: green;
vertical-align: middle;
margin-left: 3px;
display: none;
}

.error-span {
color: red;
vertical-align: middle;
margin-left: 3px;
display: none;
}

.success-sync-span {
  color: green;
  vertical-align: middle;
  margin-right: 3px;
  display: none;
  }
  
  .error-sync-span {
  color: red;
  vertical-align: middle;
  margin-right: 3px;
  display: none;
  }


hr {
width: 100%;
}

.icheck-custom > input:first-child:checked + input[type="hidden"] + label::before, .icheck-custom > input:first-child:checked + label::before {

background-color: #3498db;
border-color: #3498db;
}

.icheck-custom > input:first-child + input[type="hidden"] + label::before, .icheck-custom > input:first-child + label::before {

background-color: #fff;
}