.collapse {
    width: 35px;
    height: 35px;
    border-radius: 8px;
    background-color: rgba(68,65,65,0.84);
    pointer-events: none;
}
.parent-line {
    padding: 2px;
    cursor: pointer;
}
.line {
    background-color: #fff;
    height: 4px;
    margin: 5px;
}

.sidebar .section {
    width: 150px;
    color: #fff;
    background-color: rgba(68,65,65, 0.94);
    border: 1px solid rgba(68,65,65, 1);
    box-shadow: 0 0 4px 0 black;
    position: fixed;
    top: 8px;
    border-radius: 8px;
    right: -150px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -ms-transition: 1s;
}

.sidebar .sidebar-header {
    display: flex;
    background-color: #9d0300;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}
.sidebar .title, .sidebar .close {
    padding: 4px;
    font-size: 14px;
}
.sidebar .title {
    width: 80%;
}
.sidebar .close {
    width: 20%;
    text-align: center;
    line-height: 20px;
    cursor: pointer;
}
.sidebar .data {
    display: flex;
}
.sidebar .data label {
    cursor: pointer;
}
.sidebar .radio, .sidebar .label { 
    padding: 4px;
    font-size: 12px;

}
.sidebar .sub-title {
    padding: 4px;
    background-color: #d49500;
    font-size: 14px;
}

.sidebar .logo {
    height: 75px
  }
  .sidebar .content-container {
  overflow: auto;
    height: CALC(100vh - 156px);
  }

.sidebar .dradio {
    pointer-events:none;
    opacity:0.6;
  }