.track-container{
  width: 97%;
  margin: 20px auto;
  padding: 20px;
  box-sizing: border-box;
  .search-container{
    width: 100%;
    padding: 0 0 20px;
    .search-ctn{
      width: 100%;
      overflow: hidden;
      margin: 0;
      padding: 0;
      position: relative;
      display: flex;
      justify-content: space-between;
      >div{
        display: flex;  
        line-height: 2;
        .label-content{
          display: flex; 
          margin: 0 20px 16px 0;    
          line-height: 2;
          .label{
            min-width: 60px;
          }
        }
        .input-rule{
          flex: 1;
          margin:0 0 0 20px;
          width: 200px;
          .dropdown{
            width: 100%
          }
        }
      }
      .btns{
        min-width: 415px;
        button{
          margin: 0 2px;
        }
      } 
    }
  }
  .table-pager{
    margin: 20px auto;
  }
}
.loading--fix{
  color: #000;
  background-color: rgba(255, 255, 255, 0.8);
}
.modal{
  .top{
    display: flex;
    >div{
      display: flex; 
      margin: 0 20px 16px 0;    
      line-height: 2;
      .label-content{
        display: flex; 
        margin: 0 20px 16px 0;    
        line-height: 2;
      }
      .input-rule{
        flex: 1;
        margin:0 0 0 20px;
        .dropdown{
          width: 100%
        }
      }
    }
  }
  .content{
    display: flex;
    .left{
      width: 430px;
      .header{
        display: flex;
        justify-content: space-between;
        padding-right: 10px;
        .import-down{
          display: flex;
        }
      }
      th{
        padding: 0;
      }
      .explain{
        margin-top: 20px;
        font-size: 10px;
        color: #000000;
        padding-right: 10px;
        .title{
          color: #4C8DDA;
        }
      }
    }
    .right{
      width: 1200px;
      height: 600px;
    }
  }
}