ja {
    text-decoration: none;
    text-decoration-color: white;
}

span {
    font-size: bold;   

}

input {
    border: 0;    
}

input {
    background-color: #ebebeb;
    color: black;
    border: none;
    border-radius: 2px;
    cursor: pointer;
}

td, th {
    vertical-align: middle !important;
    background-color: #000000;
    }
.left, .right {
        float:left;
        height:100vh;
    }
    
.left {
        background: #337ab7; 
        display: inline-block;
        white-space: nowrap;
        width: 50px;
        transition: width 1s ;
    }

.right {
        background: #fff;
        width: 350px;
        transition: width 1s;
        border-style:solid;
        border-color:#ccc;
        border-width:1px;
    }    

.left:hover {
        width: 250px;
    }    
    
.item:hover {
        background-color:#ccc;
        }
        
.left .glyphicon {
        margin:15px;
        width:20px;
        color:#fff;
    }
    
.right .glyphicon {
        color:#a9a9a9;
    }
span.glyphicon.glyphicon-refresh{
    font-size:17px;
    vertical-align: middle !important;
    }
    
.item {
        height:50px;
        overflow:hidden;
        color:#fff;
    }
.title {
        background-color:#eee;
        border-style:solid;
        border-color:#ccc;
        border-width:1px;
        box-sizing: border-box;
    }
.type{
    height: 47px;;
    }
.date{
    background-color:#f7f7f7
    }
.docdate {
    vertical-align:bottom !important;
    }
.distr {
    margin: 0 0 5px;
    font-size: 12px;
    }
.ndoc {
    margin: 0 0 5px;
    }
.storage {
    margin: 0;
    color: #aaa !important;
    font-size: 12px;
    }

label {
  display: inline-block;
  width: 140px;
  text-align: right;
  

}

body {background-color: #000000;}