.modal-backdrop {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.createFolder {
    background-color: rgb(0, 128, 128);
    color: #fff;
    width: auto;
    padding: 3px 17px
}

.createFolder:hover {
    box-shadow: 0 2px 4px rgba(27, 26, 26, 0.1), 0 2px 4px rgba(0, 0, 0, 0.18);
    background-color: rgb(2, 146, 146);

}

.deleteFolder {
    background-color: rgb(0, 51, 128);
    color: #fff;
    margin-left: 4px;
    width: auto;
    padding: 2px 17px
}

.deleteFolder:hover {
    box-shadow: 0 2px 4px rgba(36, 35, 35, 0.1), 0 2px 4px rgba(0, 0, 0, 0.18);
    background-color: rgb(6, 68, 161);
}

.saveFolder {
    background-color: rgb(51, 51, 51);
    color: #fff;
    margin-left: 4px;
    width: auto;
    padding: 4px 17px;
}
.saveFolder:hover{
    box-shadow: 0 2px 4px rgba(36, 35, 35, 0.1), 0 2px 4px rgba(0, 0, 0, 0.18);
    background-color: rgb(63, 62, 62);
}