.fixBtn, .pencilBtn, .downloadBtn, .trashBtn {
    position: absolute;
    bottom: 0;
}

.trashBtn {
    right: 0;
}

.downloadBtn {
    right: 100px;
}

.fixBtn {
    right: 144px;
}

.lastModification {
    position: absolute;
    font-size: 13px;
    color: gray;
    left: 10px;
    bottom: 10px;
}

.fa-pencil, .fa-download, .fa-trash-o {
    color: #4b4b4b;
}

.fa-wrench, .fa-exclamation-triangle {
    color: #dda713;
}

.fixBtn:hover i {
    color: #dd8513;
}

.pencilBtn:hover i, .downloadBtn:hover i {
    color: #005b9e;
}

.trashBtn:hover i {
    color: #dd3913;
}

#content {
    margin: 0 auto;
    max-width: 70%;
    padding: 1em 0;
}

#main {
    margin-top: 65px;
    width: 100%;
    height: calc(100% - 65px);
    overflow-y: auto;
    padding-bottom: 50px;
}

.grid {
    /* Grid Fallback */
    display: flex;
    flex-wrap: wrap;

    /* Supports Grid */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(150px, auto);
    grid-gap: 1em;
    margin-top: 50px;
}

.card {
    /* Demo-Specific Styles */
    background: #f0f0f0;
    height: 200px;
    width: 200px;

    /* Flex Fallback */
    margin-left: 5px;
    margin-right: 5px;
    flex: 1 1 200px;
}


/* If Grid is supported, remove the margin we set for the fallback */
@supports (display: grid) {
    .card {
        margin: 0;
    }
}

#plus, #questionsBtn {
    cursor: pointer;
}

#plus *, #questionsBtn * {
    cursor: pointer;
}

#plus {
    background-color: #0078d7
}

#plus:hover {
    background-color: #005b9e;
}

#questionsBtn {
    background-color: #4e9c54;
}

#questionsBtn:hover {
    background-color: #3c793c;
}

#plus button:hover, #questions button:hover {
    background-color: white;
}

.triangle {
    position: absolute;
    top: 0;
    border-width: 40px 40px 0 0;
    border-color: rgba(255, 0, 0, 0.67) transparent transparent transparent;
    border-style: solid;
}