$borderColor: #ededed;
$hoverColor: #f5f5f6;
$fontColor: #bbbbbb;
$listFontColor: #777777;
$hoverFontColor: #12b7f5;

#wrap {
  height: calc(100% - 30px);
  position: relative;

  .tabbar {
    display: flex;
    width: 80%;
    margin: auto;
    margin-top: 30px;
    .date {
      flex: 1;
      p:nth-child(1) {
        font-size: 32px;
      }
      p:nth-child(2) {
        color: $fontColor;
        font-size: 12px;
        span {
          padding-right: 10px;
        }
      }
    }
    .tab-control {
      flex: 1;
    }
  }

  .file-panel{
    .fixed-panel{
      display: flex;
      width: 96%;
      padding: 0 2%;
      height: 50px;
      align-items: center;

      .serach{
        width: 20%;
        text-align: right;

        input{
          width: 150px;
          height:30px;
          border: 1px solid transparent;
          background-color: #f0f0f0;
          padding-left: 12px;
          border-radius: 15px;
          outline: none;
        }
      }

      .select{
        position: relative;
        width: 80%;
        
        
        .default-value{
          width:100px;
          height:30px;
          line-height: 30px;
          background:#f5f5f5;
          border-radius: 5px;
          font-size: 18px;
          text-align: center;
        }

        .selectContent{
          position: absolute;
          left: -10px;
          margin-top: 3px;
          width: 120px;
          height: 90px;
          background-color: white;
          border: 1px solid #f0f0f0;
          text-align: center;
          border-radius: 5px;
          box-shadow: 0 0 3px black;
          z-index: 9999;

          .val{
            height: 30px;
            line-height: 30px;
            
            img{
              width: 18px;
              height:18px;
              transform: translateY(4px);
            }
          }
          
          .val:hover{
            background-color: rgba($color: #000000, $alpha: 0.05);
          }
        }
      }
    }
  }
  

  .content {
    overflow: hidden;
    position: absolute;
    top: 44px;
    bottom: 49px;
    left: 0;
    right: 0;
  }

}




