@media (min-width: 0px) {

  .archive {
  }
  
  .archive .archive-content {
  }
  
  .archive .archive-content .left-panel {
    position: fixed;
    top : 91px;
    left: 0px;
    width : 299px;
    bottom: 0px;
    padding :10px;
    overflow: auto;
    background-color: #EDEFF1;
  }
  
  .archive .archive-content .right-panel {
    position: fixed;
    padding: 10px;
    top : 91px;
    right: 0px;
    left : 299px;
    bottom: 70px;
    border-bottom: 1px solid #d3d4d6;
    background-color: #EDEFF1;
    overflow:auto;
  }
  
  .archive .archive-content .main-panel {
    position: fixed;
    padding: 30px 100px;
    top : 89px;
    left: 0px;
    right: 0px;
    bottom: 70px;
    border-bottom: 1px solid #d3d4d6;
    background-color: #EDEFF1;
    min-width: 900px;
  }
  
  .archive .archive-content .bottom-panel {
    background-color: #EDEFF1;
    position: fixed;
    padding: 10px;
    height: 70px;
    right: 0px;
    left : 299px;
    bottom: 0px;
    border-top: 1px solid #ffffff;
    z-index: 1;
  }
  
  .archive .archive-content .bottom-panel-full-width {
    background-color: #EDEFF1;
    position: fixed;
    padding: 10px;
    height: 70px;
    right: 0px;
    left : 0px;
    bottom: 0px;
    border-top: 1px solid #ffffff;
    z-index: 1;
  }
  
  .archive .archive-ctl-btn button {
    width: 111px;
  }
  
  .archive .ch_label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    margin-right: 15px;
  }
  
  .archive .ch_input {
    width: 16px;
    height: 16px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
  }

  
  .archive .left-panel.non_tab_UI,
  .archive .right-panel.non_tab_UI{
    top:46px;
  }



}