.pointer {
    cursor: pointer;
}

.dx-datagrid-header-panel {
    padding: 0;
}

.dx-datagrid-header-panel .dx-toolbar {
    margin: 0;
    padding-right: 20px;
    background-color: transparent;
}

.dx-datagrid-header-panel .dx-toolbar-items-container  {
    height: 70px;
}

.dx-datagrid-header-panel .dx-toolbar-before .dx-toolbar-item:last-child {
    padding-right: 10px;
}

.dx-datagrid-header-panel .dx-selectbox {
    margin: 17px 10px;
}

.dx-datagrid .dx-header-filter-empty {
    color: #d4d4d4 !important;
}

.dx-datagrid .dx-header-filter {
    color: #1ab394;
}

.dx-datagrid-header-panel .dx-button {
    margin: 17px 0;
}

.check-no-line-through .todo-completed {
    text-decoration: inherit;
}

.vich-form-image .thumbnail.vichPreview {
    min-height: 100px;
    padding-top: 25px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 33px;
    left: -1px;
    background: #fff;
    width: 100%;
}

.vich-form-image .vich-image {
    min-height: 50px;
}

.vich-form-image .vich-image a {
    margin-right: 10px;
}

.vich-form-image .thumbnail.vichPreview img,
.vich-form-image .vich-image img {
    box-shadow: 0 0 0 4px #fff,0 0 4px 3px #878f97;
    margin: 6px 4px 12px;
    max-height: 80px;
    max-width: 100%;
}

img.thumbnail-vich-image {
    box-shadow: 0 0 0 2px #fff,0 0 4px 1px #878f97;
    margin-bottom: 2px;
    margin-top: 2px;
    max-height: 50px;
    max-width: 100px;
}

.modal-backdrop {
    z-index: 950 !important;
}
.modal-dialog {
    z-index: 1050 !important;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 950px;
    }
}

.dx-header-filter-menu.dx-popup-wrapper {
    z-index: 2501 !important;
}

.dx-dropdowneditor-overlay.dx-datebox-wrapper-calendar {
    z-index: 2501 !important;
}

.form-check {
    padding-bottom: 1px;
}

label.required:before {
    content: "* ";
    color: darkred;
}

.note-editor.note-frame .note-editing-area .note-editable {
    height: 400px;
}

.color-picker {
    height: 30px;
    width: 70px;
    padding: 0px 2px;
}

#notification-content {
    width: 800px;
    border: 1px solid #e7eaec;
    //margin: auto;
}

.file-name {
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
    white-space: normal;
}

.alert {
    .alert-success {
        background-color: #d4edda;
        color: #155724;
    }

    .alert-error {
        background-color: #f8d7da;
        color: #721c24;
    }
}

.alert-inline {
    display: inline;
    margin-top: -0.5em;
    position: fixed;
    z-index: 1000;

    .alert-success {
        background-color: #d4edda;
        color: #155724;
    }

    .alert-error {
        background-color: #f8d7da;
        color: #721c24;
    }
}

pre.json-pre {
    background: #f5f5f5;
    padding: 0.5rem;
    border-radius: 0.25rem;
    font-family: Menlo, Monaco, Consolas, "Liberation Mono", Courier, monospace;
    font-size: 0.875rem;
    line-height: 1.4;
    max-height: 200px;
    overflow-y: auto;
}
.json-key {
    color: #c41a16;
    font-weight: bold;
}