#sferica-media-folder-wrapper{
  padding: 30px 0;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel{
  flex-wrap: wrap;
  display: flex;
  border: 1px solid #ddd;
  margin: 0!important;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left{
  overflow: auto;
  padding: 10px;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left .treeview-item{
  border-left: 1px solid #ddd;
  margin-left: 10px;
  padding: 5px 10px;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .file,
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .folder{
  padding: 5px 10px;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .file a,
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .folder,
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left .treeview-item .folder{
  transition: 0.4s;
  cursor: pointer;
  text-decoration: none;
  color: #005;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .file a:hover,
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .folder > div:hover,
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left .treeview-item .folder > div:hover{
  transition: 0.4s;
  color: #F7A81B;
}

#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left .treeview-item-home{
  border-left: 0;
  margin-left: 0;
  padding: 0;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right{
  border-left: 1px solid #ddd;
  padding: 10px;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right .folder{
  cursor: pointer;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .folder >.bold{
  font-weight:bold;
  color: #F7A81B;
}
#sferica-media-folder-wrapper #sferica-media-folder-views .file {}

@media (max-width: 992px){
  #sferica-media-folder-wrapper #sferica-media-folder-views .panel{
    display: inherit;
  }
  #sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-left{
    border-bottom: 1px solid #ddd;
  }
  #sferica-media-folder-wrapper #sferica-media-folder-views .panel .panel-right{
    border-left: 0;
  }
}