.sidenav {
    margin-top:51px;
    margin-left:0px;
    height: calc(100% - 51px);
    width: 350px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background: #3D4351;
    /*background: #222;*/
    overflow-x: hidden;
    padding: 10px;
    transition:0s;
    border: 1px solid rgb(237,237,237);

    /*box-shadow: 0px 0px 1px 1px rgb(237, 237, 237);*/
}

.sidenav a {
    color:white;
    text-decoration: none;
    display: block;
    transition: 0.3s ease-in-out;
}

.sidenav a:hover {
    color: #f1f1f1;
}

@media screen and (max-height: 350px) {
    .sidenav {padding-top: 10px; width: 150px; transition: 0.2s ease-in-out;}
    .container-fluid {margin-left: 150px; transition: 0.2s ease-in-out;}
    .sidenav a {font-size: 8px; padding-top:3px; ; transition: 0.5s ease-in-out;}
    .dc_element_addon {width:0px; margin-right: 0px; transition: 0.5s ease-in-out;}

}

@media screen and (min-height: 350px) {
    .sidenav {transition: 0.2s ease-in-out;}
    .container-fluid {margin-left: 350px; transition: 0.2s ease-in-out;}
}


/*-------------------------------------*/

.dc_section {
    color:lightgrey;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    overflow: hidden;
}

.sidenav_section {
    margin:0px;
}

.dc_element_type {

    margin-top:1px;
    width:15px;
    height:15px;
    float:left;
}

.dc_type_sh { background:url("/img/dc_type_sh.png"); background-size: cover; }
.dc_type_sv { background:url("/img/dc_type_sv.png"); background-size: cover; }
.dc_type_cl { background:url("/img/dc_type_cl.png"); background-size: cover; }

.dc_element {
    list-style:none;
    clear:both;
    height: 15px;
    white-space: nowrap;
}
.dc_element:hover {
    margin-left:10px;
}

.dc_element_selected {
    margin:10px;
}


.dc_element_about {
    transition: 0s;
    margin:10px;
}

.dc_element_selected_about {
    margin-left:20px;
}
.dc_element_about:hover {
    margin-left:20px;
}

.dc_suffix {
    color:rgba(200,200,200,0.5);
}

.dc_element_addon_sel {
    color:rgba(163, 48, 48,1);
}

.dc_element_addon {
    font-weight: bold;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    height: 15px;
    float:left;
    margin-right:0.5%;
    font-size: 12px;
    overflow: hidden;
}

.dc_ul {
    margin:5px;
    margin-left:10px;
    padding: 0px;
}

.dc_highlight {
    color:rgba(163, 48, 48,1);
}

.dc_element_label {
    font-size: 11px;
    margin-left: 2px;
    font-weight: bold;
    color:white;
    /*float:left;*/
    color:lightgrey;
}

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#dc_list {
    width: 100%;
}