/*-
 * ============LICENSE_START=======================================================
 * SDC
 * ================================================================================
 * Copyright (C) 2020 Nordix Foundation. All rights reserved.
 * ================================================================================
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 * ============LICENSE_END=========================================================
 */

@import './../../../../../assets/styles/variables.less';
@import './../../../../../assets/styles/variables-old.less';
@import './../../../../../assets/styles/mixins_old.less';
@import './../../../../../assets/styles/mixins.less';

.substitution-filter {

  .i-sdc-designer-sidebar-section-content-substitution-filter-section {
    .i-sdc-designer-sidebar-section-content-substitution-filter {
      border-bottom: 1px solid @main_color_o;
      padding: 5px 10px 5px 18px;
      position: relative;
      height: 61px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      .rule-details {
        // .s_1;
        display: flex;
        flex: 1;
        align-items: center;
        justify-content: space-between;
        margin-left: 5px;
        width: 180px;
        .delete-icon {
          visibility: hidden;
        }
        &:not(.readonly):hover {
          .a_1;
        }
        &:hover .delete-icon{
          visibility: visible;
        }
        &.readonly {
          opacity: 0.5;
        }
      }
      .rule-desc {
        .sdc-ellipsis;
        width: 220px;
        position: relative;
        padding-right: 1em;
      }

    }
  }
  .w-sdc-designer-sidebar-section-substitution-filter-footer {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
  }
  .w-sdc-designer-sidebar-section-substitution-filter-footer-action {
    width: 180px;
    margin-top: 10px;
  }
}

/deep/.sdc-accordion {
  margin-bottom: 0;
  display: grid;

  .sdc-accordion-header {
    background-color: #e6f6fb;
    border-left: solid #009fdb 4px;
    box-shadow: 0 0px 3px -1px rgba(0, 0, 0, 0.3);
    margin-bottom: 2px;
    width: auto;
    height: auto;
    padding: 10px;
    color: #666666;
    font-family: OpenSans-Semibold, sans-serif;
    font-size: 14px;
  }

  .sdc-accordion-body.open {
    padding-left: 0;
    padding-top: 0;
    .sdc-accordion-header { /*Second level - nested accordion */
      background-color: #f8f8f8;
      padding: 4px 20px 4px 37px;
      border-bottom: 1px solid #d2d2d2;
      border-left:none;
      height: 30px;
    }
  }
}