input[readonly],
textarea[readonly] {
    background-color: transparent;
    font-size: 1em;
    cursor: default !important;
}

#active-label.active {
    background-color: green;
    color: white;
}

#inactive-label.active {
    background-color: red;
    color: white;
}

button.copy-button {
    padding-top: 26px;
    padding-bottom: 26px;
}

#status-div .popover {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

#status-div .popover-title {
    background-color: transparent;
}

#status-div .popover.right > .arrow:after {
    border-right-color: #fcf8e3;
}

#grid-data_length {
    float: left;
}

#grid-data-toolbar {
    float: left;
    margin-left: 10px;
}

#grid-data tr.inactive {
    color: #d3d3d3;
}

.form-desc {
    margin-top: 5px;
}

.editable {
    display: block;
}

    .editable .item-value {
        display: inline-block;
        width: 90%;
    }

.form-control-inline {
    width: 66.66666667%;
    display: inline-block;
    height: 28px;
}

.input-editor .btn-options {
    position: relative;
    margin-top: -2px;
}

#detailsDialog .operationMessage.modal-message {
    right: auto;
    left: 20px;
}

/* Madal extra styles */
@media (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        margin: 1.75rem auto;
    }
}