.hi{
    border:1px solid red
}


*{
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    padding:0;
    margin:0
}

body{
    overflow-y:hidden;
    overflow-x: auto;
}

.app-container{
    overflow-y:hidden!important;
    overflow-x: auto!important;
    position: relative;
}

.try-bold{
    font-weight: 900;
}

.try-col{
    text-align:left;
    vertical-align: top;
    display: inline-block;
    height: 100%;
    position:relative!important;
    height:99vh;
    border-left:1px solid #f1f1f1
}



::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;
  }
  
  ::-webkit-scrollbar-track {
    background: #f6f6f6;
  }
  
  ::-webkit-scrollbar-thumb {
    background: #c9ffdd;
    cursor: pointer;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #baeece;
  }

.try-head{
    height:60px;
    border-bottom:1px solid #e4e4e4;
    padding:4px 12px;
    position:relative;
    font-weight: 900;
    line-height: 45px;
    color:#000;
}

.try-box{
    
    height:50px;
    border-bottom:1px solid #e4e4e4;
    padding:4px 12px;
    position:relative;
}

.try-box:not(.try-box-active, .try-box-off):hover{
    background-color: #f6f6f6;
    cursor: pointer!important;
}


.try-box > div > p {
    white-space: nowrap; 
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width:90%;
}

.try-label{
    text-transform: uppercase;
    color:rgb(110,110,110);
    font-weight:900;
}


.try-import-btn{
    display:inline-block;
    position:absolute;
    right:12px;
    top:6px;
    border:none!important;
    background-color: transparent;
    cursor: pointer;
}

.try-import-btn:hover{
    text-decoration: underline;
}

.try-import-btn:active{
    color:#5e5e5e
}

.try-box-active {
    color:#000;
    background-color:#c9ffdd;
    font-weight: 900;
}

.try-document-sent {
    opacity: .3;
}

.try-box-hide{
    display:none
}

.try-delete{
    position:absolute;
    top:4px;
    right:7px;
    /* border:1px solid black; */
    border-radius:50%;
    padding:1px;
    width:13px;
    height:13px;
    display:inline-block;
    text-align: center;
    cursor: pointer;
}

.try-delete:hover{
    background-color: #e4e4e4;
    color:#f57b7b
}

.try-delete-mail{
    position:absolute;
    top:4px;
    right:30px;
    /* border:1px solid black; */
    padding:1px 5px;
    display:inline-block;
    text-align: center;
    cursor: pointer;
}

.try-delete-mail:hover{
    background-color: #e4e4e4;
    color:#f57b7b
}

.try-send-btn{
    position:absolute;
    top:3px;
    right:18px;
    border:none;
    background-color: #fff;
    padding:2px 12px;
    cursor: pointer;
    text-decoration: underline;
    /* border:1px solid gray; */
    width:55px;
    text-align: center;
    text-transform: uppercase;
}

.try-save-btn{
    position:absolute;
    top:38px;
    right:18px;
    border:none;
    background-color: #fff;
    padding:2px 12px;
    cursor: pointer;
    text-decoration: underline;
    /* border:1px solid gray; */
    width:55px;
    text-align: center;
    text-transform: uppercase;
}


.try-send-btn:hover{
    
    font-weight: 900;
    /* background-color: #c9ffdd; */
}

.try-send-btn:active{
    color:gray;
}

.try-save-btn:hover{
    
    font-weight: 900;
    /* background-color: #c9ffdd; */
}

.try-save-btn:active{
    color:gray;
}


.try-cell{
    display:inline-block;
    width:80px;
    border:none;
    /* border-bottom:1px solid black; */
    background-color: #fff;
    margin-right:5px;
    padding:2px 5px;
    font-size: 12px;

}


.try-cell:hover:enabled{
    outline:1px solid #9f9f9f
}

.try-cell:focus{
    border:none;
    outline:none;
    outline:1px solid #9f9f9f
}

.cell-xs{
    width: 50px;
}

.try-apex{
    font-size:9px;
    position:absolute;
    top:7px;
    right:7px;
    /* padding:8px */
}

.try-fake-row{
    background-color: #c9ffdd;
    min-height: 12px;
    margin-top: 2px;
    border-radius: 4px;
}


#try-sent-files{
    position:fixed;
    top:0;
    right:0px;
    height:100%;
    width:400px;
    background-color:#fff;
    text-align:left;
    /* color:	#3360ff; */
    -webkit-box-shadow: -11px -2px 13px -4px rgba(0,0,0,0.27); 
    box-shadow: -11px -2px 13px -4px rgba(0,0,0,0.27);
    /* display:none; */
}


.try-sent-files-closed{
    right:-370px!important;
}

.try-search-box{
    padding:6px 2px;
    border:none;
    width:98%;
    border-bottom: 1px solid black;;
}

.try-search-box:focus{
    outline:none;
    border-bottom: 1px solid black;;
}