/* compatible between Bootstrap and DevExtreme */
a.btn-primary {
    color: #fff;
}

.close {
    font-size: 19.5px;
}

/* Custom DevExtreme */
.dx-datagrid .dx-link-edit,
.dx-datagrid .dx-link-save,
.dx-datagrid .custom-link-edit {
    color: var(--bs-blue);
}

.dx-datagrid .dx-link-delete,
.dx-datagrid .dx-link-cancel {
    color: var(--bs-red);
}

.dx-datagrid-edit-popup .dx-error-message {
    white-space: pre;
}

.dx-button .dx-icon.fas,
.dx-toolbar-button .dx-button-has-text:not(.dx-button-back) .dx-icon.fas {
    font-size: 14px;
}

.dx-datebox-calendar .dx-dropdowneditor-icon {
    font-family: "Font Awesome 5 Pro" !important;
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.dx-datebox-calendar .dx-dropdowneditor-icon:before {
    content: "\f783" !important;
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused)>td:not(.dx-focused) {
    background-color: rgba(0, 150, 136, .04);
}

.dx-data-row.dx-state-hover:not(.dx-selection):not(.dx-row-inserted):not(.dx-row-removed):not(.dx-edit-row):not(.dx-row-focused)>td {
    color: rgba(0, 150, 136, .87);
}

.dx-htmleditor {
    min-height: 200px;
}

/* Custom */
a img {
    opacity: 1;
    transition: 0.3s;
}

a img:hover {
    opacity: 0.6
}

.gridcell-image {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
}