.list-wrapper {
   margin-top: 20px;

   .table {
      table-layout: fixed;

      > thead th {
         @include truncate;

         text-overflow: unset;

         &,
         a {
            color: $text-color;
         }

         a:hover {
            text-decoration: underline;
         }

         &.hidden-label {
            &,
            * {
               color: transparent;
               font-size: 0;
            }
         }
      }

      tbody {
         tr {
            cursor: pointer;

            &:hover {
               background-color: $table-bg-hover;
            }
         }
      }
   }

   .list_item {
      display: flex;
      align-items: center;
      min-height: 24px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;

      &.text-wrap {
         white-space: normal;
         flex-direction: column;
         align-items: flex-start;
      }

      > a:not(.btn) {
         font-weight: $font-weight-bold;
         color: $text-dark;
         overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
      }
   }

   .tiny-list-items:not(th) {
      height: auto;
      font-size: 10px;

      a:not(.btn) {
         font-weight: 400;
      }
   }

   p {
      margin-bottom: 0;
   }

   .product-campaigns {
      .badge {
         padding-left: 0;
         padding-right: 0;
         min-width: 25px;
      }
   }

   /* hromadné zpracování obj */
   .has-input {
      height: auto;

      select,
      input {
         color: $input-color;
         border: $input-border-width solid $input-border-color;
         border-radius: $input-border-radius-base;
         box-shadow: $input-box-shadow;
         height: 24px;
         transition: border-color ease-in-out .15s;
         max-width: 100%;

         @include form-control-focus;
      }

      input {
         padding: 2px 4px;
      }
   }

   /* kvuli hoveru */
   .overflow-visible,
   .columnFeeds {
      overflow: visible !important;
   }

   .columnBtns {
      .btn-block {
         min-width: 120px;
      }

      .dropdown {
         min-width: 120px;
         float: right;
      }
   }
}

.list-wrapper-window {
   // margin kvuli stinu
   margin-top: 3px;
}

.list-reviews {
   .table .list_item {
      height: auto;
      white-space: normal;
   }
}

// nechat .img zanořené v list_item, aby to platilo jen na náhled,
// a ne na tooltip - ten musí byt velký
.product-list-thumbnail .list_item {
   //line-height: 50px;
   min-height: 50px;

   .img {
      background-color: $white;
      border: 1px solid #ddd;
      margin-right: 8px;
      padding: 3px;
      width: 50px;
      height: 50px;
   }
}

.pagination-sticky {
   background-color: #f1f2f6;
   border-top: 1px solid #ccd1d9;
   display: flex;
   align-items: center;
   padding: 10px;
   position: sticky;
   bottom: 0;
   z-index: 99;

   .pagination-buttons {
      display: flex;
      align-items: center;
      margin-left: auto;
      padding-left: 10px;

      .btn {
         margin-left: 10px;
      }
   }

   .chosen-container.chosen-container-single {
      max-width: 100%;
      font-size: $font-size-base;

      .chosen-single {
         font-size: $font-size-base;
         height: $input-height-base;
         padding: $padding-base-vertical $padding-base-horizontal*2 $padding-base-vertical $padding-base-horizontal;

         div {
            width: 24px
         }
      }

      .chosen-drop {
         top: unset;
         bottom: calc(100% - 1px)
      }
   }

   .selecter.selecter-down + .chosen-container {
      .chosen-drop {
         top: calc(100% - 1px);
         bottom: unset;
         border-bottom: 1px solid #66afe9;
         border-top: 0;
      }
   }

   .chosen-container-active.chosen-with-drop .chosen-single {
      border-radius: 0 0 $border-radius-base $border-radius-base;
   }

   .dropup-actions {
      .dropdown-menu {
         left: auto;
         right: 0;
      }

      .dropdown-toggle {
         width: 120px;
      }

      ~ .btn {
         margin-left: 10px;
      }
   }

   .pagination {
      margin: 0;
   }

   .go-to-page {
      margin: 0 0 0 10px;
   }

   .status-change {
      display: flex;
      align-items: center;
      border-left: 1px solid #ccd1d9;
      border-right: 1px solid #ccd1d9;
      margin: 0 16px;
      padding: 0 16px;

      .checkbox {
         margin: 0 10px;
      }

      &:last-child {
         border-right: 0;
      }

      + .btn {
         margin-left: 0;
      }
   }

   .chosen-wrapper {
      width: 180px;
   }

   .checkbox {
      margin: 5px 0;

      input[type=checkbox] + label {
         margin: 0;
      }
   }
}

.highRow {
   border-right: 1px solid $primary !important;

   > td {
      border-bottom: 1px solid $primary !important;
      border-top: 1px solid $primary !important;

      &:first-child {
         position: relative;

         &::before {
            content: '';
            display: block;
            position: absolute;
            width: 4px;
            left: 0;
            top: 0;
            bottom: 0;
            background: $primary;
         }
      }
   }
}
