//
// Table editable
//


.table-editable {
    .editable-input {
        .form-control {
            height: 2rem;
        }

    }

    a.editable {
        color: $table-color;
    }

    .editable-buttons {
        .btn {
            &.btn-sm {
                font-size: 12px;
            }
        }
    }

    tbody {
        td {
            &.focus {
                box-shadow: inset 0 0 1px 1px $primary !important;
            }
        }
    }
}

.dt-autofill-list {
    border: none !important;
    background-color: $card-bg !important;

    .dt-autofill-question,
    .dt-autofill-button {
        border-bottom-color: $gray-300 !important;
    }

    ul {
        li {
            &:hover {
                background-color: $gray-300 !important;
            }
        }
    }
}

.glyphicon {
    display: inline-block;
    font-family: "Material Design Icons";
    font-size: inherit;
    font-weight: 600;
    font-style: inherit;
}

.glyphicon-ok {
    &:before {
        content: "\F12C";
    }
}

.glyphicon-remove {
    &:before {
        content: "\F156";
    }
}

.editable-input {
    display: inline-block;
    margin-right: 10px;
}

.editable-buttons {
    display: inline-block;
}