.fa-ellipsis-v,
.foldersPanelFolderPopoverButton .fas,
.foldersPanelFolderPopoverButton,
.foldersPanelFolderPopoverButton .fas,
.foldersPanelFolderPopoverButton .far {
   pointer-events: none;
}

.foldersPanelWrapper {
   display: none;
   background-color: #00000080;
   position: fixed;
   z-index: 1039;
   height: 100vh;
   width: 100%;
   animation: fadeIn ease 0.5s;
}

.foldersPanelContainer {
   background-color: #202123;
   color: #fff;
   width: 20rem;
   height: 100vh;
   padding: 20px
}

.foldersPanelContainer * {
   color: #fff !important;
}

.foldersPanelContainer button{
   background: #333 !important;
   border-color: #555 !important;
}

.foldersPanelContainer button:hover{
   border-color: #aaa !important;
}

.foldersPanelLabel {
   font-weight: 600;
   margin-bottom: 0;
}

@media screen and (max-width: 350px) {
   .foldersPanelContainer {
      width: 100%;
   }

   .foldersPanelContainerMid .fa-search {
      right: 2rem;
      left: unset !important;
   }
}

.foldersPanelContainer .row {
   margin: unset;
}

.foldersPanelContainer .btn .fas {
   pointer-events: none;
}

.foldersPanelContainerTop {
   align-items: center;
}

.foldersPanelCloseButton {
   width: 30px;
   height: 30px;
}

input#foldersPanelSearchInput {
   background: #333;
   border-color: #555 !important;
}

.foldersPanelContainerMid {
   flex-wrap: nowrap;
   align-items: center;
   margin-top: 20px !important;
   padding-bottom: 15px;
}

input::placeholder,
textarea::placeholder {
   color: #ccceda !important;
   opacity: 1;
}

/*.foldersPanelSearchButton{   margin-left: auto;}*/
.foldersPanelContainerMid .fa-search {
   position: absolute;
   left: 17rem;
}

.foldersPanelContainerBot {
   padding-top: 15px;
   border-top: 1px solid #555;
   height: calc(100vh - 15vh);
   max-height: calc(100vh - 15vh);
}

.foldersPanelFoldersContainer {
   width: 100%;
}

.foldersPanelFolderItem {
   background: #333;
   border: 1px solid #555;
   display: flex;
   align-items: center;
   flex-direction: row;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 15px;
   font-weight: 400;
   line-height: 1.5;
   color: #fff;
   background-clip: padding-box;
   border-radius: 0.35rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   overflow-wrap: break-word;
}

.foldersPanelFolderItem:not(.selected):hover {
   border: 1px solid #aaa !important;
   outline: 0;
   cursor: pointer;
}

.foldersPanelFolderItem span {
   margin-right: 1px;
}

.foldersPanelFolderItemEdit {
   margin-left: auto;
   display: none;
   color: #717a92;
}

.foldersPanelFolderItemEdit .fa-ellipsis-v {
   width: 20px;
   text-align: center;
}

.foldersPanelFolderPopoverButtonContainer {
   display: flex;
   min-width: 125px;
   margin: 0;
   align-items: center;
   cursor: pointer;
}

.foldersPanelFolderPopoverButton {
   padding: 0;
}

.foldersPanelFolderPopoverButtonContainer .fas,
.foldersPanelFolderPopoverButtonContainer .far {
   margin-left: auto;
}

.foldersPanelFolderPopoverButtonContainer .fas.fa-trash-alt {
   width: 15.5px;
}

.foldersPanelFolderPopoverDocuments:hover,
.foldersPanelFolderPopoverHistory:hover,
.foldersPanelFolderPopoverFavourites:hover,
.foldersPanelFolderPopoverRename:hover {
   color: #808fff !important;
}

.foldersPanelFolderPopoverHistory,
.foldersPanelFolderPopoverFavourites,
.foldersPanelFolderPopoverRename,
.foldersPanelFolderPopoverDelete {
   margin-top: 5px;
}

.foldersPanelFolderPopoverDelete:hover {
   color: #ff0000 !important;
}

.selected {
   color: #6e707e;
   border-color: #bac8f3;
   outline: 0;
   box-shadow: 0 0 0 0.2rem rgba(78, 115, 223, 0.5);
}

#foldersPanelAddModal.modal.show,
#foldersPanelRenameModal.modal.show {
   display: flex !important;
   align-items: center;
}

.modal-footer {
   border-top: none;
   padding-top: 0;
}

.foldersPanelLoader {
   align-self: center;
   margin-right: auto;
   margin-left: auto;
}