.window-order-discounts {
   $icon-trigger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm3.9 3.7l-4.3 6.5c-.1.2-.3.2-.4.3h-.4c-.2 0-.3-.1-.4-.3L2.6 6.9a.8.8 0 01.2-1 .8.8 0 011 .2l1.6 2.4 3.7-5.6a.8.8 0 011-.2.7.7 0 01.3 1z' /%3E%3C/svg%3E");
   $icon-action: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2387909d' d='M6.5 0A6.5 6.5 0 1013 6.5 6.5 6.5 0 006.5 0zm4.2 6.5v.3a.1.1 0 01-.1.1V7l-2.7 3.3a.7.7 0 01-.6.3l-.5-.2a.8.8 0 01-.1-1.1l1.7-2H3a.8.8 0 110-1.6h5.3l-1.7-2a.8.8 0 01.2-1.1.8.8 0 011.1.1L10.5 6v.1a.1.1 0 00.1.1v.2l.1.1z' data-name='Path 201'/%3E%3C/svg%3E");

   .configurator {
      display: flex;

      .triggers {
         li::before,
         li::after {
            display: none;
         }

         .icon::before {
            content: $icon-trigger;
         }
      }

      .actions {

         .icon::before {
            content: $icon-action;
         }
      }

      .panel-group .panel + .panel {
         border-bottom: 0;
         border-radius: 4px;
         margin-top: 15px;
      }

      .panel-group-lists .panel-heading + .panel-collapse .panel-body {
         padding-top: 20px;
         padding-bottom: 10px;
      }

      .panel-heading {
         display: flex;
         align-items: center;
         justify-content: space-between;
         padding: 5px 15px;

         p {
            font-size: 12px;

            &::before {
               display: inline-block;
               vertical-align: middle;
               margin-right: 10px;
            }
         }
      }

      .dropdown-toggle {
         font-size: 12px;

         span {
            float: left;
            top: 2px;
         }
      }

      .dropdown-menu {
         margin-top: 2px;
         border-width: 1px;
         border-radius: 4px;
         max-height: 550px;
         overflow: auto;

         .icon {
            margin-top: 6px;
         }

         li {
            border-bottom: 1px solid #e1e3e7;

            > a {
               display: flex;
               white-space: normal;
            }
         }

         p {
            color: $black;
            font-size: 12px;
            line-height: 20px;
            margin: 3px 0 0;
            padding-left: 12px;

            strong {
               color: #424a55;
               display: block;
               font-size: 14px;
            }
         }

         li a:hover,
         li a:focus,
         .active a,
         a:hover,
         a:focus {
            background-color: $gray-background;
            color: inherit;
         }
      }
   }

   .box-header {
      display: flex;
      align-items: center;

      + hr {
         margin-top: 10px;
      }

      .col-md-4 {
         position: static;
      }

      .col-md-1 {
         text-align: right;
      }

      .h5 {
         font-size: 16px;
      }

      .dropdown {
         position: static;
      }

      .dropdown-menu {
         left: 10px;
         right: 10px;
         top: auto;
      }
   }
}