/* ------------------------------------------------------------ */
.form-control, .form-check-label, .form-select {
  margin-bottom: 0.5rem;
}

.form-readonly {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb),var(--bs-bg-opacity));
}

/* ------------------------------------------------------------ */
.table-responsive .table  {

  margin-bottom: 2px;
  td,  th {white-space: nowrap; vertical-align:middle!important;}

  th, td
  {
    &:first-child
    {
      position:sticky;
      left:0px;
      background-color:#EEE;
    }
  }

  td.no-results
  {background-color: rgb(252, 252, 252)}
}

/* ------------------------------------------------------------ */
.atpl-img-thumb.d-flex
{
  .d-image-sm, .d-image
  {justify-content:center;align-items:center;}

  .d-flex .d-flex.d-image-sm {width: 40px!important; height: 40px!important;
                                      background-color:#f5f9f6}
  .d-flex.d-image {width: 180px!important; height: 180px!important;
                           background-color:#f7fcff;}
}

.atpl-img-thumb-list-item.d-flex
{
  height: 50px;
  .btn-group, .d-flex{align-items:center}

  .btn-group, .d-flex {height: 100%;}

  .d-flex {width: 50px!important;justify-content:center}

  .dropdown-toggle {color: blue;}
  .dropdown-toggle:hover {color:rgb(0, 0, 139);}
}

/* ------------------------------------------------------------ */
.image-zoom-sm, .image-zoom {
  transition: transform .2s; /* Animation */
}

.image-zoom-sm:hover, .image-zoom:hover {
  transform: scale(1.2);

  border-color: rgb(176, 176, 176);
  border-style: solid;
  border-width: .2px;

  background-image:url("../../assets/img/transparent-pattern.jpg");
  background-repeat: repeat;
  background-size: 80%;
  background-blend-mode: overlay;
}

.atpl-img-thumb + .image-upload
{
  max-width: 180px;
  margin-left: 48px;
}

/* ------------------------------------------------------------ */
.btn-group-sm
{
  height: 21px;

  & .btn-sm
  {padding: 0!important;padding-left: .5rem!important; padding-right: .5rem!important;}

  & .dropdown-menu
  {padding: .5rem!important;padding-left: .5rem!important;}

  & .dropdown-item
  {padding-top: .2em!important;padding-bottom: .2em!important;}
}