@import 'lib.less';
@import 'theme.less';

.action {
  .action-list-section h3 {
    font-size: @font-size*0.9;
  }
  .action-footer button {
    width: 150px;
  }
}

.action-list {
  .content {
    border: 1px solid @standard-border;
    border-left: 3px solid @light-blue;
    
    .action-list-grid {    
      div.grid {
        height: 325px;
        overflow: auto;
      }
      
      td.col-description, th.col-description {
        width: 350px;
      }
      
      td.col-description > div {
        white-space: nowrap;
        width: 350px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
       
    }
    
    .inputs {
      border: 1px solid @standard-border;
      
      .filter [name=find-txt] {
        width: 200px;
      }
      
      .filter [name=find] {
        width: 100px;
      }
    }
  }  
}

.run-action-confirmation-dialog.message-box {
 .message-body {
    max-width: 450px;
    margin: 5px 10px;
  }
}

.custom-filter .group {
  border: 0;
  border-bottom: 1px solid @standard-border;
  .content {
    min-width: 68px;
  }
  .checkbox .label {
    color: @blue;
  }
}

.preview-sample-data {
  .preview-sample-data-grid {
    border: 1px solid @standard-border;
    height: 300px;
    overflow: auto;
    tbody td {
      padding: 0 5px;
    } 
  }
  
  h3 {
    font-size: @font-size;
  }
  
}

.save-filter .transparent-fieldset textarea  {
  height: 100px;
}

.filter-details {
  .section {
    margin-left: 5px;
    margin-right: 10px;
  }

  .filter-details-tabsection { 
    width: 70%;
    h3 {
      margin-top: 0;
      font-size: @font-size*0.9;
    }
    .tabs {
      margin-bottom: 0;
    }
    .container {
      background-color: white;
      min-height: 210px;  
    }
  }
  
  .filter-details-infosection {
    width: 28%;
  }  

  .filter-details-footer {
    margin-top: 15px;
    
    button {
      margin-top: 10px;
      margin-bottom: 10px;
      width: 150px;
    }

    .inline-description {
      margin-left: 10px;
      margin-bottom: 10px;
    }
    
    .preview-sample-data-details {
      margin: 0px 10px;
    }
    
    .close-sample-data-container {
      margin: 0px 10px;
      
      button.close-sample-data {
        width: 100px;
      }
    }
  }
}

.create-infoset-div {
  width: 350px;
  .content {
    .buttons-group {
      border-top: 1px solid @standard-border;
    }
    .inputs {
      fieldset {
        border:none;
      }
      textarea, input[type=text] {
        width: 275px;
      }
      [name=description] {
        height: 60px;
      }
    }
  }
}

.saved-filter-list {
  .content {
    .saved-filter-list-grid {
      border: 1px solid @standard-border;
      border-left: 3px solid @light-blue;
      
      div.grid {
        height: 190px;
        overflow: auto; 
      }
      
      td.col-description, th.col-description {
        width: 500px;
      }
      
      td.col-description > div {
        white-space: nowrap;
        width: 500px;
        overflow: hidden;
        text-overflow: ellipsis;
      }
         
    }
        
    .inputs {
      
      .filter [name=find-txt] {
        width: 200px;
      }
      
      .filter [name=find] {
        width: 100px;
      }
    }
  }
}

.infoset-list-div .content {
  .infoset-list-grid {
    height: 225px;
    tr.pending-record {
      color: @disabled-color;
    }
  }
  .inputs .filter {
    width: 225px;
    .filter-txt {
      width: 150px;  
    }
  }
}

.selected-infoset {
  .infoset-name {
    .show-infoset-list-icon, .hide-infoset-list-icon {
      color: @highlight-color1;
    }
  }
  .infoset-details td.value {
    font-weight: bold;
  }
}

.selected-infoset.section {
  padding-bottom: 0px;
}

.source-view .group .filter-textarea {
  min-height: 200px;
}