.panel-heading-massmodification {
   p.panel-title {
      padding: 0;
   }

   .panel-heading-close {
      color: $white;
   }
}

.list-mass-modification {
   .list_item {
      padding: 2px 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      height: 20px;
      line-height: 20px;
   }

   .right {
      text-align: right;
   }

   .center {
      text-align: center;
   }

   .variation .list_item {
      padding-left: 25px;
      font-size: 12px;
   }

   .viewParams td {
      vertical-align: middle;
   }

   .searchField {
      float: left;
      margin: 0 10px 0 5px;
   }

   .searchField input {
      margin: 0;
   }

   .searchName {
      margin: 0 3px 0 10px;
      font-weight: bold;
      vertical-align: text-bottom;
   }

   .massEditRow td {
      background-color: $lightgray-dark;
   }

   .massEditTable {

      td[data-type],
      td[data-name] {
         position: relative;
         padding: 2px;
      }

      td[data-type=enabler] {
         text-align: right;
      }

      th:not(:first-child) {
         overflow: hidden;
         text-overflow: ellipsis;
         padding: 5px 3px !important;
      }

      thead {
         position: sticky;
         top: 0;
         background-color: white;
         z-index: 50;
      }

      input {
         height: 18px;
         margin-top: 0;
      }

      input[type=text] {
         margin-top: 1px;
         color: $darkgray-dark;
         border: 1px solid #aab2bd;
         border-radius: 2px;
         width: 100%;
         padding: 1px 2px;
      }

      input[type=checkbox],
      input[type=radio] {
         vertical-align: middle;
      }

      .enabler {
         margin-right: 2px;
      }

      .full-size {
         width: 100%;
      }

      .chosen-container {
         font-size: 11px;

         li {
            line-height: 14px;
         }
      }

      .chosen-container-single .chosen-single div {
         padding-top: 0;
      }

      .chosen-container-single .chosen-single {
         height: 18px;
         font-size: 12px;
         line-height: 16px;
         padding-top: 1px;
      }

      .chosen-container-single .chosen-single div b {
         background-position: 0 0;
      }

      tr:hover td {
         background-color: #ffc;
      }

      tr.massEditRow:hover td {
         background-color: $lightgray-dark;
      }

      td[data-name] {
         position: sticky;
         left: 0;
         z-index: 40;
         background: inherit;
      }

      th[data-name] {
         position: sticky;
         left: 0;
         background-color: white;
      }
   }

   .disabled {
      pointer-events: none;
      cursor: default;
   }

   a[data-file-browse=""] {
      height: 19px !important;
      width: 21px;
      padding-top: 0 !important;
      padding-left: 2px !important;
   }

   .chosen-container .search-field {
      background: url("/admin/static/images/search.png") no-repeat center right;
      width: calc(100% - 5px);
   }

   .multi-item {
      white-space: nowrap;
      display: inline;
      float: left;
      width: 100%;

      .param-row,
      .section-row {
         display: flex;
         justify-content: flex-start;
         margin-top: 2px;

         &:first-of-type {
            margin-top: 0;
         }

         .fullflex {
            flex-grow: 1;
            flex-shrink: 1;
            display: flex;
            justify-content: flex-start;
            align-items: center;
         }

         .chosen-container {
            flex-grow: 1;
            flex-shrink: 1;
            width: auto !important;
            max-width: 100%;

            .chosen-single {
               width: 100%;
            }
         }

         .noflex {
            flex-grow: 0;
            flex-shrink: 0;

            &.label {
               margin-left: 2px;

               .glyphicon {
                  top: 2px;
               }
            }
         }

         .unit {
            padding-left: 4px;
            padding-right: 2px;
            max-width: 75px;
         }

         .param-unit {
            display: flex;

            .chosen-container {
               width: 100% !important;
            }
         }
      }
   }

   .spacer {
      padding: 0 !important;
      min-width: 0 !important;
   }

   /* Sticky footer and table header */
   .footer {
      position: -webkit-sticky;
      position: sticky;
      bottom: 0;
      z-index: 100;

      .slide-right {
         position: sticky;
         left: 0;
      }

      .pagination {
         margin-top: 0;
         margin-bottom: 0;
      }

      .go-to-page {
         margin-top: 0;
         margin-bottom: 0;
      }

      .window-btns {
         position: static;
      }
   }
}
