<style>
.ccm-faq-block-container {
    position: relative;
}

.ccm-faq-block-container .btn-success {
    margin-bottom: 20px;
}

.ccm-faq-entry {
    position: relative;
}

.ccm-faq-entry.well {
    margin-bottom: 10px;
    padding: 28px 10px 10px;
}

.ccm-faq-entry.well.entry-closed {
    height: 57px;
    padding: 0 0 0 15px;
}

.ccm-faq-entry .entry-collapse-text {
    display: none;
}

.ccm-faq-entry.entry-closed .entry-collapse-text {
    display: block;
    line-height: 57px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 335px;
}

.ccm-faq-entry.entry-closed .form-group {
    display: none;
}

.ccm-faq-entry .form-group:last-of-type {
    margin-bottom: 0;
}

.ccm-edit-entry {
    position: absolute;
    right: 127px;
    top: 10px;
}

.ccm-delete-faq-entry {
    position: absolute;
    right: 41px;
    top: 10px;
}

.ccm-faq-block-container i:hover {
    color: #428bca;
}

.ccm-faq-block-container i.fa-arrows {
    cursor: move;
    font-size: 20px;
    padding: 5px;
    position: absolute;
    right: 5px;
    top: 6px;
}

.ccm-faq-block-container .ui-state-highlight {
    height: 57px;
    margin-bottom: 10px;
}

.ccm-faq-block-container .ui-sortable-helper {
    box-shadow: 0 10px 18px 2px rgba(54, 55, 66, 0.27);
}

.grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    /* background-color: #2196F3; */
    padding: 10px;
}

.grid-item {
    /* background-color: rgba(255, 255, 255, 0.8); */
    /* border: 1px solid rgba(0, 0, 0, 0.8); */
    /* padding: 20px; */
    /* font-size: 30px; */
    /* text-align: center; */
}

.grid-item:not(:first-child):not(:last-child) {
    padding-left: 1rem !important;
    padding-right: 5rem !important;
}
</style>