/* Minification failed. Returning unminified contents.
(2083,40): run-time error CSS1046: Expect comma, found '0'
(2083,44): run-time error CSS1046: Expect comma, found '/'
(2915,51): run-time error CSS1038: Expected hex color, found '#f000'
(2915,58): run-time error CSS1038: Expected hex color, found '#f000'
(2915,63): run-time error CSS1019: Unexpected token, found ' '
(2915,63): run-time error CSS1042: Expected function, found ' '
(2915,63): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(3030,36): run-time error CSS1046: Expect comma, found '0'
(3030,40): run-time error CSS1046: Expect comma, found '/'
(3311,36): run-time error CSS1046: Expect comma, found '0'
(3311,40): run-time error CSS1046: Expect comma, found '/'
(3333,36): run-time error CSS1046: Expect comma, found '0'
(3333,40): run-time error CSS1046: Expect comma, found '/'
(3988,36): run-time error CSS1046: Expect comma, found '0'
(3988,40): run-time error CSS1046: Expect comma, found '/'
(6663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6665,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6850,15): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6851,18): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-size'
(6855,18): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6856,18): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-size'
(6865,16): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6866,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-size'
(6870,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6871,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-size'
(6875,15): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6876,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6877,16): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6883,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6884,16): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6895,17): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(6896,16): run-time error CSS1039: Token not allowed after unary operator: '-dm-mask-handle-padding'
(8040,40): run-time error CSS1046: Expect comma, found '0'
(8040,44): run-time error CSS1046: Expect comma, found '/'
(9163,44): run-time error CSS1046: Expect comma, found '0'
(9163,48): run-time error CSS1046: Expect comma, found '/'
(9168,43): run-time error CSS1046: Expect comma, found '0'
(9168,47): run-time error CSS1046: Expect comma, found '/'
 */
/* Dx Adjustment */
.dx-datagrid-rowsview .dx-row.dx-row-lines,
.dx-datagrid-rowsview .dx-row.dx-row-lines > td,
.dx-datagrid-rowsview .dx-row.dx-row-lines > tr > td,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row > td,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines > td,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines > tr > td {
    padding: 7px;
    line-height: 9px;
}

.dx-highlight-outline.dx-pointer-events-target {
    line-height: 9px;
}

.dx-datagrid-column-chooser-plain .dx-item.dx-treeview-item {
    white-space: pre;
}

div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row > td > .dx-treelist-text-content,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines > td > .dx-treelist-text-content,
div:not(.dx-gantt-treelist-wrapper) > .dx-treelist .dx-treelist-rowsview .dx-row.dx-row-lines > tr > td > .dx-treelist-text-content {
    overflow: visible;
}

.dx-treelist-icon-container {
    height: 9px;
}

.dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    padding-top: 2px;
    padding-bottom: 2px;
}
/*
.dx-row.dx-column-lines.dx-header-row {
    line-height: 1;
}
*/
.dx-scrollview-top-pocket, .dx-scrollview-bottom-pocket {
    display: none !important;
}

.dx-scrollable-scroll {
    z-index: 2;
}

.dm-link-container > a {
    text-decoration: none;
}

.dx-icon-chevrondoublebottom {
    transform: rotate(90deg) !important;
}
.dx-icon-chevrondoubletop {
    transform: rotate(-90deg) !important;
}
.dx-icon-chevrondoubletop::before,
.dx-icon-chevrondoublebottom::before {
    content: "\f03f";
    font-family: DXIcons;
    font-style: normal;
}

/* Base Component */
.dm-base-component-wrapper,
.dm-base-component-content-wrapper {
    height: 100%;
}

.dm-base-component-wrapper-with-toolbar {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
    .dm-base-component-wrapper-with-toolbar .dm-base-component-toolbar {
        flex: 0 1 auto;
    }
    .dm-base-component-wrapper-with-toolbar .dm-base-component-content-wrapper {
        flex: 1 0 0;
    }

/* dmPhotoGallery */
.dm-photogallery-item {
    overflow-x: hidden;
    white-space: nowrap;
}

    .dm-photogallery-item .dm-img-container {
        position: relative;
        text-align: center;
    }

    .dm-photogallery-item img {
        max-width: 100%;
        max-height: 100%;
    }

    .dm-photogallery-item .dm-buttons {
        position: absolute;
        top: 0px;
        left: 0px;
        background: black;
        color: white;
        box-shadow: black 0px 0px 5px;
    }

        .dm-photogallery-item .dm-buttons .dm-button {
            width: 30px;
            height: 30px;
            line-height: 30px;
            display: block;
            text-align: center;
        }

    .dm-photogallery-item.dm-photogallery-add {
        text-align: center;
    }

        .dm-photogallery-item.dm-photogallery-add .glyphicon {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
            font-size: 30px;
        }

.dm-where-row {
    margin-top: 5px;
    padding-left: 5px;
}

    .dm-where-row input, .dm-where-row select {
        height: 25px;
        padding: 2px 2px;
    }

    .dm-where-row > div + div {
        margin-top: 5px;
    }

    .dm-where-row label {
        margin-bottom: 0;
        line-height: 25px;
    }

/* Task */
.dm-task {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .dm-task .dm-task-tabs {
        border-radius: 4px;
        overflow: hidden;
    }

    .dm-task .dm-task-outcomes {
        margin-bottom: 13px;
    }

    .dm-task .dm-task-variables,
    .dm-task .dm-task-operations {
        padding-top: 20px;
    }

    .dm-task .dm-task-operation {
        position: relative;
    }

        .dm-task .dm-task-operation:not(.dm-task-operation-disabled) {
            cursor: pointer;
        }

        .dm-task .dm-task-operation .dm-task-operation-limits .btn {
            text-align: right;
        }

            .dm-task .dm-task-operation .dm-task-operation-limits .btn:hover {
                cursor: default;
            }

    .dm-task .dm-task-operation-name {
        font-size: 120%;
    }


    .dm-task .dm-task-info .panel-body .form-group > label {
        margin-bottom: 0px;
    }

    .dm-task .dm-task-search table.dm-task-search-results > thead > tr > th {
        padding-left: 5px;
        padding-right: 5px;
        white-space: nowrap;
    }

    .dm-task .dm-task-submit, .dm-task .dm-stop-take-in-charge, .dm-task .dm-take-in-charge {
        margin-bottom: 5px;
    }

.dm-presenter-horizontal .col-xs-3 {
    text-align: right;
}

@media screen and (min-width: 992px) {
    .dm-presenter-horizontal .col-md-3 {
        text-align: right;
    }

    .dm-task .dm-task-operation .dm-task-operation-limits {
        position: absolute;
        right: 25px;
        top: 50%;
        transform: translateY(-50%);
        text-align: right;
    }
}

.dm-row-task-in-charge-to-user {
    font-weight: bold;
}

@media screen and (max-width: 991px) {
    .dm-task .dm-task-operations .dm-task-operation-limits {
        margin-top: 5px;
        width: 100%;
    }

        .dm-task .dm-task-operations .dm-task-operation-limits .btn {
            text-align: center;
        }
}

/* dmDataGrid */
.dx-datagrid-rowsview .dx-row > td.dm-cell-html {
    line-height: 16px;
}

.dx-datagrid-rowsview .dx-row > td.dm-cell-wrap {
    padding-top: 2px;
    padding-bottom: 2px;
}

    .dx-datagrid-rowsview .dx-row > td.dm-cell-wrap span {
        white-space: pre-wrap;
        line-height: 16px;
    }

/* https://supportcenter.devexpress.com/ticket/details/t1096868/dxdatagrid-horizontal-scrollbar-usability-issue */
.dm-grid-betterscroll .dx-datagrid-rowsview .dx-scrollable-content,
.dm-grid-betterscroll .dx-treelist-rowsview .dx-scrollable-content {
    padding-bottom: 15px;
}

.dm-grid-betterscroll .dx-scrollable-scrollbar.dx-scrollbar-horizontal,
.dm-grid-betterscroll .dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 15px;
}

.dm-grid-betterscroll .dx-scrollable-scrollbar.dx-scrollbar-vertical,
.dm-grid-betterscroll .dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 15px;
}

.dm-grid-sidebar-border,
.dm-base-menu-commands-border,
.dm-profile-commands-border {
    border: 1px solid;
}

    .dm-grid-sidebar-border .dx-accordion-item
    .dm-base-menu-commands-border .dx-accordion-item,
    .dm-profile-commands-border .dx-accordion-item {
        border-left-width: 0;
        border-right-width: 0;
    }

    .dm-grid-sidebar-border .dx-accordion-item:first-child,
    .dm-base-menu-commands-border .dx-accordion-item:first-child,
    .dm-profile-commands-border .dx-accordion-item:first-child {
        border-top-width: 0;
    }

.dm-grid-sidebar-border-tabs,
.dm-base-menu-commands-border-tabs,
.dm-profile-commands-border-tabs {
    border-bottom-width: 0;
    border-left-width: 0;
    border-right-width: 0;
    table-layout: auto;
}

.dm-grid-container {
    height: 100%;
}

    .dm-grid-container .dm-os-dot {
        display: inline-block;
        margin-left: 6px;
        margin-right: 6px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }

.dm-grid-cell-template-pre {
    line-height: 1.42857143;
    white-space: pre-wrap;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.dm-grid-cell-with-pre-in-row {
    line-height: 1.42857143 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
/* sidebar */
.dm-base-menu-commands,
.dm-profile-commands {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .dm-grid-sidebar .dx-list-item-content,
    .dm-base-menu-commands .dx-list-item-content,
    .dm-profile-commands .dx-list-item-content {
        padding: 4px 10px 2px 10px;
    }

    .dm-grid-sidebar .dx-list-group-header,
    .dm-base-menu-commands .dx-list-group-header,
    .dm-profile-commands .dx-list-group-header {
        padding: 8px 10px 5px 10px;
        margin-top: 5px;
    }

    .dm-grid-sidebar .dx-list-group:first-of-type .dx-list-group-header,
    .dm-base-menu-commands .dx-list-group:first-of-type .dx-list-group-header,
    .dm-profile-commands .dx-list-group:first-of-type .dx-list-group-header {
        margin-top: 0;
    }

.dm-grid-tabs.dx-tabpanel .dx-tab {
    width: unset;
}

.dm-grid-tab-body {
    height: 100%;
    padding-top: 1px;
}

.dm-grid-tab-title {
    padding-left: 10px;
    padding-right: 10px;
}

.dm-grid-sidebar .dx-tab,
.dm-base-menu-commands .dx-tab
.dm-profile-commands .dx-tab {
    padding: 3px 3px 4px 3px;
}

    .dm-grid-sidebar .dx-tab.dx-tab-selected::after,
    .dm-base-menu-commands .dx-tab.dx-tab-selected::after,
    .dm-profile-commands .dx-tab.dx-tab-selected::after,
    .dm-grid-sidebar .dx-tab::after,
    .dm-base-menu-commands .dx-tab::after,
    .dm-profile-commands .dx-tab::after {
        border-color: transparent;
    }

    .dm-grid-sidebar .dx-tab.dx-tab-selected::after,
    .dm-base-menu-commands .dx-tab.dx-tab-selected::after,
    .dm-profile-commands .dx-tab.dx-tab-selected::after {
        border-color: transparent !important;
    }

.dm-grid-sidebar .dx-menu-items-container,
.dm-base-menu-commands .dx-menu-items-container,
.dm-profile-commands .dx-menu-items-container {
    width: 100%;
}

.dm-grid-sidebar .dx-accordion-item-title,
.dm-base-menu-commands .dx-accordion-item-title,
.dm-profile-commands .dx-accordion-item-title {
    padding: 8px 12px 7px 12px;
    font-size: 14px;
}

.dm-grid-sidebar .dx-accordion-item,
.dm-base-menu-commands .dx-accordion-item,
.dm-profile-commands .dx-accordion-item {
    /*margin-bottom: 3px;*/
}

.dm-grid-sidebar .dx-accordion,
.dm-base-menu-commands .dx-accordion,
.dm-profile-commands .dx-accordion {
    background-color: transparent;
}

.dm-grid-sidebar .dx-accordion-item-body,
.dm-base-menu-commands .dx-accordion-item-body,
.dm-profile-commands .dx-accordion-item-body {
    padding: 8px 12px;
}

.dm-grid-sidebar .dx-accordion-item .dx-accordion-item-title::before,
.dm-base-menu-commands .dx-accordion-item .dx-accordion-item-title::before,
.dm-profile-commands .dx-accordion-item .dx-accordion-item-title::before {
    content: "\f002";
}

.dm-grid-sidebar .dx-accordion-item-opened .dx-accordion-item-title::before,
.dm-base-menu-commands .dx-accordion-item-opened .dx-accordion-item-title::before,
.dm-profile-commands .dx-accordion-item-opened .dx-accordion-item-title::before {
    content: "\f001";
}

.dm-grid-btn-close::before {
    content: "\f00a";
    font: 12px DXIcons;
    margin-left: 5px;
}

.dm-grid-tab-loading {
    font: 115%/1 DXIcons;
    margin-right: 5px;
}

.dm-grid-tabs .dx-tabpanel-tabs .dx-tab.dx-tab-selected::after {
    border-style: solid;
    border-width: 1px 0 0 0;
}

.dm-grid-tabs.dx-tabpanel > .dx-tabpanel-container > .dx-multiview-wrapper {
    border: none;
}

.dm-grid-tabs.dx-tabpanel .dm-field-filters-fields-container .dx-multiview-item-content {
    border: none;
    /*  border-width: 1px;
    border-style: solid;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: none;*/
}

.dm-grid-tabs.dx-tabpanel .dx-tab-selected::before {
    border-bottom: none;
}

.dm-grid-tabs.dm-grid-tabs-tabs-visible .dm-mask {
    margin-top: 2px;
}

.dm-grid-sidebar .dx-tabs,
.dm-base-menu-commands .dx-tabs,
.dm-profile-commands .dx-tabs {
    display: table;
}

.dm-grid-sidebar .dx-tabs-wrapper,
.dm-base-menu-commands .dx-tabs-wrapper,
.dm-profile-commands .dx-tabs-wrapper {
    display: table-row;
}

.dm-grid-sidebar .dx-tab,
.dm-base-menu-commands .dx-tab,
.dm-profile-commands .dx-tab {
    display: table-cell;
    text-align: center;
}
/*.dx-popup-title.dx-toolbar {
    padding-top: 0;
    padding-bottom: 0;
}*/
.dm-grid-container .dx-datagrid-rowsview .dx-row > td.dm-grid-cell-bool {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}
/*
.dm-grid-container .dx-datagrid-content .dx-datagrid-table .dx-row > td {
    vertical-align: middle;
}*/

.dm-grid-cell-bool .dx-icon-check {
    font-size: 12px;
    color: inherit;
}

.dm-choose-profile-data-element {
    margin-bottom: 15px;
}

    .dm-choose-profile-data-element label {
        line-height: 36px;
    }

.dm-choose-profile-data-element-inline {
    width: 100%;
}

.dm-grid-cell-with-image-image {
    height: 14px;
    margin-bottom: -4px;
    margin-top: -7px;
}

.dm-grid-cell-with-image-text {
    margin-left: 5px;
}
/* dxDrawer panel size fix for when the grid is created hidden, for example inside a bootstrap tab */
.dm-grid-tabs .dx-drawer:not(.dm-drawer-container) .dx-drawer-panel-content {
    width: 250px !important;
    margin-left: -250px !important;
    transition: margin-left 50ms ease !important;
}

.dm-mails-grid.dx-drawer .dx-drawer-panel-content {
    width: 250px !important;
}

.dm-grid-tabs .dx-drawer:not(.dm-drawer-container).dx-drawer-opened .dx-drawer-panel-content {
    margin-left: 0 !important;
}

.dm-read-only-column-in-editing-state {
    background-color: #e3e3e3;
    opacity: 0.5;
    color: black;
}

/* utility */
.dm-spin {
    display: inline-block;
    animation: dm-spin 4s infinite linear;
}

@keyframes dm-spin {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.dm-explanation-grid-paragraph {
    font-style: italic;
    margin: 3px 3px 2px 3px;
}

/* chosen */
.dm-select-chosen .chosen-container {
    min-height: 30px;
}

    .dm-select-chosen .chosen-container .chosen-single {
        height: 100%;
        box-shadow: none;
        border-radius: 3px;
        background-image: none;
    }

        .dm-select-chosen .chosen-container .chosen-single > span {
            line-height: 30px;
        }

        .dm-select-chosen .chosen-container .chosen-single > div {
            top: 3px;
        }

/* EML Viewer */
.dm-presenter-eml-viewer, .dm-presenter-eml-viewer .dm-mail-body {
    border: 1px solid grey;
    border-radius: 4px;
}

.dm-presenter-emlViewerBox > .note-editor, .dm-mask-htmleditor > .note-editor, .dm-mask-field-presenter > .note-editor, .dm-mask-presenter-tabbed-body > .note-editor {
    background: white;
}

    .dm-presenter-eml-viewer {
        padding: 10px;
    }

    .dm-presenter-eml-viewer .dx-tag .dx-icon-download {
        margin-left: 5px;
    }

    .dm-presenter-eml-viewer .dx-tag a {
        color: inherit;
    }

    .dm-presenter-eml-viewer > table {
        width: 100%;
        margin-bottom: 10px;
    }

    .dm-presenter-eml-viewer .dm-title {
        font-weight: bold;
        width: 100px;
    }

    .dm-presenter-eml-viewer .dx-tagbox.dx-state-readonly .dx-tag-remove-button {
        display: none;
    }

    .dm-presenter-eml-viewer .dx-tagbox.dx-state-readonly .dx-tag-content,
    .dm-presenter-eml-viewer .dx-tagbox .dx-tag-content.dm-add-attachment {
        padding-right: 6px;
        min-width: 30px;
    }

    .dm-presenter-eml-viewer .dx-fileuploader-input-wrapper::before,
    .dm-presenter-eml-viewer .dx-fileuploader-input-wrapper::after {
        margin-top: 0;
        margin-bottom: 0;
    }

    .dm-presenter-eml-viewer .dm-uploads {
        width: 100%;
        table-layout: fixed;
    }

        .dm-presenter-eml-viewer .dm-uploads td:first-child {
            width: 18px;
        }

    .dm-presenter-eml-viewer .dx-fileuploader-input-wrapper,
    .dm-presenter-eml-viewer .dx-fileuploader-input,
    .dm-presenter-eml-viewer .dx-fileuploader-wrapper {
        padding: 0;
    }

    .dm-presenter-eml-viewer .dx-fileuploader-input-container {
        line-height: 10px;
        font-size: 95%;
    }

    .dm-presenter-eml-viewer .dx-fileuploader-files-container {
        display: none;
    }

    .dm-presenter-eml-viewer .dx-button-has-text .dx-button-content {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .dm-presenter-eml-viewer .dm-mail-body {
        width: 100%;
        min-height: 400px;
    }

.dm-mail .dm-submit-container .dm-submit {
    margin: 15px 0 0 0;
}

/* dmMailsGrid */
.dx-datagrid .dx-row > td.dm-email-status {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

.dx-datagrid .dx-row > td.dm-email-tags {
    padding-top: 3px;
    padding-bottom: 0;
}

    .dx-datagrid .dx-row > td.dm-email-tags .badge {
        margin-right: 5px;
        padding-top: 1px;
        padding-bottom: 3px;
    }

.dm-email-status img {
    height: 20px;
}

/* LookupEdit */
.dm-presenter-lookup-edit .dx-dropdowneditor-input-wrapper .dx-tag-content {
    padding-top: 0;
    padding-bottom: 1px;
    padding-right: 6px;
    white-space: nowrap;
}

    .dm-presenter-lookup-edit .dx-dropdowneditor-input-wrapper .dx-tag-content .dx-tag-remove-button {
        display: none;
    }

.dm-presenter-lookup-edit .dx-tag-container .dx-texteditor-input {
    min-height: 30px;
    height: 30px;
}

/* Label */
.dm-presenter-label {
    white-space: pre-wrap;
}

/* dmProcessesGrid */
.dm-configuration-tasks-grid .dx-progressbar-container,
.dm-tasks-grid .dx-progressbar-container,
.dm-processes-grid .dx-progressbar-container {
    height: 18px;
}

.dm-configuration-tasks-grid .dx-progressbar-range,
.dm-tasks-grid .dx-progressbar-range,
.dm-processes-grid .dx-progressbar-range {
    transition: none !important;
    line-height: 15px;
    font-size: 90%;
    text-align: center;
}

.dm-configuration-tasks-grid .dm-processes-grid-percentage,
.dm-tasks-grid .dm-processes-grid-percentage,
.dm-processes-grid .dm-processes-grid-percentage {
    padding: 0 3px !important;
}

.dm-configuration-tasks-grid .dm-processes-grid-state,
.dm-tasks-grid .dm-processes-grid-state,
.dm-processes-grid .dm-processes-grid-state {
    padding: 1px !important;
}

    .dm-configuration-tasks-grid .dm-processes-grid-state img,
    .dm-tasks-grid .dm-processes-grid-state img,
    .dm-processes-grid .dm-processes-grid-state img {
        height: 21px;
    }
/*.dm-configuration-tasks-grid .dx-treelist-icon-container,
.dm-tasks-grid .dx-treelist-icon-container,
.dm-processes-grid .dx-treelist-icon-container {
    font-size: 9px !important;
    line-height: 9px !important;
    height: 9px !important;
}*/

.dm-processes-grid .dx-treelist-rowsview .dx-treelist-collapsed span:before,
.dm-processes-grid .dx-treelist-rowsview .dx-treelist-expanded span:before {
    margin-top: -3px;
    margin-left: 2px;
}

/* preview panel */
.dm-preview-panel {
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .dm-preview-panel .dm-preview-panel-combo {
        flex: 0 0 30px;
    }

    .dm-preview-panel .dm-preview-panel-iframe {
        flex: 1 1 0;
    }

        .dm-preview-panel .dm-preview-panel-iframe iframe {
            height: 100%;
            width: 100%;
            border: none;
        }

.dm-field-description {
    font-style: italic;
    color: #888888;
    font-size: 95%;
}

/* field filters */
.dm-field-filters-container-tabbed .dx-item-content.dx-multiview-item-content {
    /*padding: 4px 10px 10px 10px;*/
    padding: 10px;
}

.dm-field-filters {
    display: table;
    width: 100%;
    border-collapse: collapse;
    max-height: 100%;
}

.dm-field-filters-row {
    display: table-row;
}

.dm-field-filters-row-hidden {
    display: none !important;
}

.dm-field-filter-category-name-container {
    margin: 3px;
}

.dm-field-filter-category-name-text {
    font-weight: 400;
    margin-bottom: 5px;
    white-space: nowrap;
}

.dm-field-filters-cell {
    display: flex;
    flex-direction: row;
    padding: 3px;
}

    .dm-field-filters-cell > .dx-selectbox {
        flex: 1 0 0;
    }

    .dm-field-filters-cell > .dx-buttongroup {
        flex: 0 1 0;
        padding-left: 5px;
    }

.dm-field-filters-row-end-content {
    display: flex;
    flex-direction: row;
    align-items: end;
}

.dm-field-filters-category-separator > div {
    padding: 4px;
    display: table-cell;
}

.dm-field-filters-category-separator {
    border-bottom: 1px solid;
}

    .dm-field-filters-category-separator hr {
        margin: 5px;
    }

@media only screen and (min-width: 751px) {
    .dm-field-filters-row-start, .dm-field-filters-row-center, .dm-field-filters-row-end {
        display: table-cell;
        /*padding: 3px;*/
        padding: 6px 0 0 0;
    }
}

@media only screen and (max-width: 750px) {
    .dm-field-filter-category-name-text {
        margin-top: 0;
    }

    .dm-field-filters-row:not(.dm-field-filters-category-separator) {
        padding-top: 6px;
    }

    .dm-field-filters-row,
    .dm-field-filters-row-start,
    .dm-field-filters-row-center,
    .dm-field-filters-row-end {
        display: block;
    }

    .dm-field-filters-row-end-content {
        flex-direction: column;
    }

    .dm-field-filters-operands-buttons {
        display: table-row;
        margin: 0 auto;
    }

        .dm-field-filters-operands-buttons .dx-buttongroup {
            margin: 5px auto;
        }
}

.dm-field-filters .dx-button-has-text .dx-button-content {
    padding-left: 10px;
    padding-right: 10px;
}

.dm-field-presenter {
    margin-right: 6px;
}

    .dm-field-presenter + .dm-field-presenter {
        margin-top: 5px;
    }

.dm-field-filters-last {
    /*    display: flex;
    flex-direction: row;*/
}

.dm-field-filters-last-without-operands {
    vertical-align: middle;
}

.dm-field-filters-buttons {
    flex: 0 0 0;
    align-self: center;
}

    .dm-field-filters-buttons .dx-button-has-text .dx-button-content {
        /* padding-left: 13px;
    padding-right: 13px;*/
    }

.dm-field-filters-operand {
    width: 100%;
}

.dm-field-filters-field-label-text {
    margin: 4px;
    white-space: nowrap;
}

.dm-field-filters-operand > .dx-checkbox-container {
    margin-top: -4px; /*7px*/
}

.dx-treeview-node .dm-field-filters-operands > .dx-checkbox {
    position: relative;
}

.dx-treeview div.dx-treeview-item .dm-field-filters .dx-icon {
    margin-right: 0;
}

.dm-pages-mask-monaco-editor {
    width: 100%;
    height: 28vh;
}

.dm-pages-mask-monaco-editor-title {
    margin-bottom: 10px;
}

/* view wizard */
.dm-view-wizard-page {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dm-view-wizard-head {
    flex: 0 1 0;
    border-bottom: 1px solid;
    padding: 0 20px 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.dm-view-wizard-body {
    flex: 1 0 0;
    overflow-y: auto;
    padding: 10px 20px 10px 20px;
}

.dm-view-wizard-foot {
    flex: 0 1 0;
    padding: 7.5px 20px;
    border-top: 1px solid;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

.dm-view-wizard-foot-section {
    display: flex;
    gap: 5px;
    flex: 1 0 auto;
}

.dm-view-wizard-foot-left {
    justify-content: left;
}

.dm-view-wizard-foot-right {
    justify-content: right;
}

@media only screen and (max-width: 500px) {
    .dm-view-wizard-foot-button {
        width: 50%;
    }
}

/* Preview Panel */
.dm-ppanel-iframe {
    width: 100%;
    border: none;
}

.dm-ppanel-domcontent,
.dm-ppanel-iframe {
    padding-top: 10px;
    flex: 1 0 0;
    display: none;
}

.dm-ppanel-domcontent {
    overflow: hidden;
}

.dm-ppanel-with-iframe .dm-ppanel-iframe {
    display: block;
}

.dm-ppanel-with-domcontent .dm-ppanel-domcontent {
    display: flex;
}

.dm-ppanel-body {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dm-ppanel-container-lookup {
    flex: 0 1 0;
    display: flex;
    flex-direction: row;
}

    .dm-ppanel-container-lookup span {
        flex: 0 1 0;
        padding-right: 5px;
        align-self: center;
    }

.dm-ppanel-lookup {
    flex: 1 0 0;
}

/* popup*/
.dm-popup {
    display: flex;
    flex-direction: column;
    border: 0;
}

.dm-popup, .dm-popup-head, .dm-popup-body, .dm-popup-foot, .dm-popup-foot-scroll-view-container {
    width: 100%;
}

    .dm-popup-foot > .dm-popup-foot-button:not(:first-child),
    .dm-popup-foot-scroll-view > .dm-popup-foot-button:not(:first-child) {
        margin-left: 5px;
    }

.dm-popup-foot-scroll-view {
    white-space: nowrap;
}

.dm-popup .dm-popup-head {
    flex: 0 1 40px;
    padding: 0 20px 0 20px;
    border-width: 0;
    border-bottom: 1px solid;
    display: flex;
    flex-direction: row;
}

.dm-popup-head-toolbar {
    align-self: center;
    flex: 1 1 0;
}

.dm-popup .dm-popup-body {
    flex: 1 0 0;
    overflow-y: hidden;
    padding: 10px 15px;
}

.dm-overflow-visible {
    overflow: visible;
}

@media only screen and (max-width: 768px) {
    .dm-popup .dm-popup-body {
        padding: 5px;
    }
}

.dm-popup .dm-popup-foot {
    flex: 0 1 0;
    padding: 7.5px 20px;
    border-top: 1px solid;
    text-align: center;
}

/* DmConfigurationBaseGrid*/
.dm-configuration-base-grid {
    width: 100%;
}

.dm-configuration-base-structure {
    display: flex;
    height: 100%;
}

.dx-tabpanel-container .dm-configuration-base-structure {
    padding: 1px 1px 0 1px;
}

.dx-tabpanel-container .dm-configuration-base-structure-horizontal {
    margin: 0 1px;
}

.dm-configuration-base-structure-horizontal {
    flex-direction: column;
}

.dm-configuration-base-structure-vertical .dm-configuration-operation-container-screen {
    flex: 0 0 auto;
    height: 100%;
}

.dm-configuration-operation-container-separator {
    height: 100%;
    flex: 0 0 5px;
}

.dm-configuration-buttons-vertical {
    border: 1px solid;
    height: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.dm-configuration-buttons-horizontal {
    margin-bottom: 2px;
    border: 1px solid;
    width: 100%;
    text-align: center;
    display: flex;
}

.dm-configuration-base-structure-vertical .dm-configuration-grid-container {
    flex: 1 0 0;
    width: calc(100% - 40px);
}

.dm-configuration-base-structure-horizontal .dm-configuration-grid-container {
    flex: 1 0 0;
    width: 100%;
}

.dm-configuration-grid .dx-datagrid.dx-datagrid-borders > .dx-datagrid-rowsview.dx-last-row-border tbody:last-child > .dx-data-row:nth-last-child(2) > td {
    border-bottom-width: 1px;
}

.dm-configuration-button {
    padding: 2px;
    cursor: pointer;
    display: flex;
}

.dm-configuration-button-image {
    max-width: 28px;
    height: 28px;
    line-height: 28px;
    margin: auto;
}

.dm-configuration-button-label {
    flex: 1 0 0;
    line-height: 28px;
    font-size: 14px;
}

.dm-configuration-button span {
    display: block;
    text-align: left;
    padding: 0 2px;
}

.dm-configuration-button-separator-vertical {
    width: 100%;
    height: 0;
    border-top: 1px solid;
    margin: 2px 0;
}

.dm-configuration-button-separator-horizontal {
    width: 0;
    border-left: 1px solid;
    margin: 0 2px;
}

.dm-configuration-button-enabled {
    cursor: pointer;
}

.dm-configuration-button-disabled {
    cursor: inherit;
    opacity: 0.3;
}

.dm-configuration-button-active {
    background-color: #707070;
}

.dm-configuration-button-enabled:hover {
    opacity: 0.7;
}

.dm-global-configuration-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dm-global-configuration-body {
    flex: 1 0 0;
    overflow: hidden;
}

.dm-global-configuration-foot {
    padding: 5px;
    padding-top: 10px;
    flex: 0 0 auto;
}

.dm-property-inspector-description {
    padding: 5px 20px;
    margin-bottom: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
}

/* Expression Editor */
.dm-expression-editor {
    margin: 10px 0 25px 0;
}

.dm-expression-editor-expression-field {
    /*    margin: 0 15px;*/
}

.dm-expression-editor-buttons-container {
    margin: 5px 15px;
    text-align: center;
}

.dm-expression-editor-elements-container {
    margin: 5px auto;
    display: flex;
    height: 100%;
}

.dm-expression-editor-select-box {
    margin-bottom: 4px;
    flex: 1 0 0;
}

.dm-expression-editor-element {
    margin: 10px 15px;
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dm-expression-editor-box-element:not(.dm-expression-editor-box-element-description) {
    border: 1px solid;
    border-radius: 5px;
    overflow: auto;
}

.dm-expression-editor-box-element-description-container {
    border: 1px solid;
    border-radius: 5px;
}

.dm-expression-editor-box-element-description {
    padding: 5px 10px;
    overflow: hidden;
}

.dm-expression-editor-category-buttons {
    margin: 0 10px;
    display: inline-block;
}

.dm-expression-editor-button {
    margin: 2px;
}

.dm-expression-editor-selection-label {
    margin: 0;
    padding: 3px 7px;
}

    .dm-expression-editor-selection-label:hover {
        cursor: pointer;
    }

.dm-configuration-class-types {
    display: flex;
    width: 100%;
}

.dm-configuration-class-types-list {
    margin-left: 3px;
}

.dm-class-types-configuration-mask {
    flex: 1 0 0;
    margin-left: 4px;
    height: 100%;
}

.dm-popup-body .dm-class-types-configuration-mask {
    margin-left: 0;
}

.dm-class-types-configuration-mask-default-masks-button-container {
    display: flex;
    flex: 0 0 0;
    margin: 30px 0;
}

    .dm-class-types-configuration-mask-default-masks-button-container > div {
        margin: auto;
        line-height: 14px;
        font-size: 14px;
    }

    .dm-class-types-configuration-mask-default-masks-button-container .dx-button-has-text .dx-icon {
        width: 25px;
        height: 25px;
        background-size: 25px 25px;
        line-height: 25px;
        font-size: 25px;
    }

.dm-not-aligned-item-group {
    width: auto;
}

.dm-grid-settings-container {
    /*height: 100%;*/
    height: calc(100% - 10px);
    margin: 5px;
    display: flex;
}

.dm-grid-settings-buttons-container {
    display: flex;
    flex-direction: column;
    margin: 0 5px;
    flex: 0 0 0;
}

.dm-grid-settings-tree-view-source {
    flex: 1 0 0;
    padding-right: 15px;
}

.dm-grid-settings-tree-view-destination {
    flex: 1 0 0;
}

.dm-grid-settings-container .dm-grid-settings-tree-view-source .dx-item.dx-treeview-item {
    margin-top: -1px;
    border-width: 1px;
    border-style: solid;
}

.dm-grid-settings-container .dx-item.dx-treeview-item {
    padding-left: 2px;
    padding-right: 2px;
}

.dm-grid-settings-container .dx-treeview-node.dx-treeview-item-without-checkbox > .dx-item.dx-treeview-item {
    padding: 0;
    min-height: 25px;
    line-height: 25px;
}

    .dm-grid-settings-container .dx-treeview-node.dx-treeview-item-without-checkbox > .dx-item.dx-treeview-item > span {
        line-height: 25px;
    }

.dm-grid-settings-source-item img {
    height: 20px;
    margin-top: -4px;
}

.dm-grid-settings-destination-item:hover {
    border: 2px solid;
}

.dm-grid-settings-source-item {
    display: flex;
}

.dm-grid-settings-source-item-img-container {
    width: 33px;
    text-align: center;
}

.dm-grid-settings-source-item img {
    height: 24px;
}

.dm-grid-settings-source-item span {
    line-height: 24px;
}

.dm-grid-settings-source-item-without-img span {
    margin-left: 33px;
    line-height: 24px;
}

.dm-grid-settings-destination-item {
    text-align: center;
    border-radius: 5px;
    /*height: 35px;*/
    margin: 5px 0;
    border-width: 1px;
    border-style: solid;
}

    .dm-grid-settings-destination-item span {
        /*line-height: 35px;*/
    }

.dm-grid-settings-button {
    margin-bottom: 5px;
}

/* presenter hyperlink */
.dm-presenter-hyperlink > .btn {
    height: 30px;
    line-height: 16px;
}

.dm-security-identity-class-types-container {
    display: flex;
    height: 100%;
}

.dm-security-identity-class-types-left-side {
    display: flex;
    flex-direction: column;
    flex: 0 0 260px;
    max-width: 300px;
    margin-right: 10px;
    height: 100%;
}

.dm-security-identity-class-types-grants-grid {
    height: 100%;
    flex: 1 0 0;
}

.dm-tree-list-cell-with-icon-container {
    padding: 3px !important;
}

.dm-tree-list-cell-with-icon {
    display: flex;
    align-items: center;
}

.dm-tree-list-cell-icon {
    flex: 0 0 14px;
    height: 14px;
    align-content: center;
}

.dm-tree-list-cell-with-icon-span {
    flex: 1 0 0;
    margin-left: 5px;
    line-height: 18px;
}

.dm-command-separator {
    margin: 8px 0 0 0;
}

.dm-security-identity-picker-body {
    height: 100%;
}

.dm-class-types-configuration-mask .dx-tabpanel-container .dx-form {
    padding: 10px;
}

.dm-popup-body.dm-popup-for-configuration .dx-item-content.dx-multiview-item-content,
.dm-popup-body.dm-configuration-mask .dx-item-content.dx-multiview-item-content,
.dm-global-configuration .dx-item-content.dx-multiview-item-content {
    padding: 10px 10px;
}

.dm-property-inspector-description-title-with-no-text {
    margin-top: 20px;
    margin-bottom: 20px;
}

.dm-registers-mask-code-button {
    margin: 0 5px;
}

/* ClassType Diagram */
.dm-class-type-diagram-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.dm-class-type-diagram .dx-diagram-content .dxdi-control {
    position: relative;
}

.dm-class-type-diagram text.dm-class-type-diagram-class-type-field-for-export {
    text-anchor: start;
}

.dm-class-type-diagram-logo {
    right: 85px;
    bottom: 12px;
    background-image: url('/Content/Images/Scritta_DM_SfondoBianco.png');
    background-size: cover;
    height: 50px;
    position: absolute;
    width: 270px;
    pointer-events: none;
    opacity: 0.5;
}

.dm-class-type-diagram-fields-grid {
    /*margin-left: 1px;*/
}

.dm-class-type-diagram .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-input-container,
.dm-class-type-diagram .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel,
.dm-class-type-diagram .dx-diagram-toolbox-popup .dx-popup-content .dx-diagram-toolbox-panel .dx-accordion {
    width: 166px;
}

/* Search Filters */
.dm-search-filters-container {
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dm-search-filters-header-form {
    flex: 0 1 0;
}

.dm-search-filters-header-form-visible {
    padding: 0 0 20px 0;
}

.dm-field-filters-container {
    padding: 0 0 10px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}

    .dm-field-filters-container .dm-field-filters-search-box {
        flex: 0 1 0;
        padding-bottom: 5px;
    }

    .dm-field-filters-container .dm-field-filters-fields-container {
        flex: 1 0 0%;
    }

.dm-field-filters-fields-container {
    overflow: hidden;
}

.dm-field-fitlers-no-fields-message {
    display: none;
    text-align: center;
}

.dm-search-filters-field-filters {
    flex: 1 0 0%;
    overflow: hidden;
}

.dm-search-filters-search-button-container {
    flex: 0 1 0;
    text-align: right;
    padding-top: 5px;
}

.dm-search-filters-search-button {
    min-width: 100px;
    margin: 0 0 0 5px;
}

    .dm-search-filters-search-button:first-of-type {
        margin: 0;
    }

@media only screen and (max-width: 750px) {
    .dm-search-filters-search-button:first-of-type {
        margin-left: 5px;
    }

    .dm-search-filters-search-button-container {
        display: flex;
        flex-wrap: wrap;
    }

    .dm-search-filters-search-button {
        width: 100%;
        margin-top: 10px;
        z-index: 1;
    }

    .dm-field-filters-operands {
        padding-left: 3px;
        padding-right: 3px;
        padding-top: 2px;
    }
}

@media only screen and (min-width: 751px) {
    .dm-field-filters-operands {
        flex: 0 1 260px;
        margin-right: 6px;
        width: 260px;
        max-width: 260px;
    }

    .dm-field-filters-row-center > .dm-field-filters-cell {
        margin-right: 3px;
    }
}

.dm-search-filters-no-filter-text {
    text-align: center;
    flex: 100 0 0;
}

.dm-search-filters-container .dm-field-filters {
    /*min-width: 600px;*/
}

/* dm-tiles-footer */
.dm-tiles-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    transition: 0.3s;
    /*overflow-y: hidden;*/
}

    .dm-tiles-footer.dm-tiles-footer-swipe {
        height: 130px;
        border-top: 1px solid;
    }

.dm-tiles-footer-inner.dm-tiles-footer-inner-scrollable {
    overflow: auto;
}

.dm-tiles-footer-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*display: flex;*/
}

.dm-tiles-footer-linguetta {
    height: 25px;
    width: 45px;
    margin: 0 auto;
    border: 1px solid;
    position: absolute;
    left: calc(50% - 22.5px);
    top: -25px;
    cursor: pointer;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-width: 0;
    font-size: 20px;
}

.dm-tiles-footer-linguetta > i {
    transition: transform 0.3s;
}

.dm-tiles-footer .dm-tiles-footer-button {
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    cursor: pointer;
}

.dm-tiles-footer .dm-tiles-footer-button {
    margin-right: 15px;
}

.dm-tiles-footer .dm-tiles-footer-description-label {
    height: 104px;
    line-height: 104px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20px;
    margin-right: 20px;
    overflow: auto;
    margin-top: 10px;
}

.dm-tiles-footer .dm-tiles-footer-button:not(.dm-tiles-footer-button-separator) {
    /*width: 120px;*/
    padding: 22.5px 15px 12.5px 15px;
}

.dm-tiles-footer .dm-tiles-footer-button-selected {
    border: 1px solid;
    padding: 21.5px 14px 11.5px 14px;
    border-radius: 7px;
}

    .dm-tiles-footer .dm-tiles-footer-button-selected.dm-tiles-footer-button-selected-with-icon {
        padding-top: 12px;
        margin-top: 10px;
    }

.dm-tiles-footer .dm-tiles-footer-button-separator {
    border-right: 1px solid;
    height: calc(100% - 30px);
    margin-top: 15px;
    margin-right: 15px;
    width: 0;
    display: inline-block;
}

.dm-tiles-footer .dm-tiles-footer-button-image {
    background-position: center;
    background-size: cover;
    width: 53px;
    height: 53px;
    margin: 0 auto -5px auto;
}

.dm-tiles-footer .dm-tiles-footer-button-image {
    font-size: 35px;
    padding: 8px;
    border-radius: 100%;
    border: 1px solid;
}

.dm-tiles-footer .dm-tiles-footer-button-with-icon {
    margin-top: 8px;
}

.dm-tiles-footer .dm-tiles-footer-button-image:hover {
    border-color: white;
    border-width: 2px;
}

.dm-tiles-footer .dm-tiles-footer-button-text {
    font-size: 14px;
    margin-top: 10px;
}

.dm-tiles-footer .dm-tiles-footer-button-with-icon .dm-tiles-footer-button-text {
    margin-top: 13px;
}

.dm-form-group-item-with-no-padding > .dx-field-item-content > .dx-form-group-with-caption,
.dm-form-group-item-with-no-padding > .dx-field-item-content > .dx-form-group.dx-form-group-with-caption {
    padding-left: unset;
}

.dx-toolbar .dx-toolbar-item.dm-toolbar-count {
    padding-left: 5px;
}

/* Process Follower */
.dm-popup-body.dm-process-follower-popup-element-container {
    padding: 10px 5px;
}

.dm-process-follower-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dm-process-follower-content {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 5px;
}

.dm-process-follower-main-container {
    padding: 0 10px;
}

.dm-process-follower-process-notes-container {
    border-top: 1px solid;
    padding-top: 5px;
    flex: 0 0 315px;
    max-height: 315px;
}

.dm-process-follower-process-notes {
    height: 310px;
}

.dm-process-follower-children-container {
    padding-top: 5px;
    padding-left: 30px;
}

.dm-process-follower-child-process-container {
    padding-top: 15px;
}

.dm-process-follower-infos {
    padding-bottom: 10px;
}

.dm-process-follower-container .dx-datagrid-rowsview .dx-row > td.dm-grid-cell-bool {
    padding-top: 0;
    padding-bottom: 0;
    vertical-align: middle;
}

.dm-process-follower-messages {
    padding-top: 10px;
}

.dm-process-follower-infos {
    display: flex;
}

.dm-process-follower-info-item {
    flex: 1 0 0;
}

.dm-process-follower-percentage {
    width: calc(100% - 1px);
}

    .dm-process-follower-percentage .dx-progressbar-container {
        height: 30px;
    }

    .dm-process-follower-percentage .dm-process-follower-progress-percentage-text {
        line-height: 30px;
    }

    .dm-process-follower-percentage .dx-progressbar-range {
        text-align: center;
    }

        .dm-process-follower-percentage .dx-progressbar-range.dm-progressbar-status-idle {
            background-color: #7ac4e8;
            border-color: #7ac4e8;
        }

        .dm-process-follower-percentage .dx-progressbar-range.dm-progressbar-status-error {
            background-color: #e40000;
            border-color: #e40000;
        }

        .dm-process-follower-percentage .dx-progressbar-range.dm-progressbar-status-success {
            background-color: #52d200;
            border-color: #52d200;
        }

.dm-process-follower-title,
.dm-process-follower-title-icon {
    display: inline-block;
}

.dm-process-follower-title {
    margin: 0;
}

.dm-process-follower-title-icon {
    height: 24px;
    margin-right: 5px;
    margin-bottom: 6px;
    border: 0;
    vertical-align: middle;
}

.dm-process-follower-header-button {
    display: inline-block;
    margin-left: 5px;
    vertical-align: top;
}

    .dm-process-follower-header-button:first-of-type {
        margin-left: 20px;
    }

.dm-process-follower-child-process-container .dm-process-follower-buttons-container {
    margin-top: -3px;
}

.dm-process-follower-child-process-container .dm-process-follower-header-button:first-of-type {
    margin-left: 10px;
}

.dm-process-follower-child-title-box {
    display: flex;
    padding-bottom: 2px;
}

    .dm-process-follower-child-title-box .dm-process-follower-title-icon {
        margin-bottom: 0;
        margin-top: -1px;
    }

    .dm-process-follower-child-title-box .dm-process-follower-infos {
        flex: 1 0 0;
        margin-left: 50px;
        padding-bottom: 0;
        line-height: 19px;
    }

/* Dm Alert Box */
.dm-alert-box {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .dm-alert-box.dm-alert-box-info {
        background-color: #cce5ff;
        border-color: #b8daff;
        color: #004085;
    }

    .dm-alert-box.dm-alert-box-error {
        background-color: #f8d7da;
        border-color: #f5c6cb;
        color: #721c24;
    }

    .dm-alert-box.dm-alert-box-success {
        background-color: #d4edda;
        border-color: #c3e6cb;
        color: #155724;
    }

    .dm-alert-box.dm-alert-box-warning {
        background-color: #fff3cd;
        border-color: #ffeeba;
        color: #856404;
    }

/* DM Alert */
.dx-popup-content.dx-dialog-content {
    max-height: 700px !important;
    max-width: 1200px;
    overflow: auto;
}

.dm-alert {
    display: flex;
}

.dm-alert-icon-container {
    flex: 0 0 50px;
    display: grid;
}

.dm-alert-text-container {
    flex: 1 0 0;
    display: grid;
}

.dm-alert-icon {
    font-size: 50px;
    height: 50px;
    margin: auto;
}

.dm-alert-text {
    margin: auto 0 auto 20px;
}

.dm-icon-error {
    color: #f94747; /* #dc3545 */
}

.dm-icon-warning {
    color: #ffca2c;
}

.dm-icon-info {
    color: #0dcaf0;
}

.dm-icon-success {
    color: #53d653; /* #28a745 */
}

/* Skills in Security Identity Mask */
.dx-toolbar .dx-toolbar-label.dm-skills-title-grid {
    font-size: 14px;
}

.dm-security-identities-mask-skills-tab {
    /*display: flex;*/
    /*flex-direction: column;*/
    height: 100%;
}

.dm-security-identities-mask-skills-grid-container {
    /*flex: 1 0 0;*/
    height: 50%;
}

.dm-register-code-format-box {
    margin-bottom: 25px;
}

.dm-popup-body > .dx-tabpanel {
    margin: 10px 0;
    height: calc(100% - 20px);
}

.dm-mask .dx-tabpanel .dx-tab,
.dm-popup-body .dx-tabpanel .dx-tab,
.dm-global-configuration .dx-tabpanel .dx-tab {
    width: unset;
    padding-right: 14px;
    padding-left: 14px;
}

/* necessita di un selettore più preciso */
.dm-class-types-configuration-mask .dx-item-content.dx-multiview-item-content {
    overflow: auto;
}

.dm-class-types-configuration-mask .dx-multiview.dx-swipeable.dx-tabpanel.dx-widget.dx-visibility-change-handler.dx-collection {
    height: 100%;
}

.dm-popup .dx-layout-manager .dx-field-item:not(.dx-first-row):not(.dx-field-item-has-group) {
    padding-top: 5px;
}

.dm-filters-main {
    display: flex;
    flex-direction: column;
    box-shadow: 5px 5px 13px 1px rgb(0 0 0 / 30%);
    margin: 20px auto 50px auto;
    padding: 20px;
    height: calc(100% - 100px);
    width: 60%;
    border-radius: 10px;
}

@media only screen and (max-width: 1200px) {
    .dm-filters-main {
        width: 80%;
    }
}

@media only screen and (max-width: 900px) {
    .dm-filters-main {
        box-shadow: unset;
        margin: 0;
        padding: 0;
        height: 100%;
        /*height: calc(100% - 15px);*/
        width: 100%;
    }
}

.dm-filters-container {
    margin: auto;
    width: 100%;
    flex: 0 0 0;
}

.dm-filters-processes-main,
.dm-filters-tasks-main,
.dm-filters-mails-main {
    flex: 1 0 0%;
    overflow: hidden;
}

    .dm-filters-processes-main .dx-field-item-help-text, .dm-filters-processes-main .dx-field-item-label-text {
        font-weight: 400;
        margin-left: 4px;
    }

.dx-field-item-help-text {
    margin-top: 5px;
}

@media only screen and (max-width: 750px) {
    .dm-filters-button-container {
        display: flex;
        gap: 5px;
    }

    .dm-filters-submit-button,
    .dm-filters-count-button {
        flex: 1 0 0;
    }
}

.dm-filters-button-container {
    flex: 0 1 0;
    padding-top: 5px;
    width: 100%;
}

.dm-filters-submit-button {
    font-weight: 600;
}

    .dm-filters-submit-button:hover {
        opacity: 0.5;
    }

    .dm-filters-submit-button:focus,
    .dm-filters-submit-button:active {
        opacity: 0.3;
        border: 1px solid;
    }

    .dm-filters-submit-button span {
        font-weight: 400;
    }

.dm-configuration-tasks-grid .dm-processes-grid-percentage,
.dm-tasks-grid .dm-processes-grid-percentage,
.dm-processes-grid .dm-processes-grid-percentage {
    padding: 3px 3px 0 3px !important;
}

.dm-configuration-tasks-grid .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox,
.dm-processes-grid .dx-treelist-icon-container.dx-editor-inline-block .dx-checkbox {
    margin-top: 0;
    top: 25%;
}

.dm-configuration-tasks-grid td.dm-processes-grid-state {
    padding: 2px !important;
}

    .dm-configuration-tasks-grid td.dm-processes-grid-state > img {
        height: 19px;
    }

.dm-configuration-grid-container .dx-datagrid-total-footer .dx-datagrid-content.dx-datagrid-scroll-container {
    padding: 0;
}

.dm-popup-body > .dm-configuration-base-structure:not(.dm-configuration-base-structure-with-no-negative-margin) {
    margin-left: -10px;
    margin-right: -10px;
}

.dm-popup-body.dm-popup-for-configuration .dx-tabpanel-container div:not(.dx-field-item-content) > div > .dm-configuration-base-structure {
    margin-left: -5px;
    margin-right: -5px;
}

.dm-configuration-class-types-buttons {
    flex: 0 1 32px;
    height: 100%;
}

.dm-configuration-class-types-list {
    flex: 0 1 260px;
    height: 100%;
    /*width: 100%;*/
}

.dm-class-types-list-worlds-select-box {
    margin-bottom: 5px;
}
/* fix toolbar searchbox for 100% width => https://supportcenter.devexpress.com/ticket/details/t535215/100-width-for-search-panel */
.dm-configuration-class-types-list .dx-treelist-header-panel .dx-toolbar-after {
    width: 100%;
    padding: 0;
}

.dm-configuration-class-types-list .dx-treelist-header-panel .dx-toolbar-after .dx-treelist-search-panel {
    width: 100% !important;
    margin: 0;
}

.dm-configuration-class-types-list .dx-treelist-header-panel .dx-toolbar-after .dx-toolbar-item {
    padding-inline-start: 0;
}
/* end */

.dm-configuration-class-types-mask {
    flex: 1 0 0;
    max-width: calc(100% - 302px);
    width: 100%;
    height: 100%;
}

.dm-popup-body > .dx-multiview.dx-swipeable.dx-tabpanel.dx-widget.dx-visibility-change-handler.dx-collection {
    margin: 0;
}

.dm-configuration-mask .dx-field-item-label {
    font-weight: normal;
}

/* DmLink */
.dm-link-container .dm-link-icon {
    margin-right: 2px;
}

.dm-link-icontext-container {
    display: flex;
    align-items: center;
}
/* Security Charts Grid */
.dm-organization-charts-mask-content {
    display: flex;
    flex-direction: column;
}

    .dm-organization-charts-mask-content .dm-organization-charts-mask-elements-content {
        padding-top: 5px;
        flex: 1 0 0;
    }

.dm-security-charts-grid-security-container {
    display: flex;
    width: 100%;
    height: 100%;
}

.dm-security-charts-grid-security-picker {
    flex: 0 0 24%;
}

.dm-security-charts-grid-security-hierarchical {
    flex: 1 0 0;
    margin-left: 10px !important;
}

.dm-security-charts-grid-preview {
    height: 100%;
}

/* Security Diagram */
.dm-security-diagram-security-template {
    width: 100%;
    height: 100%;
}

.dxdi-canvas rect.dm-security-diagram-item-type-user,
.dxdi-canvas rect.dm-security-diagram-item-type-group,
.dxdi-canvas rect.dm-security-diagram-item-type-business-role,
.dxdi-canvas rect.dm-security-diagram-item-text-container {
    stroke-width: 0;
}

.dxdi-canvas rect.dm-security-diagram-item-type-user {
    fill: #ADD8E6;
}

.dxdi-canvas rect.dm-security-diagram-item-type-group {
    fill: #90EE90;
}

.dxdi-canvas rect.dm-security-diagram-item-type-business-role {
    fill: #F08080;
}

.dxdi-canvas rect.dm-security-diagram-item-text-container {
    fill: #5B9BD5;
}

.dxdi-canvas text.dm-security-diagram-item-role-name, .dxdi-canvas text.dm-security-diagram-item-user-name, .dxdi-canvas text.dm-security-diagram-item-user-mail, .dxdi-canvas text.dm-security-diagram-item-user-phone {
    fill: white;
}

.dm-security-diagram-logo {
    right: 85px;
    bottom: 20px;
    background-image: url('/Content/Images/Scritta_DM_SfondoBianco.png');
    background-size: cover;
    height: 50px;
    position: absolute;
    width: 270px;
    pointer-events: none;
    opacity: 0.5;
}

.dx-diagram-fullscreen .dm-security-diagram-logo {
    bottom: 12px;
}

.dm-sql-commands-mask-results {
    padding: 0 10px;
}

.dm-sql-param-example {
    font-style: italic;
    margin: 0;
    white-space: pre-wrap;
}

/* massive update */
.dm-massive-update-container {
    width: 100%;
}

.dm-massive-update-field-label,
.dm-massive-update-field-presenter {
    padding-top: 5px;
}

.dm-massive-update-field-label {
    text-align: right;
    padding-right: 5px;
    /* keep the field name column as small as possible */
    width: 1px;
    white-space: nowrap;
}

.dm-massive-update-page {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dm-massive-update-page-title {
    padding-bottom: 8px;
    flex: 0 1 0;
}

.dm-massive-update-page-content {
    flex: 1 0 0;
    overflow-y: hidden;
}

/* generic panel */
.dm-panel {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}

.dm-panel-head {
    padding: 0 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    flex: 0 0 auto;
}

.dm-panel-head-collapsible {
    padding-right: 8px;
}

.dm-panel-body {
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    flex: 1 0 0;
}

.dm-panel-body-no-head {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dm-panel-collapsed .dm-panel-body {
    height: 0;
    padding: 0;
    overflow: hidden;
}

.dm-panel-head-content {
    flex: 1 0 0;
}

.dm-panel-with-animation .dm-panel-body {
    transition: height 100ms;
}

/* jumbotron */
.dm-jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    /*background-color: #e9ecef;*/
    border-radius: 0.3rem;
}

.dm-jumbotron-with-border {
    border: 1px solid;
}

.dm-jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0;
}

@media only screen and (min-width: 576px) {
    .dm-jumbotron {
        padding: 4rem 2rem;
    }
}

/* Dm Dialog */
.dm-dialog .dm-dialog-header {
    flex: 0 1 28px;
    padding: 0 10px;
}

.dm-dialog .dm-dialog-content {
    max-height: 700px !important;
    max-width: 1200px;
    min-width: 220px;
    padding: 0;
    overflow-y: unset;
    display: flex;
    flex-direction: column;
}

.dm-dialog .dm-dialog-message-container {
    padding: 10px;
    flex: 1 0 0;
}

.dm-dialog .dm-dialog-choice-buttons-container {
    padding: 10px;
    text-align: center;
    flex: 0 1 0;
    overflow: visible;
}

.dm-dialog-choice-buttons-container .dm-dialog-choice-button:not(.dm-dialog-choice-button:first-child) {
    margin-left: 5px;
}

.dm-dialog-choice-button {
    min-width: 100px;
}

    .dm-dialog-choice-button .dm-dialog-choice-button-underlined-letter {
        text-decoration: underline;
    }

.dm-dialog .dm-dialog-message-content {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.dm-text-uppercase {
    text-transform: uppercase;
}

.dm-text-lowercase {
    text-transform: lowercase;
}

.dm-text-align-center {
    text-align: center !important;
}

/* flex management */
.dm-flex-row {
    display: flex;
}

.dm-flex-wrap {
    flex-wrap: wrap;
}

.dm-flex-column {
    display: flex;
    flex-direction: column;
}

.dm-flex-item-grow {
    flex: 1 0 0;
    overflow: hidden;
}
.dm-flex-item-grow-auto {
    flex: 1 0 auto !important;
    overflow: hidden;
}

.dm-flex-item-no-grow {
    flex: 0 1 0;
}

.dm-flex-item-no-grow-auto {
    flex: 0 1 auto;
}

.dm-generic-category-title {
    font-size: 16px;
}

.dm-generic-italic-description {
    opacity: 0.6;
    font-style: italic;
}

.dm-flex-align-items-center {
    align-items: center !important;
}

.dm-justify-content-space-evenly {
    justify-content: space-evenly;
}
.dm-justify-content-space-between {
    justify-content: space-between;
}

.dm-justify-content-flex-start {
    justify-content: flex-start;
    gap: 10px;
}

.dm-justify-content-center {
    justify-content: center;
    gap: 10px;
}

.dm-underline {
    text-decoration: underline
}

.dm-no-margin {
    margin: 0;
}

.dm-underline-on-hover:hover {
    text-decoration: underline;
}
/* StaticFile */
.dm-staticfile-view {
    display: flex;
    width: 100%;
    height: 100%;
}

.dm-staticfile-view .dx-filemanager .dx-filemanager-thumbnails .dx-filemanager-thumbnails-item .dx-filemanager-thumbnails-item-thumbnail {
    width: auto;
}

.dm-staticfile-buttons {
    width: 34px;
    height: 100%;
    margin-right: 5px;
}

.dm-staticfiles-items {
    display: flex;
    flex-wrap: wrap;
}

.dm-staticfiles-popup-preview {
    display: flex;
    align-content: center;
    align-self: center;
    margin: auto;
    height: 100%;
    flex-direction: column;
}

    .dm-staticfiles-popup-preview > img {
        margin: auto;
        border-radius: 10px;
        max-width: 23vw;
        height: auto;
    }

@media only screen and (min-width: 1400px) {
    .dm-staticfiles-popup-preview > img {
        max-width: 18vw;
    }
}

.dm-staticfiles-uploader {
    display: none;
}

.dm-description-in-dx-toolbar {
    margin: 0;
}

.dm-description-in-dx-toolbar-text {
    font-size: 14px;
    margin-left: 3px;
}

.dm-description-in-dx-toolbar-icon {
    vertical-align: middle;
    font-size: 15px;
}

.dm-gridconfig-textarea {
    width: 100%;
    border-radius: 5px;
    outline: none;
    padding: 6px;
}

/* Repeater */
.dm-repeater-component-container {
    display: flex;
    flex-direction: column;
}

.dm-repeater-header {
    width: 100%;
    margin-bottom: 9px;
}

.dm-repeater-body {
    width: 100%;
    flex: 0 1 auto;
}

.dm-repeater-tile {
    overflow: hidden;
}

.dm-repeater-tile-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.dm-repeater-tile-container-flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.dm-repeater-tile-container-grid {
    display: grid;
    width: 100%;
    grid-column: 1 / -1;
}

.dm-repeater-tile-group-container-flex {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.dm-repeater-tile-group-container-grid {
    display: grid;
    width: 100%;
}

.dm-repeater-footer {
    width: 100%;
    display: flex;
    margin-top: 9px;
}

.dm-repeaterconfig-groupTemplateContainer {
    width: 100%;
    height: 59vh;
    margin-top: 15px;
}

.dm-repeater-selected-item {
    outline: 2px solid;
}

.dm-repeater-codeeditor-listcontainer {
    width: 29%;
    margin-left: 1%;
}

.dm-repeaterconfig-utility-box {
    padding: 10px;
    border: 1px solid;
    border-radius: 15px;
}
/* Breadcrumb */
.dm-breadcrumb {
    padding: 10px 16px;
    list-style: none;
    height: 100%;
    margin: 0;
}

    .dm-breadcrumb .dm-breadcrumb-item {
        display: inline;
    }

        .dm-breadcrumb .dm-breadcrumb-item a:hover,
        .dm-breadcrumb .dm-breadcrumb-item a {
            text-decoration: none;
        }

        .dm-breadcrumb .dm-breadcrumb-item + .dm-breadcrumb-item:before {
            padding: 8px;
            content: "/\00a0";
        }

.dm-htmlRawPropEditor-property {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
}

.dm-htmlRawPropEditor-propertyLabel {
    padding-bottom: 2px;
}

.dm-htmlRaw-fullScreenIcon {
    position: absolute;
    cursor: pointer;
    z-index: 2;
    top: 8px;
    right: 8px;
}

.dm-borderconfig-selector {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.dm-borderconfig-element {
    cursor: pointer;
}

.dm-borderconfig-xelement {
    height: 8px;
    width: 100%;
}

.dm-borderconfig-yelement {
    width: 8px;
}

.dm-borderconfig-centerElement {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, .15) 10px, rgba(0, 0, 0, .15) 20px );
    width: 100%;
    height: 34px;
}

/* BarcodeScanner */
.dm-barcodescanner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    min-width: 100%;
    min-height: 100%;
}
.dm-barcodescanner-fakevideo {
    width: 100%;
    max-height: 100vh;
    pointer-events: none;
    visibility: hidden;
}

.dm-barcodescanner-content {
    position: relative;
    overflow: hidden;
}
.dm-barcodescanner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
    font-family: monospace;
    white-space: pre-wrap;
}
.dm-barcodescanner-error {
    background: #c80000de;
    color: white;
    padding: 2px 5px;
    border-radius: 4px;
}
.dm-barcodescanner-controls {
    position: absolute;
    bottom: 5px;
    left: 5px;
}
.dm-barcodescanner-controls .dm-barcodescanner-toggletorch {
    padding: 5px;
    font-size: 40px;
    border-radius: 4px;
}
.dm-barcodescanner-torchoff .dm-barcodescanner-controls .dm-barcodescanner-toggletorch {
    background-color: rgba(0, 0, 0, 0.6);
    color: yellow;
}
.dm-barcodescanner-torchon .dm-barcodescanner-controls .dm-barcodescanner-toggletorch {
    background-color: yellow;
    color: black;
}

/* BarcodeScanner (Mask Item) */
.dm-mask-mode-design .dm-mask-barcodescanner img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100%;
    max-height: 100%;
    padding: 10px;
}
.dm-mask-barcodescanner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .03;
    z-index: -1;
    background-position: center center;
}

/* Image */
.dm-maskitem-imageContainer {
    width: 100%;
    display: flex;
}
/* GrantChecker */
.dm-mask-grant-checker-designercontainer {
    min-height: 6vh;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
}

.dm-mask-grant-checker-designercontent {
    padding: 10px;
}

.dm-base-search-component-container-with-padding {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dm-base-search-component-content-with-padding {
    padding-left: 10px;
    padding-right: 10px;
}

.dm-base-search-component-container-with-border {
    border: 1px solid;
    /*border-left: none;*/
}

.dm-base-search-component-toolbar {
    margin-bottom: 5px;
}

/* it allows to show a dxDropDownButton with the auto width of the content */
.dm-auto-width-dropdown .dx-dropdownbutton-content .dx-list-item {
    display: block;
}

.dm-custom-item-bg {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, .15) 10px, rgba(0, 0, 0, .15) 20px );
}

.dm-custom-item-bg-error {
    background: repeating-linear-gradient( 45deg, #f000, #f000 10px, rgba(255, 0, 0, 0.15) 10px, rgba(255, 0, 0, 0.15) 20px );
}

.dm-mask-dashboard {
    width: 100%;
    height: 100%;
    border: none;
}

.dm-sourcecode-exporter-textArea {
    width: 100%;
    border-radius: 5px;
    outline: none;
    padding: 6px;
}

/* tiles menu home */
.dm-tiles-menu-home-2024-container,
.dm-tiles-menu-home-config-container,
.dm-tiles-menu-home-container,
.dm-tiles-menu-home-drawer-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex: 1 0 0;
}

.dm-tiles-menu-home-with-menu {
    flex-direction: row;
}

.dm-tiles-menu-home-search-bar {
    flex: 0 0 auto;
    padding-bottom: 10px;
}

.dm-tiles-menu-home-content {
    flex: 1 0 0;
}

.dm-tiles-menu-home-category {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 15px;
    flex-wrap: wrap;
    align-items: flex-start;
}

.dm-tiles-menu-home-category-inline {
    display: inline-flex;
}

    .dm-tiles-menu-home-category-inline:not(:first-line) {
        margin-left: 20px;
    }

.dm-tiles-menu-home-category-title {
    flex: 0 1 auto;
    font-weight: bolder;
    font-size: 16px;
}

.dm-tiles-menu-home-category-header {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dm-tiles-menu-home-category-content {
    flex: 1 0 0;
    display: grid;
    gap: 20px;
    align-items: center;
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

    .dm-tiles-menu-home-category-content:not(.dm-tiles-menu-home-category-content-inline) {
        width: 100%;
    }

@media (min-width: 640px) {
    .dm-tiles-menu-home-category-content:not(dm-tiles-menu-home-category-content-inline) {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .dm-tiles-menu-home-category-content:not(dm-tiles-menu-home-category-content-inline) {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
}

@media (min-width: 1280px) {
    .dm-tiles-menu-home-category-content:not(dm-tiles-menu-home-category-content-inline) {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
}

.dm-tiles-menu-home-2024-category-content-inline,
.dm-tiles-menu-home-category-content-inline {
    display: flex;
    flex-wrap: wrap;
}

.dm-tiles-menu-home-tile-element {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: box-shadow,transform 0.3s;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);
}

.dm-tiles-menu-home-tile-label {
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(255, 0, 0);
    color: white;
    padding: 8px 10px;
    border-top-right-radius: 9px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    min-width: 50px;
    text-align: center;
    z-index: 1;
}

.dm-tiles-menu-home-tile-custom-color {
    /*box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);*/
}

.dm-tiles-menu-home-category-content-inline .dm-tiles-menu-home-tile-element {
    width: 70px;
    height: 90px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
}

.dm-tiles-menu-home-tile-element.dm-tiles-menu-home-tile-with-buttons {
    position: relative;
    height: 120px;
    overflow: hidden;
}

.dm-tiles-menu-home-tile-element.dm-tiles-menu-home-tile-fixed {
    position: relative;
    height: 150px;
    overflow: hidden;
}

.dm-tiles-menu-home-tile-element:not(.dm-tiles-menu-home-tile-with-buttons):not(.dm-tiles-menu-home-tile-fixed) {
    min-width: 90px;
    height: 90px;
    flex-basis: 90px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: center;
}

.dm-tiles-menu-home-category-content:not(.dm-tiles-menu-home-category-content-inline) .dm-tiles-menu-home-tile-element {
    height: 120px;
}

.dm-tiles-menu-home-tile-element:not(.dm-tiles-menu-home-tile-with-buttons) .dm-tiles-menu-home-tile-image {
    width: 40px;
    /*height: auto;*/
    margin-bottom: 5px;
}

.dm-tiles-menu-home-tile-element:not(.dm-tiles-menu-home-tile-with-buttons):hover {
    outline: 2px solid;
    /*box-shadow: 0px 4px 26px -1px rgb(247 138 9 / 48%);*/
    cursor: pointer;
    margin-top: -3px;
    transition: margin-top 0.2s;
}

@keyframes dm-tiles-menu-home-tile-buttons-rotate {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }

    50% {
        transform: rotate(180deg);
    }

    0% {
        transform: rotate(0deg);
    }
}

.dm-tiles-menu-home-tile-custom-color.dm-tiles-menu-home-tile-with-buttons::before {
    /*animation: dm-tiles-menu-home-tile-buttons-rotate;*/
    filter: blur(50px);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;
    left: -10px;
    bottom: -7px;
    /*   height: 50px;
    width: 70px;*/
    /*filter: blur(32px);*/
    transition: 0.4s;
}
/*
.dm-tiles-menu-home-tile-custom-color.dm-tiles-menu-home-tile-with-buttons:hover::before {
    animation: dm-tiles-menu-home-tile-buttons-rotate;
    filter: blur(50px);
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s;
    width: 100%;
    height: 100%;
}*/

.dm-tiles-menu-home-tile-title {
    position: relative;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    word-break: break-word;
}
/*
.dm-tiles-menu-home-tile-title-dark {
    color: #FDFDFD;
}

.dm-tiles-menu-home-tile-title-light {
    color: rgb(35, 38, 41);
}
*/
.dm-tiles-menu-home-tile-with-buttons:hover .dm-tiles-menu-home-tile-title {
    font-weight: 700;
    transform: translateY(-50px);
}

.dm-tiles-menu-home-tile-description {
    position: absolute;
    bottom: -35px;
    font-size: 12px;
    transition: 0.3s ease-in-out;
    max-height: 30px;
    word-break: break-word;
}

.dm-tiles-menu-home-tile-with-buttons:hover .dm-tiles-menu-home-tile-description {
    transform: translateY(-100px);
}

.dm-tiles-menu-home-tile-image-container {
    position: relative;
    transition: 0.3s ease-in-out;
    margin-bottom: 5px;
}

.dm-tiles-menu-home-tile-image {
    width: 50px;
    font-size: 35px;
    line-height: 50px;
    transition: 0.3s ease-in-out;
    margin-bottom: 10px;
}

.dm-tiles-menu-big-image .dm-tiles-menu-home-tile-element:not(.dm-tiles-menu-home-tile-with-buttons) .dm-tiles-menu-home-tile-image {
    width: 50px;
}

.dm-tiles-menu-big-image .dm-tiles-menu-home-tile-element:not(.dm-tiles-menu-home-tile-with-buttons) .dm-tiles-menu-home-tile-title {
    margin-top: 2px;
    font-size: 14px;
}

.dm-tiles-menu-home-tile-with-buttons:hover .dm-tiles-menu-home-tile-image {
    transform: translateY(-55%);
    opacity: 0;
}

.dm-tiles-menu-home-tile-buttons-container {
    display: flex;
    position: absolute;
    gap: 10px;
    bottom: -60px;
    transition: 0.3s ease-in-out;
}

.dm-tiles-menu-home-2024-tile-button,
.dm-tiles-menu-home-tile-button {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    padding: 5px;
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.25);
    transition: 0.2s;
    display: flex;
}

.dm-tiles-menu-home-2024-tile-button-image,
.dm-tiles-menu-home-tile-button-image {
    width: 17px;
    /*height: auto;*/
}

.dm-tiles-menu-home-tile-with-buttons:hover .dm-tiles-menu-home-tile-button {
    transform: translateY(-78px);
}

.dm-tiles-menu-home-widget-container,
.dm-tiles-menu-home-2024-widget-container {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.dm-tiles-menu-home-widget-content,
.dm-tiles-menu-home-2024-widget-content {
    flex: 1 0 0;
}

.dm-tiles-menu-home-widget-buttons,
.dm-tiles-menu-home-2024-widget-buttons {
    display: flex;
    position: absolute;
    top: 5px;
    right: 5px;
}


input.dm-tiles-menu-home-search-bar-input {
    border: none;
    /*width: 350px;*/
    text-align: left;
    outline: 0px solid;
    border-radius: 10px;
    padding: 8px;
    font-size: 18px;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-weight: 300;
    line-height: 2;
}

.dm-tiles-menu-home-search-bar-icon {
    margin-left: -40px;
    font-size: 20px;
}

.dm-tiles-menu-home-search-bar {
    font-size: 25px;
    font-weight: lighter;
    /*margin-top: 25px;*/
    /*margin-left: 15px;*/
    display: flex;
    align-items: center;
    padding: 15px;
}

@media screen and (max-width: 479px) {
    .dm-tiles-menu-home-search-bar {
        /*margin-top: 10px;
        margin-left: 10px;*/
    }

    .dm-tiles-menu-home-search-bar-input {
        /*  width: 100%;
        margin-bottom: 10px;*/
    }
}

.dm-tiles-menu-home-side-menu {
    /*padding-right: 20px;*/
    margin-top: -5px;
    margin-left: -5px;
    width: 50px;
    box-shadow: 9px 0px 15px rgb(0 0 0 / 20%);
    transition: 0.2s;
}

.dm-tiles-menu-home-side-menu-opened {
    width: 250px;
}

.dm-tiles-menu-home-menu-category-image {
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    box-sizing: border-box;
    margin-right: 10px;
    width: 35px;
    font-size: 22px;
    line-height: 25px;
}

.dm-tiles-menu-home-menu-category:hover {
    box-shadow: 0px 4px 15px rgb(0 0 0 / 25%);
    cursor: pointer;
}

.dm-tiles-menu-home-menu-category {
    padding: 7px 15px 7px 10px;
    width: 100%;
    transition: all 0.3s;
    display: flex;
    align-items: center;
}

    .dm-tiles-menu-home-menu-category:hover {
        text-decoration: none;
    }

.dm-tiles-menu-home-menu-category-text {
    margin-left: 10px;
}

.dm-tiles-menu-home-config-content {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.dm-tiles-menu-home-config-config-category-content {
    height: 100%;
}

.dm-tiles-menu-home-config-category-container {
    height: 100%;
}

.dm-tiles-menu-home-config-config-category,
.dm-tiles-menu-home-config-category {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dm-tiles-menu-home-config-category-header {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    height: 50px;
    border-radius: 8px 8px 0px 0px;
    padding: 10px;
    border-bottom: 1px solid;
    font-weight: bold;
}

.dm-tiles-menu-home-config-tile-container {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    font-size: 13px;
}

.dm-tiles-menu-home-config-tile-image {
    height: 24px;
    font-size: 24px;
}

.dm-tiles-menu-home-config-tile-element {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 15px;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 1px solid;
}

.dm-tiles-menu-home-2024-content:focus-visible,
.dm-tiles-menu-home-content:focus-visible {
    outline: none;
}

.dm-tiles-menu-home-tile-element.dm-state-focused,
.dm-tiles-menu-home-2024-tile-element.dm-state-focused {
    outline: 2px solid;
}

/* dmTilesMenuHome 2024 */
.dm-tiles-menu-home-2024-content {
    width: 100%;
    overflow: hidden;
}

.dm-tiles-menu-home-2024-category {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px 15px 20px 15px;
    overflow: hidden;
}

.dm-tiles-menu-home-2024-category-inline {
    display: inline-flex;
    width: auto;
    max-width: 100%;
}

.dm-tiles-menu-home-2024-category:not(:first-child) {
    margin-top: 15px;
}

.dm-tiles-menu-home-config-category-header,
.dm-tiles-menu-home-2024-category-title {
    flex: 0 1 auto;
    font-weight: bold;
    font-size: 16px;
}

.dm-tiles-menu-home-config-category-header,
.dm-tiles-menu-home-2024-category-header {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dm-tiles-menu-home-2024-category-content {
    margin-top: 25px;
    gap: 10px;
}

.dm-tiles-menu-home-2024-category-content:not(.dm-tiles-menu-home-2024-category-content-inline) {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

.dm-tiles-menu-home-2024-category-content-flex:not(.dm-tiles-menu-home-2024-category-content-inline) {
    display: flex;
    flex-wrap: wrap;
}

.dm-tiles-menu-home-2024-tile-element {
    height: 65px;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-items: center;
    -webkit-box-shadow: 0px 19px 11px -6px #00000038;
    box-shadow: 0px 19px 11px -6px #00000038;
    transition: box-shadow,transform 0.2s ease-in-out;
    overflow: hidden;
}

.dm-tiles-menu-home-2024-widget-container {
    -webkit-box-shadow: 0px 19px 11px -6px #00000038;
    box-shadow: 0px 19px 11px -6px #00000038;
}

.dm-tiles-menu-home-2024-tile-element:hover {
    box-shadow: 0px 19px 11px -6px #0000008c;
    transition: box-shadow,transform 0.2s ease-in-out;
    transform: translateY(-1px);
}

.dm-theme-light .dm-tiles-menu-home-2024-tile-element {
    -webkit-box-shadow: 0px 9px 11px -6px #00000038;
    box-shadow: 0px 9px 11px -6px #00000038;
}

.dm-theme-light .dm-tiles-menu-home-2024-widget-container {
    -webkit-box-shadow: 0px 9px 11px -6px #00000038;
    box-shadow: 0px 9px 11px -6px #00000038;
}

.dm-theme-light .dm-tiles-menu-home-2024-tile-element:hover {
    box-shadow: 0px 9px 11px -6px #0000008c;
}

.dm-tiles-menu-home-2024-tile-image-container {
    height: 100%;
    width: 65px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /*z-index: 90;*/
    position: relative;
    overflow: hidden;
}

.dm-theme-material h3.dm-tiles-menu-home-config-category-title {
    font-size: 24px;
}

.dm-tiles-menu-home-config-content:focus-visible {
    outline: none;
}

.dm-theme-dark .dm-tiles-menu-home-2024-tile-image-container {
    background-color: #2E2E2E;
}

svg.dm-tiles-menu-home-2024-tile-image,
img.dm-tiles-menu-home-2024-tile-image {
    height: 30px;
    z-index: 1;
}

.dm-tiles-menu-home-2024-tile-custom-color .dm-tiles-menu-home-2024-tile-image-container::before {
    position: absolute;
    content: "";
    width: 70px;
    height: 70px;
    filter: blur(20px);
}

.dm-theme-light .dm-tiles-menu-home-2024-tile-custom-color .dm-tiles-menu-home-2024-tile-image-container::before {
    filter: blur(3px);
}

i.dm-tiles-menu-home-2024-tile-image {
    font-size: 30px;
    z-index: 1;
}

.dm-tiles-menu-home-2024-tile-content {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
}

.dm-tiles-menu-home-2024-tile-title {
    display: flex;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
    width: 100%;
    transition: all 0.2s ease-in-out;
    font-size: 13px;
}

.dm-tiles-menu-home-2024-tile-label-container {
    height: 100%;
    width: 50px;
    display: flex;
    align-items: center;
    margin-right: 20px;
    font-size: 13px;
    font-weight: bolder;
}

.dm-tiles-menu-home-2024-tile-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background: red;
    box-shadow: 0px 0px 20px 0px red;
}

.dm-theme-light .dm-tiles-menu-home-2024-tile-label {
    box-shadow: 0px 0px 5px 0px red;
    color: white;
}

.dm-tiles-menu-home-2024-tile-buttons-container {
    display: flex;
    opacity: 1;
    flex-direction: row;
    width: 100%;
    height: 0px;
    margin-left: 10px;
    gap: 8px;
    transition: all 0.2s ease-in-out;
    transform: translateY(40px);
}

.dm-tiles-menu-home-2024-tile-with-buttons:hover .dm-tiles-menu-home-2024-tile-title {
    font-size: 11px;
    transform: translateY(-18px);
    transition: all 0.2s ease-in-out;
}

.dm-tiles-menu-home-2024-tile-with-buttons:hover .dm-tiles-menu-home-2024-tile-buttons-container {
    opacity: 1;
    transform: translateY(-15px);
    transition: all 0.2s ease-in-out;
}

@media only screen and (max-width: 1500px) {
    .dm-tiles-menu-home-2024-category-content:not(.dm-tiles-menu-home-2024-category-content-inline) {
        grid-template-columns: repeat(4, 1fr);
    }

    .dm-tile-search-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 1300px) {
    .dm-tiles-menu-home-2024-category-content:not(.dm-tiles-menu-home-2024-category-content-inline) {
        grid-template-columns: repeat(3, 1fr);
    }

    .dm-tile-search-container {
        grid-template-columns: repeat(3, 1fr);
    }

    .dm-tiles-menu-home-config-content {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width: 990px) {
    .dm-tiles-menu-home-2024-category-content:not(.dm-tiles-menu-home-2024-category-content-inline) {
        grid-template-columns: repeat(2, 1fr);
    }

    .dm-tile-search-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .dm-tiles-menu-home-config-content {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media only screen and (max-width: 750px) {
    .dm-tiles-menu-home-2024-category-content:not(.dm-tiles-menu-home-2024-category-content-inline) {
        grid-template-columns: repeat(1, 1fr);
    }

    .dm-tiles-menu-home-2024-category-content-no-tile-buttons:not(.dm-tiles-menu-home-2024-category-content-inline) {
        grid-template-columns: repeat(2, 1fr);
    }

    .dm-tile-search-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .dm-tiles-menu-home-config-content {
        grid-template-columns: repeat(2, 1fr);
    }

    .dm-tiles-menu-home-2024-tile-element {
        height: 70px;
    }
}

@media only screen and (max-width: 600px) {
    .dm-tiles-menu-home-2024-tile-title {
        flex: 1 0 0;
    }

    .dm-tiles-menu-home-2024-tile-content {
        flex-direction: row;
        align-items: center;
    }

    .dm-tiles-menu-home-2024-tile-buttons-container {
        height: auto;
        margin-left: 20px;
        transform: translateY(0px);
        flex: 0 1 0;
        margin-right: 10px;
    }

    .dm-tiles-menu-home-2024-tile-button {
        width: 35px;
        height: 35px;
    }

    .dm-tiles-menu-home-config-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* Generic */

.dm-pull-right {
    float: right !important;
}

.dm-pull-left {
    float: left !important;
}

.dm-dragging-profile-item.dx-draggable-source {
    opacity: 0.5;
}

.dx-draggable-dragging > .dm-dragging-profile-item {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 6px 8px rgba(0, 0, 0, 0.2);
}
/* Boostrap CSS for retrocompatibility */
.dm-boostrap-container {
    height: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .dm-boostrap-container {
        width: 750px
    }
}

@media (min-width:992px) {
    .dm-boostrap-container {
        width: 970px
    }
}

@media (min-width:1200px) {
    .dm-boostrap-container {
        width: 1170px
    }
}

/* dmSourceRestApis */
.dm-source-rest-apis-mask-textarea {
    width: 100%;
    min-height: 40vh;
}

/* Network Credentials */
.dm-networkcredentials-login-container {
    padding: 5px;
}

    .dm-networkcredentials-login-container .dx-widget > .dx-box-flex {
        gap: 10px;
    }

.dm-networkcredentials-login-title-container {
    display: flex;
    align-items: center;
}

.dm-networkcredentials-login-title-container > i {
    font-size: 3em;
}

.dm-networkcredentials-login-btn {
    margin-top: 5px;
}

.dm-popup .dm-popup-body.dm-networkcredentials-login-container {
    overflow-y: initial;
}

@media screen and (max-width: 700px) {
    .dm-foldersmanager-container {
        width: 100%;
        height: 100%;
    }

    .dm-foldersmanager-folders-grid {
        width: 100%;
        margin-bottom: 3px;
    }

    .dm-foldersmanager-folders-grid-fullpage {
        min-width: 100%;
        margin-bottom: 3px;
    }

    .dm-foldersmanager-content-grid {
        width: 100%;
    }
}
@media screen and (min-width: 700px) {
    .dm-foldersmanager-container {
        width: 100%;
        height: 100%;
        display: flex;
    }

    .dm-foldersmanager-folders-grid {
        margin-right: 3px;
        width: 30%;
    }

    .dm-foldersmanager-folders-grid-fullpage {
        margin-right: 3px;
        min-width: 30%;
    }

    .dm-foldersmanager-content-grid {
        width: 70%;
    }
}

.dm-communication-hubs-mask-property-inspector {
    margin-top: 15px;
}

.dm-communication-hubs-mask-property-inspector .dx-form-group.dx-form-group-with-caption {
    padding-left: 0;
}

.dm-grid-cell-text-with-icon-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    vertical-align: middle !important;
}

.dm-grid-cell-text-icon-container {
    max-width: 20px;
}

.dm-grid-cell-text-with-icon {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dm-grid-cell-text-with-icon .dx-texteditor-input {
    padding-left: 0px;
}

.dm-grid-cell-icon {
    height: 16px;
    align-content: center;
}

.dm-grid-cell-tags-content {
    flex-wrap: wrap;
    align-items: stretch;
    display: flex;
    height: 100%;
    gap: 2px;
}

.dm-grid-cell-tags-content-fixed-height {
    flex-wrap: nowrap;
}

.dm-grid-cell-tag-item {
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    margin-top: 0;
    padding: 1.5px 4px;
    margin-inline-start: 0;
    -webkit-margin-start: 0;
    padding-inline-start: 4px;
    padding-inline-end: 4px;
    -webkit-padding-start: 4px;
    -webkit-padding-end: 4px;
}

/* Duration Picker */
.dm-duration-picker-field-duration {
    display: flex;
    align-items: center;
}
.dm-duration-picker-field-duration > span {
    margin-left: 5px;
    margin-right: 5px;
}
.dm-duration-picker-field-duration-numberbox {
    flex-grow: 1;
}

.dm-state-column-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
}

/*Working Calendar Mask*/
.dm-security-identity-mask-form {
    position: relative;
}

.dm-working-calendars-mask-content {
    display: flex;
    flex-direction: column;
    position: relative;
}

.dm-working-calendars-mask-form {
    flex: 0 1 0;
}

.dm-working-calendars-mask-scheduler {
    flex: 1 0 0;
}

.dx-text-area-form-item {
    align-items: center;
}

.dx-text-area-form-item label{
    margin-bottom: 0;
}

.security-identity-working-calendars-row{
    height: 23.5px !important;
}

.dm-security-identity-working-calendar-mask{
    height: 100%;
    display: flex;
    flex-direction:column;
}

.dm-security-identity-working-calendar-mask-form{
    flex: 0 1 0;
}

.dm-security-identity-working-calendar-mask-scheduler {
    flex: 1 0 0;
}

/* FormulaEditorHelper */
.dm-formula-editor-helper-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2px;
    margin-bottom: 2px;
}
.dm-formula-editor-helper-button {
    margin-right: 3px;
}

/*AvailabilityPicker*/
.dm-availability-picker-intervals-container{
    padding: 3px;
}

.dm-availability-picker-interval-element-hours-interval-separator {
    margin: 0 5px;
}

.dm-availability-picker-interval-element {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    padding: 10px;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    transition: all 0.3s;
    box-shadow: 0px 4px 14px rgb(0 0 0 / 25%);
    
    font-weight: 500;
}

.dm-availability-picker-interval-element:hover,
.dm-availability-picker-interval-element-selected {
    outline: 2px solid;
    /* box-shadow: 0px 4px 26px -1px rgb(247 138 9 / 48%); */
    cursor: pointer;
    margin-top: -3px;
    transition: margin-top 0.2s;
}

.dm-mask-presenter-appointment-recurrence-description{
    margin-left: 5px;
}

.dm-security-identity-working-calendar-mask-global-calendars-list {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.dm-security-identity-working-calendar-group-label {
    font-weight: 700;
    text-decoration: underline;
    text-underline-position: under;
}

.dm-security-identity-working-calendar-no-calendar-set-alert {
    margin: auto;
    font-style: oblique;
}

.dm-base-search-component-container {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.dm-base-search-component-container.dx-scrollable-horizontal:not(.dx-scrollable-vertical) .dx-scrollable-content,
.dm-base-search-component-container.dx-scrollable-horizontal:not(.dx-scrollable-vertical) .dx-scrollview-content {
    height: 100%;
}

.dx-popup-wrapper.dx-treelist-column-chooser .dx-state-focused.dx-overlay-content,
.dx-popup-wrapper.dx-treelist-column-chooser .dx-state-focused.dx-overlay-content {
    border-color: #4d4d4d;
}

/* focused cells should inherit original colors and not set the default ones */
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-datagrid-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused) > tr > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > td.dx-focused,
.dx-treelist-rowsview .dx-selection.dx-row:not(.dx-row-focused):hover > tr > td.dx-focused {
    background-color: inherit;
    color: inherit;
}

.dm-holidays-calendar-mask-content,
.dm-holidays-calendars-mask-container {
    height: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

.dm-hidden {
    display: none !important;
}

.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active.dm-base-commands-menu-item-no-active {
    background: rgba(0, 0, 0, 0) !important;
}

.dm-security-identity-scheduler-appointment-tooltip-body-section {
    display: flex;
    text-wrap: wrap;
    text-align: left;
    padding-top: 10px;
}

.dm-security-identity-scheduler-appointment-tooltip-body-section-icon {
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

.dm-security-identity-scheduler-appointment-tooltip-body-section-text {
    display: flex;
    align-items: center;
    border-bottom: 1px solid grey;
    padding: 5px 0;
    flex: 1 0 0;
    max-width: 350px;
    overflow-wrap: anywhere;
}

.dm-security-identity-scheduler-appointment-tooltip-body-title .dm-security-identity-scheduler-appointment-tooltip-body-section-text {
    font-size: 14px;
    text-wrap: pretty;
    text-align: center;
    font-weight: bold;
}

.dm-security-identity-scheduler-appointment-tooltip-header {
    padding: 15px;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    text-wrap: balance;
}

.dm-security-identity-scheduler-appointment-tooltip-content{
    max-width: 350px;
}

.dm-security-identity-scheduler-appointment-tooltip-body {
    padding: 5px;
}

.dm-security-identity-scheduler-appointment-tooltip-body-description-content {
    max-height: 100px;
    overflow-y: hidden;
    align-items: baseline;
}

.dm-security-identity-scheduler-appointment-tooltip-body-buttons {
    display: flex;
    gap: 5px;
}

.dm-security-identity-scheduler-appointment-tooltip-body-buttons {
    justify-content: center;
}

.dm-security-identity-scheduler-appointment-tooltip-body-attendees .dm-security-identity-scheduler-appointment-tooltip-body-section-text {
    gap: 5px
}

.dm-component-summary-elements-list-container {
    height: 100%;
    align-items: center;
}

.dm-component-summary-element-container {
    gap: 5px;
}

.dm-component-summary-elements-list-container{
    gap: 5px;
}

/* Charts */
@keyframes dm-chart-radial-percentage-animation {
    0% {
        stroke-dasharray: 0 100;
    }
}
.dm-chart-radial-percentage-block {
    display: block;
    margin: auto;
    max-width: 80%;
    max-height: 250px;
    height: 100%;
}
.dm-chart-radial-percentage-circle-bg {
    fill: none;
    stroke-width: 3.8;
}
.dm-chart-radial-percentage-circle {
    fill: none;
    stroke-width: 3.2;
    stroke-linecap: round;
    animation: dm-chart-radial-percentage-animation 1s ease-out forwards;
}
.dm-chart-radial-percentage-content {
    text-anchor: middle;
    font-weight: bold;
}
.dm-chart-radial-percentage-content-percentage {
    font-size: 6px;
}
.dm-chart-radial-percentage-content-txt {
    font-size: 2px;
}

@keyframes dm-chart-progress-bar-load {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}
.dm-chart-progress-bar {
    width: 100%;
    border: 1px solid;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    position: relative;
    height: 15px;
}
.dm-chart-progress-bar-progress {
    width: 100%;
    height: 13px;
    text-align: center;
    line-height: 13px;
    border-radius: 5px;
    animation: dm-chart-progress-bar-load 2s ease-in-out;
    border-radius: 5px;
}
.dm-chart-progress-bar-invert-progress {
    flex-shrink: 0;
}
.dm-chart-progress-bar-text {
    position: absolute;
    left: 45%;
    /*top: 13%;*/
    font-weight: bold;
    font-size: 11px;
}

.dm-chart-multi-radial-percentage-element {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dm-chart-multi-radial-percentage-chart-block {
    display: flex;
    width: 200px;
    height: 200px;
    margin: auto;
}

.dm-chart-multi-radial-percentage-summary {
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.dm-chart-multi-radial-percentage-summary-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.dm-chart-multi-radial-percentage-summary-item-square {
    width: 10px;
    height: 10px;
    border-radius: 3px;
}

.dm-chart-multi-radial-percentage-block {
    max-width: 80%;
    max-height: 250px;
    height: 100%;
    margin: auto;
}
.dm-chart-multi-radial-percentage-circle {
    fill: none;
    stroke-width: 3.2;
    stroke-linecap: round;
}

.dm-chart-multi-radial-percentage-text {
    font-weight: bold;
}

/* P7M Viewer */
.dm-p7m-viewer-root-container {
    display: flex;
    gap: 5px;
    height: 100%;
}

.dm-p7m-viewer-signatures-container{
    flex: 0 1 400px;
}

.dm-p7m-viewer-signature-info-body{
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 5px;
}

.dm-p7m-viewer-content-container {
    flex: 1 0 0;
}
.dm-p7m-viewer-file-iframe{
    width: 100%;
}

.dm-p7m-viewer-file-container,
.dm-p7m-viewer-file-iframe,
.dm-p7m-viewer-file-editor,
.dm-p7m-viewer-signatures-level-tab-panel,
.dm-p7m-viewer-signatures-tab-panel,
.dm-p7m-viewer-file-downloader-info-container {
    height: 100%;
}

.dm-p7m-viewer-file-downloader-info-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.dm-p7m-viewer-signature-level-tab-panel-tab {
    text-wrap: nowrap;
    justify-content: right;
    width: 15px;
}

.dm-p7m-viewer-signatures-tab-panel.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs > .dx-tabs > .dx-tabs-wrapper {
    border-block-start: none;
    border-block-end: none;
    /*border-left: none;*/
}

.dm-p7m-viewer-signatures-level-tab-panel > .dx-tabpanel-container > .dx-multiview-wrapper {
    border: none;
}

.dm-xml-viewer-monaco-editor {
    height: 100%;
}

.dm-header-control-elements-list-container {
    gap: 5px;
}

.dm-header-control-element-container {
    font-weight: bold;
    border: 1px solid;
    border-radius: 2px;
    padding: 5px;
    gap: 7px;
}

.dm-theme-info-icon-color {
    color: #0dcaf0;
}

/*Chat*/

.dm-base-chat-gradient-orange-bg {
    background: linear-gradient(to bottom, #e95433 0%, #fac052 100%);
}

.dm-base-chat-user-circle,
.dm-base-chat-user-circle-big {
    border-radius: 50%;
    height: 30px;
    width: 30px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.dm-base-chat-send-message-textbox .dx-texteditor-buttons-container {
    /*align-items: end;*/
}

.dm-base-chat-send-message-textbox .dx-texteditor-buttons-container .dx-button {
    margin: 2px 0;
}

.dm-base-chat-send-message-textbox {
    border-radius: 25px !important;
    padding: 2px;
}

.dm-base-chat-footer,
.dm-base-chat-header,
.dm-base-chat-message {
    padding: 10px 15px;
}

.dm-base-chat-message:not(:first-child) {
    border-top: 1px solid;
}

.dm-base-chat-message {
    justify-content: center;
    gap: 3px;
    border-top: 1px solid;
}

.dm-base-chat-send-message-textbox .dm-base-chat-answering-message {
    margin-top: 5px;
}

.dm-base-chat-answering-message {
    border: 1px solid;
    border-radius: 10px;
    padding: 5px 5px 5px 3px;
    margin-bottom: 10px;
}

.dm-base-chat-answering-message-content {
    margin: 5px 0;
    font-size: smaller;
}

.dm-base-chat-answering-message-left-band {
    margin-right: 10px;
    width: 5px;
    border-radius: 15px 0 0 15px;
}

.dm-base-chat-answering-message-top {
    align-items: start;
    gap: 8px;
    margin-bottom: 5px;
}
.dm-base-chat-message-top,
.dm-base-chat-message-center,
.dm-base-chat-message-bottom {
    align-items: center;
    gap: 3px;
}

.dm-base-chat-message-top-left,
.dm-base-chat-message-center-left,
.dm-base-chat-message-bottom-left {
    flex: 0 1 40px;
}

.dm-base-chat-message-center-right,
.dm-base-chat-message-bottom-right {
    flex: 0 1 20px;
}
.dm-base-chat-message-top-right {
    flex: 1 1 70px;
    font-size: 10px;
}

.dm-base-chat-message-top-center{
    flex: 2 0 0;
}

.dm-base-chat-message-top-right,
.dm-base-chat-message-center-right,
.dm-base-chat-message-bottom-right {
    text-align: right;
}

.dm-base-chat-send-message-textbox .dx-texteditor-input-container {
    align-items: center;

}

.dm-base-chat-send-message-textbox .dx-texteditor-input-container .dx-placeholder {
    top: 50%;
    transform: translateY(-50%);
}

.dm-base-chat-user-circle-big {
    height: 35px;
    width: 35px;
}

.dm-base-chat-message-info-read-by-container-header {
    padding: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    font-size: larger;
    border-bottom: 1px solid;
}

.dm-base-chat-message-info-read-by-container {
    border: 1px solid;
    border-radius: 0 0 10px 10px;
}

.dm-base-chat-message-info-read-by-container-body{
    padding: 5px;
    gap: 10px;
}

.dm-base-chat-message-info-read-by-user {
    gap: 15px;
    margin-bottom: 10px;
}
.dm-base-chat-message-info-read-by-user-left {
    padding: 0 5px 10px 5px;
    display: flex;
    justify-content: center;
    align-items: center
}
.dm-base-chat-message-info-read-by-user-right {
    gap: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.dm-rotate-180 {
    transform: rotate(180deg);
}

.dm-base-chat-message-user-name,
.dm-base-chat-title {
    font-size: larger;
    font-weight: bold;
}

.dm-base-chat-answering-message-top .dm-base-chat-message-user-name {
    font-size: inherit;
    font-weight: normal;
}

.dm-gantt-task-chat-send-icon-button {
    margin-right: 5px !important;
}

.dm-base-chat-answering-message {
    margin: 5px;
}

.dm-gantt-tasks-mask-notes-tab-messages-count,
.dm-gantt-tasks-mask-checklist-tab-tasks-count {
    margin: 3px;
    border-radius: 9px;
    padding: 5px;
    height: 18px;
    min-width: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dm-workflow-advanced-search-mask-result-workflow-name {
    font-weight: bold;
    text-decoration: underline;
    font-size: larger;
    margin-bottom: 10px;
}

.dm-breadcrumb-content,
.dm-breadcrumb-item {
    gap: 5px;
}

.dm-breadcrumb-content {
    flex-wrap: wrap;
}

.dm-workflow-advanced-search-mask-result-workflow-match{
    gap: 10px;
}

.dm-workflow-advanced-search-mask-no-matches-found-alert-container {
    margin: 10px auto
}

.dm-workflow-advanced-search-mask-no-matches-found-alert-text{
    text-align: center;
    font-style: oblique;
}

.dm-users-percentage-employment-pivot-grid{
    height: 100%;
}

.dm-users-percentage-employment-pivot-grid .dx-pivotgrid-area tbody td {
    height: 100px;
}
.dm-users-percentage-employment-pivot-grid .dm-users-percentage-employment-percentage-cell {
    padding: 0 !important;
}

.dm-users-percentage-employment-pivot-grid .dx-pivotgrid-area-data tbody td {
    border-left: none !important;
    border-right: none !important;
}
.dx-pivotgrid-area.dx-pivotgrid-vertical-headers td,
.dx-pivotgrid-area.dx-pivotgrid-area-data td {
    padding-top: 10px !important;
}

.dm-users-percentage-employment-pivot-grid .dm-users-percentage-employment-percentage-cell-content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
}

.dm-users-percentage-employment-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
}

.dm-state-disabled {
    opacity: 0.5;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    cursor: default;
}

.dm-qr-code-mfa-token-container {
    width: 200px;
}

.dm-object-info-item {
    margin-bottom: 5px;
}

/********************** AccessLogs **********************/
.dm-access-logs-list {
    height: 100%;
    align-content: center;
}

.dm-access-logs-list-filters-container {
    height: auto;
    width: 50%;
    padding: 40px;
    margin-top: -250px;
    margin-bottom: 0;
}

.dm-access-logs-list-filters {
    height: auto;
    width: 100%;
}

.dm-access-logs-list-buttons-container {
    display: flex;
    gap: 10px;
    justify-content: right;
}

@media only screen and (max-width: 1200px) {
    .dm-access-logs-list-filters-container {
        width: 80%;
    }
}

@media only screen and (max-width: 900px) {
    .dm-access-logs-list-filters-container {
        height: 100%;
        width: 100%;
        padding: 10px;
        margin-top: 0;
    }
}

.dm-base-checklist-cell-title {
    line-height: 16px;
    text-wrap: wrap;
    word-break: break-word;
    white-space: pre-line;
}

.dm-buttons-container {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: right;
}

.dm-move-documents-wizard-last-page,
.dm-move-documents-wizard-result {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dm-move-documents-wizard-storage-progress .dx-progressbar-wrapper {
    text-align: center;
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
}

.dm-move-documents-wizard-storage-progress .dx-progressbar .dx-position-bottom-left .dx-progressbar-status {
    float: unset;
}

.dm-move-documents-wizard-leave-warning {
    font-size: 16px;
    text-align: center;
}

.dm-move-documents-wizard-content {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.dm-move-documents-wizard-providers-chooser {
    display: flex;
    gap: 10px;
    align-items: center;
}

.dm-move-documents-wizard-providers-chooser-box {
    flex: 1 0 0;
}

.dm-working-days-mask-buttons-group {
    display: flex;
    width: 100%;
}

.dm-working-days-mask-buttons-group-btn {
    padding: 0 !important;
    width: 35px;
}


.dm-form-container, .dm-form, .dm-form-fields-container {
    height: 100%;
    width: 100%;
}

.dm-form-field-with-labels-on-left,
.dm-form-field-with-labels-on-right {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
}

.dm-form-field-with-labels-on-left .dm-form-field,
.dm-form-field-with-labels-on-right .dm-form-field {
    display: table-row;
}

.dm-form-field-with-labels-on-top .dm-form-field {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.dm-form-field-label {
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: normal;
    vertical-align: top;
    /* keep the field name column as small as possible */
    width: 1px;
}

.dm-form-field .dm-presenter-filebox-buttons-container-box {
    align-self: center;
}

.dm-form-field-with-labels-on-top .dm-form-field-label {
    display: table-row;
}

.dm-form-field-with-labels-on-top .dm-form-field-presenter {
    display: table-row;
}

.dm-form-field-with-labels-on-left .dm-form-field-label,
.dm-form-field-with-labels-on-right .dm-form-field-label {
    display: table-cell;
    padding-bottom: 2px;
}

.dm-form-field-with-labels-on-left .dm-form-field-presenter,
.dm-form-field-with-labels-on-right .dm-form-field-presenter {
    display: table-cell;
    padding: 2px 0;
}

.dm-form-field-with-labels-on-left .dm-form-field-label {
    text-align: right;
    padding-right: 5px;
}

.dm-form-field-with-labels-on-right .dm-form-field-label {
    text-align: left;
    padding-left: 5px;
}
/* Gantt */
.dm-gantt-content {
    gap: 3px;
    display: flex;
    flex-direction: column;
}

.dm-gantt-summary {
    flex: 0 1 30px;
}

.dm-gantt-event-mask-element {
    margin-top: 5px;
    border: 1px solid;
    padding: 10px;
}

.dm-gantt-tasks-mask-config-milestone-widget-component-htmlrecap-content {
    display: flex;
    flex-direction: column;
    width: 300px;
    text-align: justify;
    margin: auto;
}

.dm-gantt-os-dot {
    margin-left: 6px;
    margin-right: 6px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px;
}

.dm-gantt-splitter-btns {
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    left: -17px;
    display: none;
    align-content: center;
    align-items: center;
    border: 1px solid;
}

.dx-splitter-border:hover .dm-gantt-splitter-btns {
    display: flex;
}

.dm-gantt-splitter-btns > i {
    margin: auto;
    cursor: pointer;
    font-weight: bold;
}

.dm-dependence-chooser {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Added because the DM theme has the same color of the Gantt activities and selecting a row hide the gantt task */
.dx-gantt-sel {
    opacity: 0.3;
}
/* Added because with the DM theme was impossibile to get the dependency circle cause it kept disappearing */
.dx-gantt .dx-gantt-task-edit-dependency-l,
.dx-gantt .dx-gantt-task-edit-successor-dependency-l {
    right: -8px
}

/* SubGanttManager */
.dm-sub-gantt-manager-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dm-sub-gantt-manager-tile {
    border: 1px solid;
    border-radius: 10px;
}

/* GanttTasks mask */
.dm-gantt-tasks-mask-config-tab-link-container {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

@media screen and (max-width: 600px) {
    .dm-gantt-tasks-mask-config-tab-link-container {
        overflow: auto;
    }
}

.dm-gantt-tasks-mask-config-tab-link-wrapper {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1 1 200px;
    height: 100%;
}

.dm-gantt-tasks-mask-config-tab-link-helper-text {
    flex: 0 1 auto;
}

.dm-gantt-tasks-mask-config-tab-link-grid {
    flex: 1 0 0;
    overflow: hidden;
}

.dm-gantt-tasks-mask-config-tab-link-charts {
    display: flex;
    flex-direction: column;
    flex: 3 1 200px;
    overflow: hidden;
    padding: 10px 5px 5px 5px;
    gap: 10px;
    /*overflow: auto;*/
    /*min-height: 500px;*/
}

.dm-gantt-tasks-mask-config-tab-link-chart-element {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
}

.dm-gantt-tasks-mask-config-tab-link-chart-element .dm-gantt-milestone-widget-component-resources {
    justify-content: flex-start;
}

.dm-gantt-milestone-widget-component-resources {
    align-items: center;
}

.dm-gantt-tasks-mask-config-events-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dm-gantt-tasks-mask-config-events-grid {
    flex: 1 0 0;
}

.dm-gantt-tasks-mask-config-events-grid-title-separator {
    flex: 0 1 auto;
    font-size: 14px;
    font-weight: 500;
    margin-top: 5px;
}

.dm-gantt-task-links-grid-legend {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    gap: 5px;
    width: 250px;
    margin: auto;
}

.dm-gantt-tasks-mask-config-content-wrapper .dx-item-content.dx-multiview-item-content {
    overflow-y: auto;
}

.dm-gantt-tasks-mask-inline,
.dm-gantt-tasks-mask-config-inline {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: hidden;
}

.dm-gantt-tasks-mask-inline > .dm-gantt-tasks-mask-form,
.dm-gantt-tasks-mask-config-inline > .dm-gantt-tasks-mask-config-form {
    flex: 1 0 0;
}

.dm-gantt-tasks-mask-buttons-container,
.dm-gantt-tasks-mask-config-buttons-container {
    flex: 0 1 auto;
    margin-top: 10px;
    text-align: right;
}

/******* UserPercentageEmployment *******/
.dm-users-percentage-employment-wrapper .dx-scheduler-cell-sizes-horizontal {
    width: 50px !important;
}

.dm-users-percentage-employment-detail-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex-wrap: wrap;
}

.dm-users-percentage-employment-detail-content-data-container {
    display: flex;
    flex: 1 0 0;
    flex-wrap: wrap;
}

@media screen and (min-width: 600px) {
    .dm-users-percentage-employment-detail-cell-occupation-details-popup-content .dm-appointments-widget-container {
        height: inherit !important;
    }
}

@media screen and (max-width: 600px) {
    .dm-users-percentage-employment-detail-cell-occupation-details-popup-content-gantt-trend {
        max-height: calc(100% - 350px);
    }
}

.dm-users-percentage-employment-detail-cell-occupation-details-popup-content .dm-appointments-widget-content {
    background: none;
}

.dm-users-percentage-employment-detail-cell-occupation-details-popup-content-appointment-widget {
    flex: 0 1 auto;
    overflow: hidden;
}

.dm-users-percentage-employment-detail-cell-occupation-details-popup-content-gantt-trend {
    flex: 1 0 0;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
}

.dm-users-percentage-employment-resource-cell {
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
}

.dm-gantt-row-unplannable {
    font-style: italic;
}
.dm-kanban-wrapper {
    height: 100%;
}

.dm-kanban-mobile .dm-kanban-header {
    width: 100%;
    display: flex;
    height: 52px;
    padding: 1px 10px;
    overflow: hidden;
}

.dm-kanban-content {
    margin-top: 10px;
    height: calc(100% - 10px);
    display: flex;
    flex-direction: row;
    gap: 10px;
    /*width: 100%;*/
    overflow: hidden;
    overflow-x: auto;
    /*scrollbar-width: none;*/
}

.dm-kanban-expanded-layout {
    width: 100%;
    overflow-x: hidden;
}

.dm-kanban-expand-zone {
    flex: 1 0 0;
    overflow: hidden;
}

.dm-kanban-collapse-zone {
    flex: 0 1 450px;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.dm-kanban-content.dm-kanban-mobile {
    overflow-x: hidden;
    flex-direction: column;
    margin: 0;
    height: 100%;
}

.dm-kanban-filter-boxes {
    height: 50px;
    width: calc(100% - 60px); /* - SearchBox - Gap - Pixels to help understand that you can scroll */
    transition: width 0.5s ease;
}

.dm-kanban-filter-boxes-items {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 6px;
    overflow: hidden;
}

.dm-kanban-filter-boxes-item {
    border: 1px solid;
    padding: 14px 20px;
    border-radius: 25px;
    width: fit-content;
    text-wrap: nowrap;
    height: fit-content;
    cursor: pointer;
}

.dm-kanban-filter-boxes-item > span {
    font-weight: bold;
}

.dm-kanban-group-expanded {
    height: 100%;
    width: 100%;
}

.dm-kanban-group.dm-kanban-group-collapsed {
    flex-basis: 160px;
    gap: 0px;
}

.dm-kanban-group-collapsed .dm-kanban-card-toolbar, .dm-kanban-group-collapsed .dm-kanban-card-body, .dm-kanban-group-collapsed .dm-kanban-card-footer, .dm-kanban-group-collapsed .dm-kanban-time-info {
    display: none;
}

.dm-kanban-group-collapsed .dm-kanban-card-header {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0px;
}

.dm-kanban-group-collapsed .dm-kanban-group-header {
    padding: 5px 10px;
}

.dm-kanban-group-collapsed .dm-kanban-group-items-scroll {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dm-kanban-group {
    border: 1px solid;
    flex-grow: 1;
    flex-basis: 450px;
    flex-shrink: 0;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    -webkit-box-shadow: 0px 19px 11px -6px #00000038;
    box-shadow: 0px 19px 11px -6px #00000038;
    overflow: hidden;
}

.dm-kanban-mobile .dm-kanban-static-group {
    flex-basis: 100%;
    flex-shrink: unset;
    flex-grow: unset;
    background: none;
    border: none;
}

.dm-kanban-group-hidden {
    /*display: none;*/
    opacity: 0.2;
}

.dm-kanban-group-header {
    width: 100%;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    align-items: center;
    padding: 10px 28px;
}

.dm-kanban-group:not(.dm-kanban-group-expanded) .dm-kanban-group-collapse-button {
    display: none;
}

.dm-kanban-group.dm-kanban-group-expanded .dm-kanban-group-expand-button {
    display: none;
}

.dm-kanban-group-header-title {
    text-align: left;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    flex: 1 0 auto;
}

.dm-kanban-group-header-counter {
    margin-left: 3px;
}

.dm-kanban-group-header-buttons {
    flex: 0 1 auto;
    display: flex;
    gap: 5px;
}

.dm-kanban-group-items-scroll {
    padding: 0px 10px;
}

.dm-kanban-mobile .dm-kanban-group-items-scroll {
    padding: 0px 10px;
}

.dm-kanban-group-items {
    flex: 1 0 auto;
    display: flex;
    flex-direction: column;
    padding-top: 1px;
    gap: 10px;
}

.dm-kanban-card-drag-point {
    cursor: grab;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 10%;
}

.dm-kanban-mobile .dm-kanban-card-drag-point {
    display: none;
}

.dm-kanban-empty {
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.dm-kanban-mobile .dm-kanban-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
}

.dm-kanban-empty > h1 {
    font-weight: 500;
}

.dm-kanban-empty > img {
    width: 220px;
    height: auto;
}

.dm-kanban-mobile .dm-kanban-empty > img {
    width: 70%;
    height: auto;
}

.dm-kanban-card {
    width: 100%;
    border-radius: 6px;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    -webkit-box-shadow: 0px 7px 11px -6px #00000038;
    box-shadow: 0px 7px 11px -6px #00000038;
    transition: transform 0.5s ease-in-out;
    transition: box-shadow 0.5s ease-in-out;
}

.dm-kanban-mobile .dm-kanban-card {
    border-radius: 20px;
}

.dm-kanban-card:hover {
    -webkit-box-shadow: 0px 19px 11px -6px #0000008c;
    box-shadow: 0px 19px 11px -6px #0000008c;
    transition: transform 0.2s ease-in-out;
    transition: box-shadow 0.2s ease-in-out;
    transform: translateY(-1px);
}

.dm-kanban-group.dm-kanban-group-expanded .dm-kanban-card {
    padding-top: 5px;
    padding-bottom: 10px;
}

.dm-kanban-card-header {
    gap: 6px;
    margin-bottom: 20px;
    border-left: 3px solid;
    padding: 2px 22px;
    display: flex;
    align-items: center;
}

.dm-kanban-mobile .dm-kanban-card-header {
    margin-bottom: 12px;
}

.dm-kanban-header-search-box {
    margin-left: auto;
    border: 1px solid;
    width: 46px;
    height: 46px;
    padding: 14px 20px;
    border-radius: 25px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: width 0.5s ease;
}

.dm-kanban-header-search-box-input {
    display: none;
    width: 100%;
    border: none !important;
}

.dm-kanban-header-search-box-open .dm-kanban-header-search-box-input {
    display: block;
}

.dm-kanban-header-search-box-open .dm-kanban-header-search-box {
    width: 100%;
    align-items: center;
    justify-content: end;
}

.dm-kanban-header-search-box-open .dm-kanban-filter-boxes {
    width: 0;
}

.dm-kanban-card-toolbar {
    width: 100%;
    margin-top: 14px;
    margin-bottom: 12px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0px 22px;
}

.dm-kanban-card-body {
    padding-left: 22px;
    padding-right: 22px;
}

.dm-kanban-card-toolbar-breadcrumb {
    width: 70%;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 3px;
}

.dm-kanban-card-toolbar-breadcrumb > span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dm-kanban-card-toolbar-breadcrumb > span, .dm-kanban-card-toolbar-breadcrumb > i {
    font-size: 12px;
}

.dm-kanban-card-icons, .dm-kanban-mobile .dm-kanban-card-toolbar .dm-kanban-card-icons {
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: end;
    align-items: center;
    gap: 6px;
    width: 30%;
    min-height: 14px;
}

.dm-kanban-mobile .dm-kanban-card-icons {
    width: unset;
    margin-left: 8px;
}

.dm-kanban-card-icons > .dm-kanban-card-icon {
    min-width: 12px;
    height: auto;
    cursor: pointer;
}
.dm-kanban-card-icon {
    display: flex;
    align-items: center;
    gap: 3px;
}

.dm-kanban-card-icons > .dm-kanban-card-icon > i {
    font-size: 12px;
}

.dm-kanban-card-action-btn {
    display: none;
}

.dm-kanban-mobile .dm-kanban-card-action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    margin-left: auto;
}

.dm-kanban-card-change-status-btn {
    border: 1px solid;
    padding: 15px;
}

.dm-kanban-card-change-status-action-sheet-item {
    padding-top: 1px;
    border-bottom: 1px solid;
    height: 30px;
    text-align: center;
}

.dm-kanban-card-title {
    font-size: 16px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 0 0;
}

.dm-kanban-mobile .dm-kanban-card-title-number {
    display: none;
}

.dm-kanban-card-description {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 30px;
    margin-bottom: 16px;
}

.dm-kanban-mobile .dm-kanban-card-description {
    margin-bottom: 13px;
}

.dm-kanban-group.dm-kanban-group-expanded .dm-kanban-card-description {
    max-height: 100px;
}

.dm-kanban-card-footer {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 0px 22px 15px 22px;
}

.dm-kanban-mobile .dm-kanban-card-footer {
    justify-content: unset;
    padding: 0px 15px 13px 22px
}

.dm-kanban-team-group {
    display: flex;
    flex-direction: row;
}


.dm-kanban-card-tag-box {
    border: 1px solid;
    padding: 3px 8px;
    border-radius: 5px;
    width: fit-content;
}

.dm-kanban-card-tag-box-priority {
    margin-left: auto;
}

.dm-kanban-mobile .dm-kanban-card-tag-box-priority {
    margin-left: unset;
}

.dm-kanban-card-tag-boxes {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.dm-kanban-group .dm-kanban-team-group {
    gap: 2px;
}

.dm-kanban-user {
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

.dm-kanban-user-content {
    width: 100%;
}

.dm-kanban-gantts {
    font-size: 12px;
    padding: 10px 20px;
    border-radius: 4px;
}

.dm-kanban-time-info {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    margin-top: 6px;
}

.dm-kanban-time-item-label {
    font-weight: bold;
}

.dm-kanban-time-late > span {
    font-weight: bold;
    padding: 3px 8px;
    border: 1px solid;
    border-radius: 5px;
    text-wrap: nowrap;
}

.dm-kanban-time-duration > i {
    margin-right: 5px;
}

.dm-kanban-card-warning {
    animation: pulse-animation 2s infinite;
}

.dm-kanban-card-hidden-by-search,
.dm-kanban-card-hidden-by-filters {
    display: none;
}

/*.dx-sortable-dragging.dx-sortable-clone:has(.dm-kanban-card) {
    z-index: 2147483647 !important;
}*/


@keyframes pulse-animation {
    0% {
        box-shadow: 0 0 0 0px rgb(220, 161, 66);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }
}
/*
-webkit-scrollbar consists of seven different pseudo-elements, and together comprise a full scrollbar UI element:

::-webkit-scrollbar the background of the bar itself.
::-webkit-scrollbar-button the directional buttons on the scrollbar.
::-webkit-scrollbar-track the empty space “below” the progress bar.
::-webkit-scrollbar-track-piece the top-most layer of the the progress bar not covered by the thumb.
::-webkit-scrollbar-thumb the draggable scrolling element resizes depending on the size of the scrollable element.
::-webkit-scrollbar-corner the bottom corner of the scrollable element, where two scrollbar meet.
::-webkit-resizer the draggable resizing handle that appears above the scrollbar-corner at the bottom corner of some elements.

*/

.dm-kanban-content::-webkit-scrollbar {
    background-color: transparent;
    height: 8px;
    transition: height 0.2s linear 0.15s, background-color 0.2s linear 0.15s;
}

.dm-kanban-content::-webkit-scrollbar:hover {
    background-color: rgba(82, 82, 82, 0.2);
    /*background-color: red;*/
    height: 15px;
}

.dm-kanban-content::-webkit-scrollbar-thumb {
    background-color: rgba(82, 82, 82, 0.7);
    transition: background-color 0.15s linear 0.15s;
}

.dm-gantt-tasks-mask-breadcrumb-gantt-task-title,
.dm-gantt-tasks-mask-config-breadcrumb-gantt-task-title {
    text-wrap: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold
}

.dm-gantt-tasks-mask-breadcrumb-gantt-task-hcs,
.dm-gantt-tasks-mask-config-breadcrumb-gantt-task-hcs {
    gap: 5px;
    flex: 1 1 0;
    text-wrap: nowrap;
    overflow: hidden;
}

.dm-gantt-tasks-mask-breadcrumb-gantt-task-hcs-item-text,
.dm-gantt-tasks-mask-config-breadcrumb-gantt-task-hcs-item-text {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
/************ Toolbar ************/
.dm-toolbar-container.dm-toolbar-default-style {
    min-height: 46px;
    padding: 10px 15px;
    border-radius: 5px;
}

.dm-toolbar-container.dm-toolbar-default-style-with-shadow {
    box-shadow: 0px 10px 7px -4px #00000038;
}

.dm-toolbar-default-style .dx-toolbar .dx-toolbar-before .dx-toolbar-item,
.dm-toolbar-default-style .dx-toolbar .dx-toolbar-center .dx-toolbar-item {
    -webkit-padding-end: 10px;
    padding-inline-end: 10px;
}
.dm-toolbar-default-style .dx-toolbar .dx-toolbar-after .dx-toolbar-item {
    -webkit-padding-start: 10px;
    padding-inline-start: 10px;
}

.dm-toolbar-default-style .dm-toolbar-item-button .dx-button-text,
.dm-toolbar-default-style .dm-toolbar-item-button .dx-button-text,
.dm-toolbar-default-style .dm-toolbar-item-button .dx-button-text {
    font-weight: 500;
}

.dm-toolbar-floating .dx-toolbar {
    background-color: unset;
}

.dm-toolbar-browser-header .dx-toolbar {
    background-color: #323639;
    color: white;
}

.dm-toolbar-browser-header .dx-toolbar-items-container {
    background-color: #323639;
    color: white;
    height: 54px;
}

.dm-toolbar-browser-header .dx-toolbar-before {
    margin-left: 25px;
}

.dm-toolbar-browser-header .dx-toolbar-after {
    margin-right: 25px;
}

.dm-toolbar-browser-header .dx-button-mode-text .dx-icon,
.dm-toolbar-browser-header .dx-button-mode-text {
    color: white;
}

.dm-toolbar-item-separator {
    margin: 0 7px;
    font-weight: 100;
}

/************ Tooltip ************/
.dm-tooltip-info-button {
    cursor: pointer;
}

.dm-tooltip-container .dm-tooltip-wrapper {
    border-radius: 10px;
}

.dm-tooltip-content {
    font-weight: 300;
}

.dm-tooltip-wrapper-offset .dx-popover-arrow {
    display: none;
}

/************ Drawer ************/
.dm-drawer-container .dx-drawer-panel-content {
    transition: width ease-in 0.2s;
}

.dm-drawer-container .dx-drawer-panel-content,
.dm-drawer-content-wrapper {
    display: flex;
}

.dm-drawer-content {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
    /*gap: 20px;*/
    gap: 10px;
    width: 100%;
    overflow-y: scroll;
    scrollbar-width: none;
}

.dm-drawer-content-header,
.dm-drawer-content-footer {
    flex: 0 0 auto;
    text-align: center;
}

.dm-drawer-content-body {
    flex: 1 0 0;
}

.dm-drawer-content-header,
.dm-drawer-content-footer,
.dm-drawer-content-body {
    padding: 0 1px;
}

.dm-drawer-content-root:focus-visible,
.dm-drawer-content-body:focus-visible {
    outline: none;
}

.dm-drawer-item-selected {
    /*outline: 1px solid;*/
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-content {
    /*.dm-drawer-fake-root.dm-drawer-expanded .dx-drawer-panel-content {*/
    min-width: 300px;
    width: 300px;
    padding-left: 0px;
    padding-right: 0px;
}

.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-content {
    /*.dm-drawer-fake-root.dm-drawer-collapsed .dx-drawer-panel-content {*/
    min-width: 80px;
    width: 80px;
    padding-left: 5px;
    padding-right: 5px;
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-item-image-collapsed,
.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-item-image-expanded {
    display: none;
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-item-image-expanded,
.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-item-image-collapsed {
    display: block;
}

.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-item {
    justify-content: center;
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-item {
    justify-content: initial;
}

.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-item:not(.dm-drawer-item-collapsed-showable),
.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-item-text-container {
    display: none;
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-content-body .dm-drawer-item:not(.dm-drawer-item-collapsed-showable),
.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-item-text-container {
    display: flex;
}

.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-content-header .dm-drawer-item-image-element {
    width: 40px;
}

.dm-drawer-fake-root.dm-drawer-collapsed .dm-drawer-search-panel {
    display: none;
    /*visibility: hidden;*/
}

.dm-drawer-fake-root.dm-drawer-expanded .dm-drawer-content-header .dm-drawer-item-image-element {
    width: 230px;
}

.dm-drawer-hidden .dm-drawer-content-root {
    width: 1px !important;
}

/* fatto per fare in modo che il drawer nascosto abbia comunque una larghezza tale da essere selezionabile */
.dm-mask-mode-design > .dm-mask-designroot > .dm-mask-body-container.dm-drawer-hidden .dm-drawer-content-root {
    width: 10px !important;
}

.dm-drawer-content-body .dm-drawer-item {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 8px;
}

.dm-drawer-item-grouping {
    transition: height ease-in 0.2s;
    overflow: hidden;
}

.dm-drawer-item-interactive {
    padding: 12px;
    cursor: pointer;
    border-radius: 8px;
}

.dm-drawer-item-with-child i {
    transition: transform 0.2s;
}

.dm-drawer-item-expanded i.dm-drawer-item-expand-icon {
    transform: rotate(90deg);
}

.dm-drawer-item-title {
    /*font-weight: bold;*/
    font-weight: 500;
}

.dm-drawer-item-description {
    font-weight: 300;
}

.dm-drawer-item-text-container {
    flex-direction: column;
    gap: 4px;
    flex: 1 0 0;
}

.dm-drawer-item-image-element {
    width: 100%;
    vertical-align: middle;
}

.dm-drawer-content-body img.dm-drawer-item-image-element,
.dm-drawer-content-body svg.dm-drawer-item-image-element {
    height: 24px;
}

.dm-drawer-content-body i.dm-drawer-item-image-element {
    font-size: 24px;
}

.dm-drawer-content-header .dm-drawer-item-image-element {
    width: 230px;
}

.dm-drawer-content-footer .dm-drawer-item-image-element {
    width: 100px;
}

.dm-drawer-content-aside-buttons-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*margin-left: -20px;*/
    margin-left: -5px;
    z-index: 1;
}

.dm-drawer-rotate-180 {
    transform: rotate(180deg);
    transition: transform 0.2s;
}

.dm-drawer-item-grouping {
    padding-left: 15px;
}

.dm-drawer-search-panel {
    margin: 0 12px;
}

/************ Wizards ************/
.dm-wizard-container {
    height: 100%;
    width: 100%;
}

.dm-wizard-summary {
    min-width: 250px;
}

.dm-wizard-multiview {
    height: 100%;
    width: 100%;
    padding: 5px;
}

.dm-wizard-summary-item {
    cursor: pointer;
    border-radius: 5px;
    padding: 12px 15px;
    box-shadow: 0px 8px 11px -6px #00000038;
    transition: all 0.2s ease-in-out;
    display: flex;
    align-items: center;
}

    .dm-wizard-summary-item:hover {
        box-shadow: 0px 8px 11px -6px #0000008c;
        transition: all 0.2s ease-in-out;
        transform: translateY(-1px);
    }

.dm-wizard-summary-item {
    margin-top: 5px;
}

.dm-wizard-summary-item-selected {
}

.dm-wizard-summary-item-text {
    flex: 1 0 auto;
}

.dm-wizard-summary-item-state-image {
    height: 20px;
}

.dm-wizard-summary-item-state-icon {
    font-size: 20px;
}

.dm-wizard-page-container {
    padding: 10px;
    height: 100%;
}

/* Resenter Wizard */
.dm-resenter-import-wizard-intro-page {
    text-align: center;
    display: flex;
    flex-direction: column;
}

.dm-resenter-import-wizard-intro-page-big-icon {
    font-size: 140px;
    flex: 0 1 auto;
}

.dm-resenter-import-wizard-intro-page-text {
    margin: 0;
    flex: 0 1 auto;
}

/* View Wizard */
.dm-view-wizard-head h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.dm-view-wizard-head h4 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.dm-view-wizard-head h3, .dm-view-wizard-head h4 {
    line-height: 1.1;
}

/****************** TilesMenu ******************/
.dm-tiles-menu-content {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    padding: 5px;
}

.dm-tiles-menu-tile {
    flex: 0 1 auto;
}

.dm-tiles-menu-content:focus-visible {
    outline: none;
}

/****************** BottomSheet ******************/
.dm-bottomsheet-container {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: #fff;
    transition: bottom 0.3s ease-in-out;
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.3);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    touch-action: none;
    border: 1px solid;
}

.dm-bottomsheet-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dm-bottomsheet-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 15px;
}

.dm-bottomsheet-content-header-bar-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    margin-bottom: 10px;
}

.dm-bottomsheet-content-header-bar {
    width: 30%;
    height: 5px;
    border-radius: 10px;
}

.dm-bottomsheet-content-header {
    width: 100%;
}

.dm-bottomsheet-content-template {
    padding: 0px 15px;
    height: 100%;
}


.dm-bottomsheet-content-footer {
    width: 100%;
    overflow: hidden;
}

.dm-bottomsheet-open {
    bottom: 0;
}

/****************** ImageViewer ******************/
.dm-image-viewer-with-browser-header {
    display: flex;
    flex-direction: column;
    gap: 3px;
    background-color: #525659;
}

.dm-image-viewer-content {
    position: relative;
    align-content: center;
    overflow: auto;
}

.dm-image-viewer-with-browser-header .dm-image-viewer-controls-browser-header {
    flex: 0 1 auto;
    -webkit-box-shadow: 0px 2px 2px 0px #292b2d;
    box-shadow: 0px 2px 2px 0px #292b2d;
    z-index: 1;
}

.dm-image-viewer-with-browser-header .dm-image-viewer-image-container {
    background-color: #525659;
    flex: 1 0 0;
    overflow: auto;
    align-content: center;
}

.dm-image-viewer-image {
    margin: auto;
    -webkit-box-shadow: 0px 0px 2px 1px #292b2d;
    box-shadow: 0px 0px 2px 1px #292b2d;
}

.dm-image-viewer-controls.dm-toolbar-floating {
    position: sticky;
    padding-top: 5px;
    padding-bottom: 5px;
    bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.dm-image-viewer-header-title {
    font-weight: 700;
}

/****************** LoginMask ******************/
.dm-login-mask-container {
    width: 100%;
}

.dm-login-mask-title {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}

.dm-login-mask-description {
    margin-bottom: 20px;
    text-align: center;
    font-size: 16px;
}

.dm-login-mask-type-credentials .dm-login-mask-description {
    margin-bottom: 50px;
}

.dm-login-mask-input-group {
    width: 100%;
    display: flex;
    position: relative;
    gap: 5px;
}

.dm-login-mask-input-custom {
    box-sizing: border-box;
    width: 100%;
    height: 65px;
    border-radius: 8px;
    outline: none;
    padding: 20px;
    font-size: 14px;
    background: none;
    border: 1px solid;
    backdrop-filter: blur(5px);
}

.dm-login-mask-toggle-password {
    cursor: pointer;
    position: absolute;
    right: 12px;
    top: calc(50% - 10px);
}

.dm-login-mask-input-icon {
    font-size: 20px;
}

.dm-login-mask-form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
}

.dm-login-mask-caps-lock-alert {
    display: none;
    text-align: center;
}

.dm-login-mask-link {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: start;
    text-decoration-line: none;
    cursor: pointer;
}

.dm-login-mask-buttons-container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-top: 20px;
}

.dm-login-mask-button {
    cursor: pointer;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 65px;
    border: none;
    border-radius: 8px;
    transition: all 0.2s ease-in-out;
    font-size: 13px;
    font-family: 'Montserrat';
}

a.dm-login-mask-button {
    text-decoration: none;
    font-weight: bold;
}

.dm-login-mask-message-banner {
    padding: 1.25rem;
    border-radius: 0.375rem;
    align-items: center;
    display: flex;
    margin-top: 0.75rem;
    margin-right: auto;
    margin-left: auto;
}

.dm-login-mask-message-banner-icon {
    margin-right: 8px;
    font-size: 18px;
}

.dm-login-mask-remember-me-container {
    display: flex;
    gap: 5px;
    align-items: center;
}

.dm-login-mask-mfa-token-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.dm-login-mask-qr-code-mfa-token {
    flex: 0 1 200px;
}

.dm-login-mask-type-otp .dm-login-mask-title {
    margin-bottom: 0;
    text-align: left;
}
@media only screen and (max-width: 750px) {
    .dm-login-mask-type-otp .dm-login-mask-title {
        text-align: center;
    }
    .dm-login-mask-type-otp .dm-qr-code-mfa-token-container {
        margin: auto;
    }
}

.dm-login-mask-mfa-token-description {
    flex: 1 0 auto;
    /*align-self: center;*/
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
}

.dm-login-mask-type-otp .dm-login-mask-link,
.dm-login-mask-type-otp .dm-login-mask-remember-me-container {
    justify-content: center;
}

/* Mask Designer */
.dm-mask-designer {
    display: grid;
    grid-template-columns: 0 1fr 0;
    grid-template-rows: auto 1fr;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.dm-mask-designer-popup {
    padding: 0;
}

.dm-mask-designer.dm-mask-with-commands {
    grid-template-columns: 250px 1fr 0;
}

.dm-mask-designer.dm-mask-with-propinspector {
    grid-template-columns: 0 1fr 250px;
}

.dm-mask-designer.dm-mask-with-commands.dm-mask-with-propinspector {
    grid-template-columns: 250px 1fr 250px;
}

.dm-mask-designer .dm-mask-designer-commands {
    display: none;
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    padding-top: 5px;
    padding-left: 5px;
}

.dm-mask-designer .dm-mask-designroot {
    padding: 1px;
    outline: none;
}

.dm-mask-designer-buttons {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
}

.dm-mask-designer > .dm-mask {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    padding: 10px;
    overflow: hidden;
}

.dm-mask {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dm-mask-header,
.dm-mask-footer {
    flex: 0 0 auto;
}

.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-header-content,
.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-footer-content {
    padding: 10px;
    margin-bottom: 0;
}

.dm-mask-header-content,
.dm-mask-footer-content {
    /*overflow: hidden;*/
}

.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-header-enabled {
    margin-bottom: 6px;
    border: 1px dashed;
    border-radius: 10px;
    position: relative;
}

.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-footer-enabled {
    margin-top: 6px;
    border: 1px dashed;
    border-radius: 10px;
    position: relative;
}

.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-section-border {
    margin-bottom: 6px;
    border: 1px dashed;
    border-radius: 10px;
}

.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-designer-section-label,
.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-designer-grant-section-label {
    border-radius: 10px;
    z-index: 2;
    text-align: center;
    min-width: 70px;
    position: absolute;
    right: 0;
    margin-top: -10px;
    margin-right: 10px;
}
.dm-mask-designer:not(.dm-mask-mode-preview) .dm-mask-designer-grant-section-label-image {
    height: 13px;
    vertical-align: middle;
    padding-right: 2px;
    margin-top: -4px;
}

.dm-mask-designer-contentpage-watermark {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, .15) 10px, rgba(0, 0, 0, .15) 20px );
    width: 100%;
    height: 600px;
}
.dm-mask-designer-contentpage-watermarkItem {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

/*
.dm-mask {    
    overflow: hidden;
}
    */
/*.dm-mask-body-container {
    flex: 1 0 0;*/
    /*min-height: 0;*/
    /*overflow: hidden;*/
/*}

.dm-mask-scroll-body {
    min-height: auto;
    max-height: 100%;
}*/

.dm-mask-body-container {
    flex: 1 0 0;
    overflow: hidden;
}

.dm-mask-scroll-body {
    height: 100%;
    /*flex: 1 0 0;*/
}

.dm-mask-body-container.dm-mask-infinite-scroll-body {
    overflow: initial;
}

.dm-mask-infinite-scroll-body .dm-mask-scroll-body {
/*.dm-mask-infinite-scroll-body,*/
/*.dm-mask .dm-mask > .dm-mask-scroll-body {*/
    /* Luigi: impostare questo impedisce allo scrollView di avere l'altezza corretta, facendo scomparire il footer.
        Però è necessario permettere di avere delle maschere con altezza dinamica all'interno di altre maschere, quindi assegno questa regola solo quando ho maschere figlie di altre maschere, oppure quando mi è stato esplicitamente richiesto tramite parametro */
    min-height: auto;
}

.dm-mask-designer .dm-mask-ez {
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translateY(100%);
    transition: transform 200ms ease, opacity 200ms ease;
    z-index: 3;
}

.dm-mask-designer.dm-mask-with-ez .dm-mask-ez {
    transform: translateY(0%);
    opacity: 1;
}

.dm-mask-designer-propinspector {
    display: none;
    grid-column: 3 / 4;
    grid-row: 1 / 3;
}

.dm-mask-with-commands .dm-mask-designer-commands {
    display: unset;
}

.dm-mask-with-propinspector .dm-mask-designer-propinspector {
    display: unset;
}

.dm-mask-propinspector .dm-mask-propinspector-propdescription {
    white-space: pre-wrap;
}

.dm-mask-container {
    /*display: flex;*/
    height: 100%;
    width: 100%;
}

.dm-mask-menu-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.dm-mask-fields-buttons {
    display: flex;
    flex-direction: row;
}

    .dm-mask-fields-buttons > * {
        flex: 0 1 0;
        padding-right: 10px;
    }

    .dm-mask-fields-buttons .dm-configuration-button-image {
        height: 20px;
    }

.dm-mask-field-required .dm-mask-field-label {
    font-weight: 600;
}

.dm-mask-layout {
    display: flex;
}

.dm-mask-layout-horizontal.dm-mask-layout-halign-stretch > .dm-mask-layout-item {
    flex: 1 0 0;
}

.dm-mask-layout-horizontal:not(.dm-mask-layout-halign-stretch) > .dm-mask-layout-item {
    flex: 0 1 auto;
}

.dm-mask-designroot .dm-mask-layout-horizontal.dm-mask-layout-valign-top {
    align-items: start;
}

.dm-mask-designroot .dm-mask-layout-horizontal.dm-mask-layout-valign-center {
    align-items: center;
}

.dm-mask-designroot .dm-mask-layout-horizontal.dm-mask-layout-valign-bottom {
    align-items: end;
}

.dm-mask-designroot .dm-mask-layout-horizontal.dm-mask-layout-valign-stretch {
    align-items: stretch;
}

    .dm-mask-designroot .dm-mask-layout-horizontal.dm-mask-layout-valign-stretch > .dm-mask-layout-item > .dm-mask-item:not(.dm-mask-groupbox.dm-mask-panel-collapsed) {
        height: 100%;
    }

.dm-mask-layout-horizontal.dm-mask-layout-halign-left {
    justify-content: start;
}

.dm-mask-layout-horizontal.dm-mask-layout-halign-center {
    justify-content: center;
}

.dm-mask-layout-horizontal.dm-mask-layout-halign-right {
    justify-content: end;
}

.dm-mask-layout-dbg {
    flex: 0 0 20px;
    align-self: center;
}

.dm-mask-layout-handle {
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    opacity: .2;
    text-align: center;
    transition: opacity 150ms ease;
}

    .dm-mask-layout-handle:hover {
        opacity: 1;
    }

    .dm-mask-layout-handle > span {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
    }
/* head & body */
.dm-mask-layout-horizontal {
    flex-direction: row;
}

.dm-mask-layout-vertical {
    /*flex-direction: column; //DEV? Luigi: con componenti che si costruiscono a runtime (scheduler, repeater, ecc...) sembra che non venga calcolata l'altezza corretta, quindi proviamo a lasciare il display block per vedere come si comporta */
    display: block;
}

.dm-mask-field-description {
    font-style: italic;
    font-size: 95%;
    opacity: .8;
}

.dm-mask-field-presenter, .dm-mask-field-presenter-and-description {
    /*border-color: #4d4d4d;*/
    flex: 1 0 0;
    align-self: center;
}

.dm-mask-field-type-boolean > .dm-mask-field-presenter,
.dm-mask-field-type-boolean > .dm-mask-field-presenter-and-description {
    align-self: center;
}

.dm-mask-field-toplabel > .dm-mask-field-presenter-and-description,
.dm-mask-field-toplabel > .dm-mask-field-presenter {
    align-self: unset;
}

.dm-mask-field,
.dm-mask-editor {
    display: flex;
}

.dm-mask-field-toplabel {
    flex-direction: column;
}

.dm-mask-field-leftlabel {
    flex-direction: row;
}

.dm-mask-field-label {
    margin-bottom: 0;
    white-space: nowrap;
    font-weight: normal;
    border-radius: 4px;
}

.dm-mask-field-requiredmark {
    margin-left: 3px;
    font-weight: bold;
}

.dm-mask-field-leftlabel > .dm-mask-field-label {
    padding-right: 5px;
    text-align: right;
}

.dm-mask-field-toplabel > .dm-mask-field-label {
    padding-bottom: 2px;
}

.dm-mask-field-placeholderlabel {
    margin-top: 5px;
}

.dm-mask-dropzone {
    text-align: center;
    opacity: .25;
    border-radius: 100%;
    position: absolute;
    display: none;
    transition: background-color 150ms ease;
    /* quanto spazio è presente tra l'handle e i bordi esterni dell'elemento */
    --dm-mask-handle-padding: 1px;
    /* lo spessore dell'handle */
    --dm-mask-handle-size: 10px;
}

    .dm-mask-dropzone.dm-mask-dragover {
        opacity: 1;
    }

/*.dm-mask-dropzone-left, .dm-mask-dropzone-right {
    border-radius: 100%;
}
*/
.dm-mask-layout > .dm-mask-layout-item {
    transition: margin ease 100ms;
}

/* drag & drop */

/*.dm-mask-dragging .dm-mask-dragover > .dm-mask-dropzone {*/ /* show dropzones on all hovered elements */
/*display: block;*/
/*visibility: hidden;*/
/*opacity: 1;
}*/

/* show dropzones close to the pointer */
.dm-mask-dragging .dm-mask-near-top > .dm-mask-dropzone-top,
.dm-mask-dragging .dm-mask-near-bottom > .dm-mask-dropzone-bottom,
.dm-mask-dragging .dm-mask-near-left > .dm-mask-dropzone-left,
.dm-mask-dragging .dm-mask-near-right > .dm-mask-dropzone-right,
.dm-mask-dragging .dm-mask-near-center > .dm-mask-dropzone-center,
.dm-mask-dragging .dm-mask-near-entire > .dm-mask-dropzone-entire,
.dm-mask-dragging .dm-mask-near-replace > .dm-mask-dropzone-replace {
    display: block;
}

.dm-mask-dragging .dm-mask-layout-vertical.dm-mask-near-left {
    margin-left: 5px;
}

.dm-mask-dragging .dm-mask-layout-vertical.dm-mask-near-right {
    margin-right: 5px;
}

.dm-mask-dragging .dm-mask-layout-horizontal.dm-mask-near-top {
    margin-top: 5px;
}

.dm-mask-dragging .dm-mask-layout-horizontal.dm-mask-near-bottom {
    margin-bottom: 5px;
}

.dm-mask-dragging .dm-mask-layout-vertical.dm-mask-near-left > :not(.dm-mask-dropzone) {
    margin-left: 15px;
}

.dm-mask-dragging .dm-mask-layout-vertical.dm-mask-near-right > :not(.dm-mask-dropzone) {
    margin-right: 15px;
}

.dm-mask-dragging .dm-mask-layout-horizontal.dm-mask-near-top > :not(.dm-mask-dropzone) {
    margin-top: 15px;
}

.dm-mask-dragging .dm-mask-layout-horizontal.dm-mask-near-bottom > :not(.dm-mask-dropzone) {
    margin-bottom: 15px;
}

.dm-mask-item-moved-up {
    animation: dm-mask-item-moved-up 150ms ease;
}

.dm-mask-item-unsupported-warning-box {
    width: 100%;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    align-items: center;
}

@keyframes dm-mask-item-moved-up {
    0% {
        transform: translateY(20px);
    }

    100% {
        transform: none;
    }
}

.dm-mask-item-moved-down {
    animation: dm-mask-item-moved-down 150ms ease;
}

@keyframes dm-mask-item-moved-down {
    0% {
        transform: translateY(-20px);
    }

    100% {
        transform: none;
    }
}

.dm-mask-item-moved-left {
    animation: dm-mask-item-moved-left 150ms ease;
}

@keyframes dm-mask-item-moved-left {
    0% {
        transform: translateX(20px);
    }

    100% {
        transform: none;
    }
}

.dm-mask-item-moved-right {
    animation: dm-mask-item-moved-right 150ms ease;
}

@keyframes dm-mask-item-moved-right {
    0% {
        transform: translateX(-20px);
    }

    100% {
        transform: none;
    }
}

.dm-mask-item-dropped {
    animation: dm-mask-item-dropped 350ms ease;
}

@keyframes dm-mask-item-dropped {
    0% {
        transform: scale(.7);
    }

    60% {
        transform: scale(1.02);
    }

    80% {
        transform: scale(.98);
    }

    100% {
        transform: scale(1);
    }
}

.dm-mask-item-dragging {
    animation: dm-mask-item-dragging 350ms ease infinite alternate;
}

@keyframes dm-mask-item-dragging {
    0% {
        transform: rotateZ(-1deg);
    }

    100% {
        transform: rotateZ(1deg);
    }
    /*    0% {
        transform: scale(.95);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(.95);
    }
*/
}

.dm-mask-dropzone-top, .dm-mask-dropzone-bottom {
    left: 15px;
    width: calc(100% - 2 * 15px);
}

.dm-mask-dropzone-top {
    top: var(--dm-mask-handle-padding);
    height: var(--dm-mask-handle-size);
}

.dm-mask-dropzone-bottom {
    bottom: var(--dm-mask-handle-padding);
    height: var(--dm-mask-handle-size);
}

.dm-mask-dropzone-left, .dm-mask-dropzone-right {
    top: 2px;
    height: calc(100% - 2 * 2px);
}

.dm-mask-dropzone-left {
    left: var(--dm-mask-handle-padding);
    width: var(--dm-mask-handle-size);
}

.dm-mask-dropzone-right {
    right: var(--dm-mask-handle-padding);
    width: var(--dm-mask-handle-size);
}

.dm-mask-dropzone-center {
    top: var(--dm-mask-handle-padding);
    right: var(--dm-mask-handle-padding);
    left: var(--dm-mask-handle-padding);
    min-height: 40px;
    position: static;
}

.dm-mask-dropzone-entire {
    right: var(--dm-mask-handle-padding);
    left: var(--dm-mask-handle-padding);
    min-height: 40px;
    height: 80%;
    top: 10%;
    left: 5%;
    width: 90%;
    /*position: static;*/
}

.dm-mask-dropzone-replace {
    top: 10%;
    right: var(--dm-mask-handle-padding);
    left: var(--dm-mask-handle-padding);
    min-height: 40px;
    height: 80%;
    /*position: static;*/
}

.dm-mask-field-label {
    transition: padding-left 100ms ease;
}

.dm-mask-designer:not(.dm-mask-dragging):not(.dm-mask-with-ez) .dm-mask-item-selected::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 5px;
    border-width: 1px;
    border-style: solid;
    content: '';
    z-index: 1;
}

.dm-mask-separator {
    transition: none;
}

.dm-mask-designer:not(.dm-mask-dragging) .dm-mask-field.dm-mask-item-selected > .dm-mask-field-label {
    padding-left: 5px;
}

/*.dm-mask-dropzone > i {
    transition: opacity ease 300ms;
    opacity: .4;
    font-size: 8px;
    border: 1px solid white;
    padding: 3px;
    border-radius: 10px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
}
*/
/*.dm-mask-dropzone:hover > i {
    opacity: 1;
}
*/
/* property inspector */
.dm-mask-propinspector {
    bottom: 10px;
    right: 10px;
    height: 100%;
    overflow-y: auto;
    padding: 5px;
    /*    border: 1px solid orange;
    background: #333333;
    z-index: 999999;
    border-radius: 5px;
*/
}

.dm-mask-propinspector-props {
    width: 100%;
}
.dm-mask-propinspector-props-withdescription {
    height: 69vh;
}

.dm-mask-propinspector .dm-mask-propinspector-prop-name {
    padding-bottom: 2px;
}

.dm-mask-propinspector .dm-mask-propinspector-propcol:nth-child(n+2) {
    padding-left: 3px;
}

.dm-mask-propinspector-prop-value > * {
    margin-bottom: 5px;
}

.dm-mask-propinspector-propinfo {
/*    margin-top: 33px;*/
    border-top-width: 1px;
    border-top-style: solid;
}

.dm-mask-propinspector-modeselector {
    margin-bottom: 10px;
}

.dm-mask-propinspector-header-btns {
    padding-left: 3px;
}

.dm-mask-propinspector-grouprow {
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 120%;
}

.dm-mask-propinspector-bind {
    padding-left: 3px;
}

.dm-mask-propinspector-grouprow:not(:first-child) {
    padding-top: 10px;
}

.dm-mask-propinspector-itemName {
    margin-top: 3px;
    margin-bottom: 10px;
    text-align: center;
}

    .dm-mask-propinspector-itemName > span {
        font-weight: 600;
    }

    .dm-mask-propinspector-itemName > hr {
        margin-top: 8px;
        margin-bottom: 0;
    }
/* dynasses */
.dm-mask-dynass-content {
    padding: 5px;
}

.dm-mask-dynass-content-grid,
.dm-mask-dynass-content-scheduler {
    height: 600px;
}

.dm-mask-designer.dm-mask-mode-design .dm-mask-dynass-content {
    text-align: center;
    line-height: 500px;
    white-space: nowrap;
    overflow: hidden;
}
/* label */
.dm-mask-label-text {
    border-radius: 5px; /* se il label ha background-color è più bello che abbia i bordi tondi */
}
.dm-mask-taskinfo-text {
    white-space: pre-wrap;
}
/* separator */
.dm-mask-layout-vertical > .dm-mask-layout-item > .dm-mask-separator > .dm-mask-separator-bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 5px;
    transform: translateY(-50%);
    /*background-color: #515151;*/
    border-radius: 10px;
}

.dm-mask-layout-vertical > .dm-mask-layout-item > .dm-mask-separator > .dm-mask-separator-text {
    position: absolute;
    top: 50%;
    left: 50%;
    /*transform: translateY(-60%) translateX(-50%);*/
    transform: translateY(-50%) translateX(-50%);
    text-align: center;
    padding: 1px 10px 2px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 100px;
}

/* spazio tra ogni elemento e quello sottostante */
.dm-mask-submits-valsummary,
.dm-mask-item {
    margin-bottom: 6px;
}

/*div:not(.dm-mask-designer) > .dm-mask .dm-mask-layout-vertical,*/ /* //DEV? */
div:not(.dm-mask-designer) > .dm-mask .dm-mask-groupbox > .dm-mask-panel-body > .dm-mask-layout-horizontal,
/*div:not(.dm-mask-designer) > .dm-mask .dm-mask-layout-horizontal,*/ /* //DEV */
div:not(.dm-mask-designer) > .dm-mask .dm-mask-layout-item:last-of-type > .dm-mask-item:last-child {
    margin-bottom: 0;
}

.dm-mask-item {
    position: relative;
}

.dm-mask-item-bound-icon {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 1;
}

.dm-mask-designroot .dm-mask-layout-horizontal > .dm-mask-layout-item > .dm-mask-item {
    margin-bottom: 0;
}
/* spazio tra gli elementi presenti su una stessa riga */
.dm-mask-designroot .dm-mask-layout-horizontal > .dm-mask-layout-item:nth-child(n+2) {
    margin-left: 10px;
}

.dm-mask-mode-design .dm-mask-designroot .dm-mask-layout-horizontal > .dm-mask-layout-item:nth-child(n+2) {
    margin-left: 2.5px;
}

/* tabpanel (utility for all items that use tabs) */
.dm-mask-height-custom .dm-mask-tabpanel.dx-tabpanel .dx-tab {
    padding: 0 18px;
}

/* tab group */
.dm-mask-tab-title {
    margin-bottom: 0;
}

.dm-mask-tab-body {
    padding: 5px;
}

.dm-tabpanel-rounded .dx-multiview-wrapper {
    border-radius: 0 0 4px 4px;
}

.dm-tabpanel-rounded .dx-tabs {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.dm-tabpanel-rounded .dx-tabs-wrapper > .dx-tab:first-child {
    border-top-left-radius: 4px;
}

.dm-tabpanel-rounded .dx-tabs-wrapper > .dx-tab:last-child {
    border-top-right-radius: 4px;
}

.dm-mask-mode-design .dm-mask-tabpanel.dm-mask-near-bottom .dm-mask-tab-body,
.dm-mask-mode-design .dm-mask-tabpanel.dm-mask-near-top .dm-mask-tab-body,
.dm-mask-mode-design .dm-mask-tabpanel.dm-mask-near-left .dm-mask-tab-body,
.dm-mask-mode-design .dm-mask-tabpanel.dm-mask-near-right .dm-mask-tab-body,
.dm-mask-mode-design .dm-mask-tabpanel.dm-mask-near-center .dm-mask-tab-body {
    min-height: 50px;
}

.dm-mask-item-fixedwidth {
    overflow-x: hidden;
}
/* the wobble animation would make vertical scrollbars appear */
.dm-mask-dragging .dm-mask-item-fixedwidth {
    overflow-y: hidden;
}

.dm-mask-item-fixedheight {
    align-self: stretch;
}

/* submit buttons + tab navigation buttons */
.dm-mask-submits-left > .dm-mask-submits-btns,
.dm-mask-tabnav-align-left,
.dm-mask-custombtn-left {
    text-align: left;
}

.dm-mask-submits-center,
.dm-mask-valsummary-center,
.dm-mask-tabnav-align-center,
.dm-mask-custombtn-center {
    text-align: center;
}

.dm-mask-submits-right,
.dm-mask-valsummary-right,
.dm-mask-tabnav-align-right,
.dm-mask-custombtn-right {
    text-align: right;
}

    .dm-mask-submits-right > .dm-mask-submits-btns > .dx-button:nth-child(n+2),
    .dm-mask-submits-center > .dm-mask-submits-btns > .dx-button:nth-child(n+2),
    .dm-mask-tabnav-align-right > .dx-button:nth-child(n+2),
    .dm-mask-tabnav-align-center > .dx-button:nth-child(n+2) {
        margin-left: 3px;
    }

.dm-mask-submits-left > .dm-mask-submits-btns > .dx-button:nth-last-child(n+2),
.dm-mask-tabnav-align-left > .dx-button:nth-last-child(n+2) {
    margin-right: 3px;
}

.dm-mask-valsummary-icon > i,
.dm-mask-submits-valsummary-icon > i {
    color: #d9534f;
    font-size: 24px;
}

/* object info */
.dm-mask-objinfo-mode-list .dm-mask-objinfo-item {
    margin-bottom: 5px;
}

    .dm-mask-objinfo-mode-list .dm-mask-objinfo-item > label {
        margin-bottom: 0;
    }

.dm-mask-objinfo-mode-table td:first-child {
    font-weight: bold;
    padding-right: 10px;
}

.dm-mask-objinfo-copy, .dm-mask-objinfo-edit {
    margin-left: 5px;
    line-height: 16px;
    font-size: 12px;
}

/* loading indicator */
.dm-mask-source-loading-icon {
    animation-duration: 600ms;
}

/* custom item */
.dm-mask-mode-design .dm-mask-customitem,
.dm-mask-mode-design .dm-mask-widget {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, .15) 10px, rgba(0, 0, 0, .15) 20px );
}

.dm-mask-customitem-text {
    padding: 10px;
}

.dm-mask-designer .dm-mask-customitem,
.dm-mask-designer .dm-mask-widget {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* validation summary */
.dm-mask-designer.dm-mask-mode-design .dm-mask-valsummary {
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    padding-bottom: 17px;
    min-height: 60px;
}

.dm-mask-designer.dm-mask-mode-design .dm-mask-valsummary-placeholder {
    position: absolute;
    padding: 10px;
    top: 50%;
    width: 100%;
    transform: translateY(-55%);
}

    .dm-mask-designer.dm-mask-mode-design .dm-mask-valsummary-placeholder > i {
        position: relative;
        top: 5px;
        font-size: 25px;
        margin-right: 15px;
    }

/* range slider */
.dm-mask-rangeslider-content > .dx-slider {
    box-sizing: content-box;
}

/* scroll view */
.dm-mask-mode-design .dm-mask-scroll {
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
}

.dm-mask-mode-design .dm-mask-scroll-handle {
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

.dm-mask-mode-design .dm-mask-scroll-body {
    padding: 3px;
}

.dm-mask-mode-design .dm-mask-footer,
.dm-mask-mode-design .dm-mask-header {
    max-height: 30%;
}
/* link */
.dm-mask-item-link {
    margin-bottom: 0;
}
.dm-mask-item-link-right {
    text-align: right;
}

.dm-mask-item-link-right .dm-link-text {
    justify-content: end;
}

.dm-mask-item-link-center {
    text-align: center;
}

.dm-mask-item-link-center .dm-link-text {
    justify-content: center;
}

/* EZ */
.dm-mask-ez-designer {
    width: 100%;
    height: 100%;
}

.dm-mask-ez-buttons {
    position: absolute;
    top: 10px;
    right: 35px;
    display: flex;
    gap: 5px
}

.dm-mask-ez-buttons-before > *,
.dm-mask-ez-buttons-center > *,
.dm-mask-ez-buttons-after > * {
    margin-left: 10px;
}

.blocklyDropDownDiv {
    z-index: 2000;
}

.dm-mask-ez-designer .blocklyText.dm-block-light-bg {
    fill: rgb(35, 38, 41);
}

.blocklyTreeSelected.dm-ez-category-selected-light .blocklyTreeLabel {
    color: rgb(35, 38, 41);
}

.blocklyWidgetDiv .blocklyMenu {
    box-sizing: content-box;
}

.dm-theme-dark .blocklyHtmlInput {
    color: black;
}

.dm-mask-designer .dm-mask-ez .blocklyMainBackground,
.dm-mask-ez .blocklyMainBackground {
    stroke: none;
}

.dm-mask-designer .dm-mask-ez .blocklyToolboxDiv *,
.dm-mask-ez .blocklyToolboxDiv * {
    font-family: inherit;
}

.dm-mask-designer .dm-mask-ez .blocklyToolboxDiv .blocklyTreeLabel,
.dm-mask-ez .blocklyToolboxDiv .blocklyTreeLabel {
    padding-bottom: 4px;
}

.dm-ez-log-item {
    margin-bottom: 6px;
}

.dm-ez-log-item > i {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.dm-ez-log-error > i {
    color: red;
}

.dm-ez-log-info > i {
    color: lightblue;
}

.dm-ez-log-warn > i {
    color: yellow;
}

.dm-ez-log-debug > i {
    color: orange;
}

.blocklySvg {
    cursor: grab;
}

.blocklyWsDragSurface {
    cursor: grabbing;
}

path.blocklyPath.blockly-ws-search-unhighlight {
    opacity: 0.2;
}
/*path.blocklyPath.blockly-ws-search-highlight {
    fill: black;
}
path.blocklyPath.blockly-ws-search-highlight.blockly-ws-search-current {
    fill: grey;
}*/
.dm-ez-designer-search-box {
    vertical-align: middle;
}

.dm-ez-toolbox-search-box {
    margin-bottom: 2px;
    margin-left: 3px;
    width: 200px;
}

.dm-ez-custom-template-picker {
    width: 640px !important;
    max-width: 100vw;
}

.dm-grid-tabs.dm-grid-tabs-tabs-visible .dm-mask {
    padding: 5px 10px;
}

.dm-mask-resize-line {
    align-self: stretch;
    width: 5px;
    margin-left: 2.5px;
    cursor: w-resize;
    border-radius: 5px;
    opacity: 0;
}

.dm-mask-empty-item {
    height: 100%;
}

.dm-mask-dragging .dm-mask-resize-line {
    opacity: 0;
}

.dm-maskItem-configWatermark {
    width: 100%;
    opacity: 0.5;
    position: absolute;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.dm-mask-resize-line-active,
.dm-mask-resize-line:hover {
    opacity: 0.7;
}

.dm-mask-designer .dm-mask-section-content {
    min-height: 25px;
}

.dm-mask-body:focus-visible {
    outline: none; /* it overwrites the browser default that happnes sometimes. outline: -webkit-focus-ring-color auto 1px; */
}

.dm-mask-header,
.dm-mask-header-content,
.dm-mask-header-content > .dm-mask-item:last-of-type,
.dm-mask-header-content > .dm-mask-item:last-of-type > .dm-mask-layout-item:last-of-type,
.dm-mask-footer,
.dm-mask-footer-content,
.dm-mask-footer-content > .dm-mask-item:last-of-type,
.dm-mask-footer-content > .dm-mask-item:last-of-type > .dm-mask-layout-item:last-of-type {
    margin-bottom: 0;
}

.dm-mask-html-raw {
    margin-bottom: 0;
}

/* Outcomes */
.dm-mask-outcomes-outcome {
    margin-bottom: 3px;
}

.dm-mask-outcomes-left .dm-mask-outcomes-outcome:not(:last-child),
.dm-mask-outcomes-center .dm-mask-outcomes-outcome:not(:last-child) {
    margin-right: 3px;
}

.dm-mask-outcomes-right .dm-mask-outcomes-outcome:not(:first-child) {
    margin-left: 3px;
}

.dm-mask-outcomes-right {
    text-align: right;
}

.dm-mask-outcomes-center {
    text-align: center;
}

.dm-mask-grant-checker-content {
    min-height: 25px;
}

/* Network Credentials alert*/
.dm-mask-networkcredentials-alertBox {
    width: 100%;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dm-mask-networkcredentials-alertBox > i, .dm-mask-item-unsupported-warning-box > i {
    font-size: 3em;
    margin-right: 3px;
}
.dm-mask-networkcredentials-presenter-lock-container {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, rgba(0, 0, 0, .15) 10px, rgba(0, 0, 0, .15) 20px );
    width: 100%;
    min-height: 4vh;
    border-radius: 5px;
    border: 1px solid;
}

.dm-ez-search-box-dummy-svg-container{
    display: none;
    position: absolute;
}

/* Built-in content pages */
.dm-mask-built-in-content-page-design-content {
    min-height: 25px;
    text-align: center;
    align-content: center;
}


.dm-mask-appointment-kanban-header-button-count-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.dm-mask-appointment-kanban-header-button-count-text {
    padding: 1px;
    height: 13px;
    min-width: 13px;
    font-size: 9px;
    background: white;
    border-radius: 50%;
}

.dm-mask-dynass-jumbotron {
    gap: 20px;
}

.dm-mask-dynass-jumbotron-message-box {
    gap: 10px;
}
.dm-mask .dx-texteditor.dx-state-readonly input,
.dm-mask .dx-radiogroup.dx-state-readonly .dx-radiobutton,
.dm-mask .dx-slider.dx-state-readonly .dx-slider-wrapper,
.dm-mask .dx-texteditor.dx-state-readonly textarea {
    cursor: no-drop;
}

/* textbox */
textarea.form-control.dm-presenter-textbox {
    height: 30px;
    resize: vertical;
}

.dm-mask-presenter-textbox-upper .dx-texteditor-input {
    text-transform: uppercase;
}

.dm-mask-presenter-textbox-lower .dx-texteditor-input {
    text-transform: lowercase;
}

/* listview */
.dm-listview-container {
    display: flex;
}

.dm-list-view-invalid {
    border: 1px solid #d9534f;
    border-radius: 4px;
}

.dm-list-view {
    display: inline-block;
}

.dm-list-view-error {
    display: grid;
}

    .dm-list-view-error i {
        margin: auto 10px;
        color: #d9534f;
        font-size: 24px;
    }

.dm-list-view .dx-list-select-all {
    cursor: pointer;
    padding: 5px 0 4px;
}

.dm-list-view .dx-item-content.dx-list-item-content {
    padding: 4px 10px;
}

.dm-listview-invalid-row {
    padding-bottom: 5px;
    text-align: center;
    cursor: pointer;
    display: none;
}

.dm-listview-invalid {
    border: 1px solid rgba(217, 83, 79, 0.4);
    border-radius: 4px;
    padding-top: 4px;
}

.dm-listview-invalid-popup .dx-popup-content {
    padding: 10px;
}

.dm-listview-invalid-icon {
    display: inline-block;
    pointer-events: none;
    font-weight: 700;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #2a2a2a;
    border-radius: 50%;
}

/* FileBox */
.dm-file-uploader-invalid-col {
    padding-right: 5px;
    text-align: center;
    cursor: pointer;
    display: none;
    flex-direction: column;
}

    .dm-file-uploader-invalid-col > div.dm-file-uploader-invalid-space {
        flex: 1 0 0;
    }

.dm-file-uploader-invalid {
    display: flex;
}

.dm-file-uploader-invalid-popup .dx-popup-content {
    padding: 10px;
}

.dm-file-uploader-invalid-icon {
    flex: 0 1 0;
    display: inline-block;
    pointer-events: none;
    font-weight: 700;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #2a2a2a;
    border-radius: 50%;
}

/* File Uploader */
.dm-file-uploader-file-container,
.dm-file-uploader-file-iframe {
    width: 100%;
}
.dm-file-uploader-file-iframe {
    border-width: 0;
    height: 700px;
}
.dm-file-uploader-file-image {
    max-width: 100%;
}

/* MultiLanguage default presenter */
.dm-multilanguage-default .form-group {
    margin-bottom: 0;
}

.dm-multilanguage-default .row {
    margin-top: 2px;
}

.dm-multilanguage-default label {
    margin-top: 5px;
}

/* Formula */
.dm-presenter-formula {
    display: flex;
}

.dm-presenter-formula-text-area {
    flex: 1 0 0;
}

.dm-presenter-formula-drop-down-button {
    flex: 0 1 0;
    max-height: 36px;
}
/* presenter listview */
.dm-presenter-listview .dx-checkbox-container,
.dm-presenter-listview .dx-radiobutton {
    position: relative;
    top: -1px;
}
/* presenter lookupedit */
.dm-mask-presenter-lookupedit .dx-tag-content {
    white-space: nowrap;
}

.dm-mask-presenter-lookupedit .dx-texteditor-container .dx-placeholder::before {
    padding-top: 0;
    padding-bottom: 0;
}
/* presenter combobox */
.dm-mask-field-presenter .dx-texteditor-container .dx-placeholder::before {
    padding-top: 0;
    padding-bottom: 0;
}
/* presenter DatePicker */
.dx-datebox.dx-auto-width .dx-texteditor-input,
.dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input {
    padding-right: 0;
}
/* textbox ML */
.dm-mask-presenter-textbox-ml {
    width: 100%;
}

.dm-mask-presenter-textbox-ml-value > * {
    margin-bottom: 3px;
}

.dm-mask-presenter-textbox-ml-value {
    width: 100%;
}

.dm-mask-field-placeholderlabel .dm-mask-presenter-textbox-ml-value {
    padding-top: 5px;
}

.dm-mask-presenter-textbox-ml-label {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
}

    .dm-mask-presenter-textbox-ml-label > label {
        font-weight: normal;
    }
/* tabbed */
.dm-mask .dm-mask-presenter-tabbed .dx-textarea {
    border: none;
    padding-left: 10px;
    padding-right: 10px;
}

.dm-mask-presenter-tabbed-title {
    margin-bottom: 0;
    cursor: pointer;
}

/* title/label */
.dm-presenter-title-text {
    text-align: center;
}

.dm-presenter-title-text {
    margin: 0;
}

/* file uploader */
.dm-file-uploader-uploader-container {
    display: flex;
}

.dm-file-uploader-with-preview .dm-file-uploader-uploader-container {
    margin-bottom: 5px;
}

.dm-file-uploader-uploader {
    flex: 1 0 0;
}

.dm-file-uploader-buttons-container {
    display: flex;
}

.dm-file-uploader-buttons-container-box {
    flex: 0 0 0;
}

.dm-file-uploader-button {
    margin-right: 5px;
}

.dm-file-uploader .dx-fileuploader-input-wrapper {
    border-width: 0;
}

.dm-file-uploader .dx-fileuploader-wrapper,
.dm-file-uploader .dx-fileuploader-input-wrapper,
.dm-file-uploader .dx-fileuploader-file-container,
.dm-file-uploader .dx-fileuploader-files-container,
.dm-file-uploader .dx-fileuploader-file {
    padding: 0;
}

.dm-file-uploader .dx-fileuploader-file {
    padding-top: 3px;
}

.dm-presenter-file-uploader .dx-fileuploader-input-wrapper {
    border-width: 0;
}

.dm-presenter-toggleSwitch-contentPlacementCustom {
    display: flex;
}

.dm-presenter-toggleSwitch-contentPlacementCustomText {
    flex: 0 1;
    align-self: center;
}

.dm-presenter-toggleSwitch-noTransition {
    transition: none !important;
}

.dm-presenter-hyperLink {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.dm-presenter-hyperLinkIcon {
    align-self: center;
    cursor: pointer;
    margin-right: 3px;
}

.dm-presenter-emlViewerBox {
    width: 100%;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    min-height: 36px;
}

.dm-presenter-emlViewerRow {
    margin-bottom: 10px;
}

    .dm-presenter-emlViewerRow label {
        align-self: center;
        margin-bottom: 0;
    }

    .dm-presenter-emlViewerRow tr {
        padding-bottom: 5px;
    }

    .dm-presenter-emlViewerRow td {
        padding: 3px;
        align-self: center;
    }

.dm-presenter-emlViewerRowContent {
    width: 100%;
}

.dm-presenter-emlViewerAttachments {
    display: flex;
    margin-top: 10px;
}

.dm-presenter-emlViewerAttachment {
    height: 36px;
    border: 1px solid #4d4d4d;
    border-radius: 6px;
    display: flex;
    margin-right: 5px;
    max-width: 300px;
    text-wrap: nowrap;
}

    .dm-presenter-emlViewerAttachment a {
        margin: auto 10px auto 10px;
        cursor: pointer;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .dm-presenter-emlViewerAttachment i {
        align-self: center;
        margin-top: 2px;
        margin-right: 3px;
        cursor: pointer;
    }

.dm-presenter-emlViewerAttachments .dm-presenter-filebox .dx-fileuploader-files-container {
    margin-top: 4px;
    margin-left: 15px;
}

.dm-presenter-htmlEditorTabbed {
    border: none;
    margin-top: 2px;
}

/* tablebox */
.dm-tablebox-filters {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .dm-tablebox-filters > .dm-tablebox-filters-title {
        flex: 0 1 0;
        text-align: center;
    }

    .dm-tablebox-filters > .dm-tablebox-filters-body {
        flex: 1 0 0%;
        overflow: hidden;
        width: 800px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .dm-tablebox-filters > .dm-tablebox-filters-btn {
        flex: 0 1 0;
        text-align: right;
        padding-top: 5px;
    }

.dm-tablebox-grid {
    display: flex;
    flex-direction: column;
    height: 100%;
}

    .dm-tablebox-grid > .dm-tablebox-grid-title {
        flex: 0 1 0;
        text-align: center;
    }

    .dm-tablebox-grid > .dm-tablebox-grid-content {
        flex: 1 0 0;
        overflow: auto;
    }

/* buttongroup */
.dm-buttongroup-invalid-col {
    text-align: center;
    align-self: center;
    padding-right: 5px;
    cursor: pointer;
    display: none;
}

.dm-buttongroup-invalid-popup .dx-popup-content {
    padding: 10px;
}

.dm-buttongroup-invalid-icon {
    display: inline-block;
    pointer-events: none;
    font-weight: 700;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #2a2a2a;
    border-radius: 50%;
}

/* loading indicator */
.dm-presenter-loading-indicator {
    display: none;
}

.dm-presenter-loading-indicator-visible {
    display: block;
    padding-right: 10px;
    align-self: center;
}

/* html raw */
.dm-mask-html-raw .dm-mask-html-raw-monaco-editor {
    min-height: 20vh;
}

.dm-mask-html-raw-container {
    padding: 5px;
}

.dm-mask-html-raw-content-hover {
    box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 40%);
    /*transition: box-shadow 0.4s ease;*/
    /*cursor: pointer;*/
}

/* Signature */
.dm-presenter-signature-container {
    display: flex;
    width: 100%;
    height: 100%;
    gap: 10px;
    /*overflow: hidden;*/
    flex-wrap: wrap;
}

.dm-presenter-signature-content {
    flex: 1 0 150px;
    /*height: 100%;*/ /* check mobile before uncommenting */
}

.dm-presenter-signature-qr-code-container {
    flex: 0 1 auto;
    align-self: center;
}

.dm-signature-pad-container {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.dm-signature-pad {
    border: 1px solid;
    width: 100%;
    height: 100%;
}

.dm-signature-pad-disabled {
    cursor: no-drop;
    opacity: 0.7;
}

.dm-signature-pad-buttons-container {
    position: absolute;
    right: 0;
    top: 0;
}

.dm-presenter-signature-qr-code {
    max-width: 200px;
    max-height: 200px;
}

.dm-presenter-signature-qr-code-cover {
    display: none;
    cursor: pointer;
    padding: 30px;
}

.dm-presenter-signature-qr-code-cover-content {
    height: 100%;
}

.dm-presenter-signature-qr-code-cover-icon {
    line-height: 1;
}

.dm-presenter-signature-invalid-col {
    padding-right: 5px;
    text-align: center;
    cursor: pointer;
    display: none;
    flex-direction: column;
}

.dm-presenter-signature-invalid-col > div.dm-presenter-signature-invalid-space {
    flex: 1 0 0;
}

.dm-presenter-signature-invalid {
    display: flex;
}

.dm-presenter-signature-invalid-popup .dx-popup-content {
    padding: 10px;
}

.dm-presenter-signature-invalid-icon {
    flex: 0 1 0;
    display: inline-block;
    pointer-events: none;
    font-weight: 700;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    background-color: #d9534f;
    color: #2a2a2a;
    border-radius: 50%;
}

.dm-icon-box-item {
    display: flex;
    align-items: center;
}

.dm-icon-box-item-editor {
    display: flex;
}

.dm-icon-box-item-editor > .dm-icon-box-item-icon {
    flex: 0 1 auto;
    margin-left: 5px;
    align-self: center;
}

.dm-icon-box-item-editor > .dm-icon-box-item-text-box {
    flex: 1 0 0;
}

.dm-icon-box-item .dm-icon-box-item-icon,
.dm-icon-selector i {
    vertical-align: middle;
    margin-right: 5px;
}

.dm-icon-selector-select-box > i {
    margin-left: 3px;
    align-self: center;
}

label.dx-field-label {
    /* I need to overwrite the default bootstrap value of 700 */
    font-weight: 400;
}

/* OtpBox */
.dm-otp-box-content {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.dm-otp-box-digit-item {
    width: 35px;
    height: 50px;
    border: 1px solid;
    border-radius: 5px;
    line-height: 50px;
    text-align: center;
    font-size: 24px;
    font-weight: 200;
    padding: 0;
}

.dm-otp-box-digit-item:focus-visible {
    outline: 1px solid;
}

.dm-otp-box-digit-item-separator {
    padding: 0 5px;
    font-size: 24px;
}

/* EnumBox */
.dm-enum-box-tag-content {
    display: flex;
    gap: 5px;
    align-items: center;
}

.dm-enum-box-tag-content-image-container {
    width: 14px;
}

.dm-enum-box-tag-content-image,
.dm-enum-box-tag-content-icon {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

/* ZoomBox */
.dm-zoom-box-zoom-selector .dx-popup-normal {
    text-align: right;
}

.dm-zoom-box-content {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.dm-zoom-box-plus-button,
.dm-zoom-box-minus-button {
    cursor: pointer;
}

/* Scheudler String Formatter Config */
.dm-scheduler-string-formatter-button {
    margin: 0 5px 10px 5px;
}

.dm-scheduler-string-formatter-section {
    margin-bottom: 20px;
}

.dm-scheduler-string-formatter-example {
    white-space: pre-wrap;
}

h4.dm-scheduler-string-formatter-section-title {
    font-weight: 400;
}

/* Scheduler */
.dm-scheduler-container,
.dm-scheduler-main-content,
.dm-scheduler-content
{
    height: 100%;
    width: 100%;
}

.dm-scheduler {
    flex: 1 1 0;
    overflow: hidden;
    width: 100%;
}

.dm-scheduler-header-panel-empty-cell {
    margin: 0;
    align-items: center;
}

.dm-scheduler-resource-header-empty-space {
    flex: 1 0 0;
}


/* Search Filters */
.dm-scheduler-main-content {
    display: flex;
}

.dm-scheduler-search-filters-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dm-scheduler-search-filters-title {
    margin-top: 10px;
    margin-bottom: 5px;
}

h2.dm-scheduler-search-filters-title {
    font-weight: 600;
}

.dm-scheduler-search-filters-description {
    margin-bottom: 15px;
    white-space: pre-wrap;
    height: 100%;
}

/* Panels */
.dm-scheduler-panel {
    height: 100%;
    max-width: 40%;
    /*min-width: 40%;*/
    overflow: hidden;
}

.dm-scheduler-left-panel {
    margin-right: 5px;
}

.dm-scheduler-right-panel {
    margin-left: 5px;
}

.dm-scheduler-panel > div:not(.dm-scheduler-panel-header) {
    /*padding: 10px 10px 5px 10px;*/
    padding-top: 5px;
}

.dm-scheduler-panel-header {
    padding: 5px 8px;
    border-bottom: 1px solid;
    flex: 0 1 auto;
}

.dm-scheduler-panel-header-title {
    align-self: center;
}

/* Border Radius Appointments */
.dm-scheduler .dx-scheduler-appointment,
.dm-scheduler-appointment-parent-container:not(.dx-list-item),
.dm-scheduler-appointment-parent-container:not(.dx-list-item) .dm-scheduler-appointment-container {
    border-radius: 4px;
}

/* Appointments Collectors */
.dm-scheduler .dx-scheduler-appointment-collector.dx-button.dx-button-default,
.dm-scheduler .dx-scheduler-appointment-collector.dx-state-hover::before {
    border-radius: 4px;
    box-shadow: unset !important;
}

.dm-scheduler .dx-scheduler-appointment-collector.dx-button .dx-button-content {
    padding: 2px;
}

/* Cells */
.dm-scheduler-cell-container {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 2px 5px 0 5px;
    display: flex;
    flex-direction: column;
}

.dm-scheduler-cell-festivity {
    display: flex;
    flex-direction: column;
    white-space: pre-wrap;
    overflow: hidden;
}

.dm-scheduler-cell-title {
    margin-bottom: 4px;
    font-weight: 700;
    padding: 0 5px;
    text-align: center;
    margin-left: -5px;
    margin-right: -5px;
    white-space: pre-wrap;
    overflow: hidden;
    /*flex: 0 0 0;*/
}

.dm-scheduler-cell-description {
    opacity: 0.7;
    white-space: pre-wrap;
    flex: 1 1 0;
    overflow: hidden;
    margin: 0;
}
/*
.dm-scheduler .dx-scheduler-work-space-month .dx-scheduler-date-table-cell {
    overflow: hidden;
}
*/
/* Resources */
.dm-scheduler-resource-vertical-top-icons-container {
    margin-bottom: 2px;
}

.dm-scheduler-resource-vertical-bottom-icons-container {
    margin-top: 4px;
}

.dm-scheduler .dx-scheduler-group-header-content div {
    overflow: inherit;
}

.dm-scheduler-resource-container {
    font-weight: 400;
    height: 100%;
    position: relative;
}

.dm-scheduler-resource-container .dm-scheduler-resource-content {
    width: 100%;
    margin: 5px;
}

.dm-scheduler-resource-container .dm-scheduler-resource-content-with-description {
    display: flex;
    flex-direction: column;
    max-height: 100%;
}

.dm-scheduler-resource-container .dm-scheduler-resource-content {
    align-self: center;
}

.dm-scheduler-resource-title-text,
.dm-scheduler-resource-description {
    margin: 0;
    text-align: left;
    padding: 0px;
    white-space: pre-wrap;
}

.dm-scheduler-resource-description {
    font-weight: 400;
    opacity: 0.7;
    font-size: 10px;
}

.dm-scheduler .dx-scheduler-group-header.dx-scheduler-last-group-cell.dx-scheduler-first-group-cell {
    padding: 0px;
}

.dm-scheduler .dx-scheduler-group-header.dx-scheduler-last-group-cell.dx-scheduler-first-group-cell .dm-scheduler-resource-container {
    height: 100%;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 6px;
}

.dm-scheduler-resource-content-info-icon {
    cursor: pointer;
    align-self: center;
}

/* Appointments */
.dm-scheduler .dx-scheduler-work-space-month .dx-scheduler-appointment-content {
    padding: 0;
}

.dm-scheduler .dx-scheduler-appointment-content * {
    overflow: hidden;
    text-overflow: ellipsis;
}

.dm-scheduler-appointment-container,
.dx-scheduler-appointment-recurrence .dx-scheduler-appointment-content {
    width: 100%;
    height: 100%;
    position: relative;
    padding: 0;
}

.dm-scheduler-appointment-content {
    flex: 1 0 0;
    padding: 2px 5px;
    padding-top: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.dm-scheduler .dx-scheduler-agenda .dm-scheduler-appointment-content {
    display: flex;
    padding: 2px 5px;
    padding-top: 0;
}

.dm-scheduler .dx-scheduler-agenda .dm-scheduler-appointment-parent-container {
    padding: 0;
}


.dm-scheduler-appointment-selected {
    border: 2px solid;
}

.dm-scheduler-appointment-title {
    padding: 0 5px;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 2px;
}

.dm-scheduler-appointment-title-text {
    white-space: pre;
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    margin-top: 5px;
}

.dm-scheduler-appointment-description {
    /*margin-bottom: 4px;*/
    flex: 1 0 0;
    margin-bottom: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 10px;
    text-align: left;
}

.dm-scheduler-appointment-tooltip-parent-container .dm-scheduler-appointment-description {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.dm-scheduler .dx-scheduler-group-header,
.dm-scheduler .dx-scheduler-group-flex-container .dx-scheduler-group-row .dx-scheduler-group-header {
    width: auto;
    max-width: 300px;
    white-space: pre-wrap;
    overflow: hidden;
}

.dm-scheduler .dx-scheduler-group-flex-container,
.dm-scheduler .dx-scheduler-work-space-vertical-group-table,
.dm-scheduler .dx-scheduler-sidebar-scrollable {
    flex: 0 0 auto;
    max-width: 300px;
    overflow: hidden;
}

.dm-scheduler-appointment-expanded {
    height: auto !important;
    width: auto !important;
    min-height: 150px !important;
    min-width: 300px !important;
    z-index: 2000;
    border: 2px solid;
}

.dm-scheduler-header-panel-empty-cell {
    max-width: 300px;
    overflow: hidden;
}

.dm-scheduler-appointment-expanded .dm-scheduler-appointment-container {
    min-height: 146px !important;
    min-width: 296px !important;
}

/* Icons */
.dm-scheduler-content-icon {
    height: 16px;
    width: 16px;
    font-size: 16px;
    display: inline-block;
}

.dm-scheduler-vertical-icons-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dm-scheduler-horizontal-icons-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    flex: 1 0 0;
}

.dm-scheduler-appointment-vertical-container {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.dm-scheduler-appointment-vertical-middle-container {
    display: flex;
    flex: 2 1 auto;
    min-height: 12px;
}

.dm-scheduler-vertical-top-icons-container > div,
.dm-scheduler-vertical-bottom-icons-container > div {
    display: inline-block;
}

.dm-scheduler-vertical-top-icons-container,
.dm-scheduler-vertical-bottom-icons-container {
    display: flex;
    max-height: 18px;
    justify-content: space-between;
}

.dm-scheduler-vertical-top-center-icons-container,
.dm-scheduler-vertical-bottom-center-icons-container {
    flex: 0 1 auto;
}

.dm-scheduler-vertical-top-left-icons-container,
.dm-scheduler-vertical-bottom-left-icons-container {
    text-align: left;
    padding: 0 5px;
    display: flex;
    gap: 5px;
    flex: 0 1 auto;
}

.dm-scheduler-vertical-bottom-icons-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 4px 0px;
    flex: 1 2 auto;
    min-height: 25px;
}

.dm-scheduler-appointment-content-icon {
    margin-top: 1px;
    margin-bottom: 2px;
    vertical-align: middle;
}

.dm-scheduler-vertical-top-center-icons-container,
.dm-scheduler-vertical-bottom-center-icons-container {
    text-align: center;
    padding:2px;
}

.dm-scheduler-vertical-top-left-of-title-icons-container, .dm-scheduler-vertical-bottom-left-of-description-icons-container {
    flex: 1;
    text-align: left;
}

.dm-scheduler-vertical-top-center-of-title-icons-container, .dm-scheduler-vertical-bottom-center-of-description-icons-container {
    flex: 1;
    text-align: center;
}

.dm-scheduler-vertical-top-right-of-title-icons-container, .dm-scheduler-vertical-bottom-right-of-description-icons-container {
    flex: 1;
    text-align: right;
}

.dm-scheduler-vertical-top-right-icons-container,
.dm-scheduler-vertical-bottom-right-icons-container {
    text-align: right;
    display: flex;
    gap: 5px;
    padding: 0 5px;
    flex: 0 1 auto;
    justify-content: flex-end;
    align-items: flex-end;
}

.dm-scheduler-appointment-vertical-top-icons-container .dm-scheduler-vertical-top-right-icons-container,
.dm-scheduler-appointment-vertical-top-icons-container.dm-scheduler-vertical-bottom-right-icons-container {
    padding: 0px;
}

.dm-scheduler-horizontal-left-icons-container,
.dm-scheduler-horizontal-right-icons-container {
    align-self: center;
    display: grid;
    padding: 2px;
    margin-left: 2px;
    gap: 5px;
}

.dm-scheduler-appointment-title,
.dm-scheduler-resource-title {  
    display: flex;
    align-items: center;
    gap: 2px;
}

.dm-scheduler-resource-title-text,
.dm-scheduler-appointment-title-text {
    flex: 1 0 0;
    text-align:left;
}

.dm-scheduler-appointment-title-text-hours {
    flex: 0 1 auto !important;
}

.dm-scheduler-before-title-icons-container {
    text-align: right;
    height: 16px;
    margin-left: 5px;
}

.dm-scheduler-after-title-icons-container {
    text-align: left;
    height: 16px;
    margin-right: 5px;
}

.dm-scheduler-vertical-top-left-icons-container .dm-scheduler-content-icon:not(:first-of-type),
.dm-scheduler-vertical-bottom-left-icons-container .dm-scheduler-content-icon:not(:first-of-type),
.dm-scheduler-before-title-icons-container .dm-scheduler-content-icon:not(:first-of-type) {
    margin-right: 2px;
}

.dm-scheduler-vertical-top-right-icons-container .dm-scheduler-content-icon:not(:last-of-type),
.dm-scheduler-vertical-bottom-right-icons-container .dm-scheduler-content-icon:not(:last-of-type),
.dm-scheduler-after-title-icons-container .dm-scheduler-content-icon:not(:last-of-type),
.dm-scheduler-vertical-top-center-icons-container .dm-scheduler-content-icon:not(:first-of-type),
.dm-scheduler-vertical-bottom-center-icons-container .dm-scheduler-content-icon:not(:first-of-type) {
    margin-left: 2px;
}

/* Appointments in Tooltip */
.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container,
.dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container {
    padding-top: 0;
}

.dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container,
.dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container {
    padding: 0;
}

    .dx-popup-wrapper.dx-scheduler-appointment-tooltip-wrapper .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container.dm-scheduler-appointment-selected,
    .dx-scheduler-overlay-panel .dx-popup-content .dx-list-item .dx-list-item-content.dm-scheduler-appointment-container.dm-scheduler-appointment-selected {
        padding: 0;
    }

.dm-scheduler-appointment-tooltip-parent-container .dm-scheduler-appointment-container {
    height: auto;
}

.dm-scheduler-appointment-tooltip-parent-container .dm-scheduler-appointment-vertical-icons-wrapper {
    height: auto;
}

.dm-scheduler-appointment-tooltip-parent-container .dm-scheduler-appointment-horizontal-icons-wrapper {
    height: auto;
    flex: unset;
    display: flex;
}

.dm-scheduler-appointment-tooltip-parent-container .dm-scheduler-appointment-title-text {
    padding-top: 3px;
}

ul.dm-scheduler-checking-confirm {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dm-scheduler-appointment-collector-element.dx-button .dx-button-content,
.dm-scheduler-text-zero-appointment {
    font-size: 25px;
}

.dm-scheduler-scrollable-holidays {
    position: absolute;
    top: 0;
}

.dm-scheduler-holiday-text-element {
    position: absolute;
    left: 0px;
    background-clip: padding-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;
    user-select: none;
    cursor: default;
}

.dm-scheduler-container .dx-scheduler-header .dm-scheduler-header-button .dx-texteditor-with-label {
    margin-top: 2.5px;
}

.dm-scheduler-search-hide .dm-scheduler-appointment-hidden {
    display: none;
}

.dm-scheduler-search-show .dm-scheduler-appointment-hidden {
    opacity: 0.3;
}

.dm-working-calendar-scheduler-resource-content{
    margin: 0 5px;
}

.dm-working-calendar-scheduler-datacell-template-with-icons {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}

.dm-working-calendar-scheduler-datacell-template-with-icons > i {
    cursor: pointer;
}

.dm-security-identity-scheduler-appointment-left-band {
    flex: 0 0 10px;
}


.dm-security-identity-scheduler-content-icon {
    padding: 1px;
    height: 15px;
    width: 15px;
    font-size: 13px;
    margin: 0 !important;
}

.dm-security-identity-scheduler-content .dx-scheduler-work-space-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content, .dx-scheduler-work-space-day .dx-scheduler-appointment-reduced .dx-scheduler-appointment-content {
    padding-right: 20px;
}

.dm-security-identity-scheduler-appointment-title-text,
.dm-security-identity-scheduler-appointment-vertical-middle-container {
    font-size: 10px;
}

.dx-scheduler-appointment-vertical .dm-security-identity-scheduler-appointment-title-text {
    text-wrap: wrap;
}

.dm-security-identity-scheduler-cell-holiday .dm-security-identity-scheduler-cell-title,
.dm-security-identity-scheduler-cell-holiday .dm-security-identity-scheduler-cell-description {
    font-size: 10px;
}

.dm-security-identity-scheduler-appointment-title-text {
    margin-top: 2px;
}

.dx-scheduler-all-day-appointment .dm-security-identity-scheduler-appointment-title {
    margin-bottom: 0;
    min-height: 8px;
}

.dm-security-identity-scheduler-resource-element-system-icon-container {
    padding: 5px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}

.dm-scheduler-resource-element-circle-color {
    border-radius: 100%;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 1px;
}

.security-identity-calendar-container .dx-scheduler-work-space-day:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-cell-sizes-vertical, #scheduler1 .dx-scheduler-work-space-work-week:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-cell-sizes-vertical, #scheduler1 .dx-scheduler-work-space-week:not(.dx-scheduler-work-space-vertical-grouped) .dx-scheduler-cell-sizes-vertical {
    height: 34px !important;
}

.dm-security-identity-scheduler-appointment-parent-container .dx-scheduler-appointment-reduced-icon {
    font-size: inherit;
}

.dx-scheduler-work-space-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-work-week .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content, .dx-scheduler-work-space-day .dx-scheduler-all-day-appointment .dx-scheduler-appointment-content{
    padding-left: 0;
    padding-right: 0;
}

.dx-scheduler-work-space-all-day .dx-scheduler-all-day-panel .dx-scheduler-all-day-table,
.dx-scheduler-all-day-title {
    height: 80px;
}

.dm-security-identity-scheduler-content {
    display: flex;
    overflow: hidden;
}


.dm-security-identity-scheduler-content .dm-security-identity-scheduler-main-content {
    flex: 1 0 0;
    overflow: hidden;
}

.dx-device-phone .dm-security-identity-scheduler .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption,
.dx-device-mobile .dm-security-identity-scheduler .dx-scheduler-header .dx-toolbar .dx-scheduler-navigator .dx-scheduler-navigator-caption {
    min-width: 100px !important;
}

.dm-scheduler-grouped-resources-tabs .dx-tab {
    width: 100%;
    cursor: default;
}

.dm-scheduler-grouped-resources-tabs .dx-tab-content {
    width: 100%;
}

.dm-scheduler-grouped-resources-tab {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 10px;
    padding: 0 5px;
}

.dm-scheduler-grouped-resources-tab-text {
    flex: 1 0 0;
}

.dm-scheduler-grouped-resources-tab-icons {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dm-scheduler-grouped-resources-tab-icon {
    cursor: pointer;
}

.dm-security-identity-scheduler-appointment-tooltip-parent-container .dm-security-identity-scheduler-appointment-title-text {
    text-wrap: wrap;
}

.dm-task-container-element {
    padding-top: 15px;
    padding-bottom: 15px;
    height: 100%;
    margin: auto;
}

.dm-task-drawer {
    width: 100%;
}

.dm-task-container {
    height: 100%;
    width: 100%;
}

.dm-task-sections-container {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dm-task-drawer.dx-drawer-opened .dx-drawer-panel-content {
    margin-right: 15px;
}

.dm-task-menu-infos {
    height: 100%;
}

.dm-task-menu-infos .dm-panel {
    margin-bottom: 15px;
    width: 250px;
}

.dm-task-info-block {
    display: flex;
    flex-direction: column;
    max-width: 230px;
    overflow: auto;
}

.dm-task-info-title {
    font-weight: 600;
    margin-bottom: 5px;
}

.dm-task-tab-section {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    margin-top: 4px;
}

.dm-task-tab-section > *:first-child {
    flex: 1 0 0;
}

/* Operations */
.dm-task-operation-container .dm-task-operation-name {
    font-weight: 600;
}

.dm-task-operation-container {
    margin-top: 15px;
    display: flex;
}

.dm-task-operation-content {
    flex: 1 1 0;
    align-self: center;
}

.dm-task-operation-enabled {
    cursor: pointer;
}

    .dm-task-operation-content .dm-task-operation-name,
    .dm-task-operation-content .dm-task-operation-description {
        margin: 0;
    }

.dm-task-operation-container .dm-task-operation-limit-numbers {
    flex: 0 0 0;
    display: flex;
    flex-direction: column;
    align-self: center;
    margin-left: 5px;
}

.dm-mask-item .dm-task-operation-container {
    margin-top: 0;
    margin-bottom: 0;
}

.dm-task-operation-limit-numbers > .dm-task-operation-limit:first-child:last-child {
    border-radius: 4px;
}

.dm-task-operation-limit-numbers > .dm-task-operation-limit:first-child:not(:last-child) {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.dm-task-operation-limit-numbers > .dm-task-operation-limit:last-child:not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.dm-task-operation-limit-numbers > .dm-task-operation-limit + .dm-task-operation-limit {
    border-top-width: 0;
}

.dm-task-operation-container .dm-task-operation-limit {
    padding: 1px 5px;
    color: #333;
    background-color: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 1.5;
    opacity: 0.65;
    white-space: nowrap;
    text-align: center;
}

.dm-task-operation-container-with-many-numbers.dm-alert-box {
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Variables */
.dm-task-tab-section .dm-task-variables-container {
    margin-top: 10px;
    overflow: hidden;
}

.dm-task-inline-section-panel {
    margin-bottom: 15px;
}

.dm-task-outcomes-section {
    text-align: right;
    margin-top: 20px;
}

.dm-task-jumbotron {
    margin-top: 40px;
}

.dm-task-menu-single-column {
    margin-bottom: 10px;
    width: 100%;
}

.dm-task-inline-sections-container {
    height: 100%;
}

.dm-task-sections-container-with-tab-with-border .dm-task-tab-section {
    margin-top: 0;
    padding: 5px;
    border: 1px solid;
    border-top-width: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dm-task-section-tabs {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.dm-task-section-tabs > .dx-tabs-wrapper > .dx-tab.dx-tab-selected:first-child::after {
    border-top-left-radius: 5px;
}
.dm-task-section-tabs > .dx-tabs-wrapper > .dx-tab.dx-tab-selected:last-child::after {
    border-top-right-radius: 5px;
}
.dm-task-section-tabs > .dx-tabs-wrapper > .dx-tab.dx-tab-selected:first-child::after {
    border-top-left-radius: 5px;
}
.dm-task-section-tabs > .dx-tabs-wrapper > .dx-tab:first-child {
    border-top-left-radius: 5px;
}
.dm-task-section-tabs > .dx-tabs-wrapper > .dx-tab:last-child {
    border-top-right-radius: 5px;
}

.dm-task-sections-container-with-tab-with-border .dm-task-variables-container {
    margin-top: 0;
}

.dm-task-sections-container .dm-task-outcome:not(:first-child) {
    margin-left: 5px;
}

/* Task Panel */
.dm-task-panel {
    cursor: pointer;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid;
    border-radius: 4px;
}

    .dm-task-panel:hover {
        box-shadow: 0px 0px 10px 1px rgb(0 0 0 / 40%);
        transition: box-shadow 0.4s ease;
    }

    .dm-theme-light .dm-task-panel:hover {
        box-shadow: 0px 0px 6px 1px rgb(0 0 0 / 15%);
    }

    .dm-process-follower-main-container .dm-task-panel:hover {
        transition: none;
    }

.dm-task-panel-content {
    align-self: center;
}

.dm-task-panel-image {
    height: 18px;
    transform: scale(2);
    margin-right: 18px;
    align-self: center;
}

.dm-task-panel-head {
    display: flex;
}

@media only screen and (max-width: 900px) {
    .dm-task-panel-head {
        flex-direction: column;
    }

    .dm-task-panel-image {
        height: 68px;
        transform: scale(1.5);
        margin-right: 15px;
    }
}

.dm-task-panel-head > * {
    flex: 1 0 0;
}

.dm-task-panel-head > .dm-task-panel-head-main {
    display: flex;
}

.dm-task-panel-body p {
    word-break: break-all;
}

.dm-task-panel p {
    margin-bottom: 0;
    margin-top: 10px;
}

    .dm-task-panel p.dm-task-panel-title {
        margin-top: 0;
    }

@media only screen and (min-width: 900px) {
    .dm-task-panel-head p {
        margin-top: 0;
    }
}

.dm-task-panel-description {
    white-space: pre-wrap;
}

.dm-task-panel-title,
.dm-task-panel-state {
    display: inline-block;
}

.dm-task-panel-title {
    font-weight: 700;
}

.dm-task-panel-state {
    height: 16px;
    margin-right: 5px;
    transform: scale(1.2);
}
/****************** ResenterTile ******************/
.dm-resenter-tile-content {
    width: 350px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.dm-resenter-tile-content:focus-visible {
    outline: none;
}

.dm-resenter-tile-image-container {
    flex: 1 0 0;
    width: 100%;
    align-content: center;
    align-self: center;
    overflow: hidden;
    text-align: center;
    width: 100%;
    border-radius: 13px;
    cursor: pointer;
    overflow: visible;
}

.dm-resenter-tile-to-focus.dm-state-focused {
    outline: 2px solid;
}

.dm-resenter-tile-image-container-with-icon {
    border: 1px solid;
}

.dm-resenter-tile-infos-container {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: 1px;
    width: 100%;
}

.dm-resenter-tile-image {
    max-width: 100%;
    max-height: 100%;
    border-radius: 13px;
}

i.dm-resenter-tile-image {
    font-size: 60px;
}

.dm-resenter-tile-infos-row {
    display: flex;
    gap: 5px;
}

.dm-resenter-tile-infos-title {
    flex: 1 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dm-resenter-tile-infos-buttons {
    flex: 0 1 auto;
    display: flex;
    gap: 2px;
}

.dm-resenter-tile-infos-description {
    font-weight: 300;
    flex: 1 0 0;
    text-overflow: ellipsis;
    overflow: hidden;
}

.dm-resenter-tile-infos-info {
    flex: 0 1 auto;
}

.dm-resenter-tile-infos-version {
    flex: 0 1 auto;
}

.dm-resenter-tile-infos-button {
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    transition: color 0.3s;
    cursor: pointer;
}

.dm-resenter-tile-image-container {
    position: relative;
}

.dm-resenter-tile-button {
    display: none;
}

.dm-resenter-tile-image-container:hover .dm-resenter-tile-button {
    display: block;
}

.dm-resenter-tile-edit-button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.dm-resenter-tile-clone-button {
    position: absolute;
    bottom: 0;
    left: 30px;
}

.dm-resenter-tile-delete-button {
    position: absolute;
    top: 0;
    right: 0;
}

/* Widgets */
.dm-widget-content {
    border-radius: 10px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1 0 0;
}

@media screen and (max-width: 600px) {
    .dm-widget-content {
        padding: 10px;
    }
}

.dm-widget-title {
    font-size: 15px;
    font-weight: bold;
}

/* Dekstop Widgets Wizard */
.dm-desktop-widgets-wizard-multiview {
    /*padding-left: 20px;*/
}

.dm-desktop-widgets-wizard-widget-category-container {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dm-desktop-widgets-wizard-widget-items-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    height: 100%;
}

.dm-desktop-widgets-wizard-category-element,
.dm-desktop-widgets-wizard-widget-item-element {
    align-self: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0px 4px 4px 0px #00000040;
    transition: all 0.4s ease-in-out;
    display: flex;
}

    .dm-desktop-widgets-wizard-category-element:hover,
    .dm-desktop-widgets-wizard-widget-item-element:hover {
        box-shadow: 0px 3.69px 3.69px 0px #00000040;
        transition: all 0.4s ease-in-out;
    }

.dm-desktop-widgets-wizard-widget-item-element-selected {
    border: 1px solid;
}

.dm-desktop-widgets-wizard-category-element {
    height: 230px;
    flex-basis: 210px;
    border-radius: 8px;
    flex-direction: column;
}

.dm-desktop-widgets-wizard-widget-search-container {
    width: 100%;
    display: flex;
    justify-content: end;
}

.dm-desktop-widgets-wizard-widget-item-element {
    min-height: 100px;
    flex-basis: 400px;
    border-radius: 10px;
}

.dm-desktop-widgets-wizard-widget-item-info-container {
    display: flex;
    align-items: center;
    margin-right: auto;
} 

.dm-desktop-widgets-wizard-widget-item-info-container > i {
    font-size: 16px;
    cursor: pointer;
}

.dm-desktop-widgets-wizard-category-element:hover {
    height: 210px;
    flex-basis: 190px;
    margin: 10px;
}

.dm-desktop-widgets-wizard-category-title,
.dm-desktop-widgets-wizard-widget-item-title {
    text-align: left;
    font-size: 16px;
    width: 100%;
}

.dm-desktop-widgets-wizard-widget-item-title-container {
    display: flex;
}

.dm-desktop-widgets-wizard-category-title {
    margin-top: 2px;
    display: flex;
    gap: 5px;
    align-items: center;
}


.dm-desktop-widgets-wizard-category-title > h4 {
    cursor: pointer;
}

.dm-desktop-widgets-wizard-category-title .dm-desktop-widgets-wizard-category-title-with-transition {
    transition: transform .3s ease-out;
}

.dm-desktop-widgets-wizard-category-title .dm-desktop-widgets-wizard-category-title-with-transition:hover {
    transform: translate(5px, 0);
}

svg.dm-desktop-widgets-wizard-category-image {
    flex-grow: 1;
}

.dm-desktop-widgets-wizard-widget-item-image-background,
.dm-desktop-widgets-wizard-category-image-background {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    height: 100%;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.dm-desktop-widgets-wizard-widget-item-image-placeholder,
.dm-desktop-widgets-wizard-category-image-placeholder {
    width: 100%;
    height: 100%;
    align-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 23px;
    background-color: #00000030;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    transition: all 0.3s ease-in-out;
}

    .dm-desktop-widgets-wizard-widget-item-image-placeholder:hover,
    .dm-desktop-widgets-wizard-category-image-placeholder:hover {
        background-color: #000000bb;
        transition: all 0.3s ease-in-out;
    }

i.dm-desktop-widgets-wizard-category-image {
    line-height: 45px;
    font-size: 45px;
}

.dm-desktop-widgets-wizard-widget-item-image {
    padding-left: 20px;
    line-height: 65px;
    height: 65px;
    font-size: 65px;
}

.dm-desktop-widgets-wizard-widget-item-content {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.dm-desktop-widgets-wizard-widget-item-summary {
    font-style: italic;
    font-weight: 300;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.dm-desktop-widgets-wizard-widgets-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dm-desktop-widgets-wizard-widget-preview-container:empty {
    flex-grow: 0;
    flex-basis: 0;
}

.dm-desktop-widgets-wizard-widget-preview-container {
    flex: 1 0 800px;
    align-self: center;
    height: 100%;
    width: 100%;
}

.dm-desktop-widgets-wizard-widget-preview-content {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.dm-desktop-widgets-wizard-widget-preview-image-container {
    flex: 0 0 350px;
}

.dm-desktop-widgets-wizard-widget-preview-image-background {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.dm-desktop-widgets-wizard-widget-preview-image-background-dark-layer {
    padding: 20px;
    background-color: #00000030;
    height: 100%;
    width: 100%;
    align-content: end;
}

.dm-desktop-widgets-wizard-widget-preview-title {
    padding: 5px 10px;
    border-radius: 8px;
    font-size: 32px;
}

.dm-desktop-widgets-wizard-widget-preview-info-container {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}

.dm-desktop-widgets-wizard-widget-preview-info-header {
    display: flex;
    flex: 0 1 auto;
    padding-left: 20px;
    box-shadow: 0px 4px 4px 0px #00000040;
    z-index: 1;
}

.dm-desktop-widgets-wizard-widget-preview-info-header-item {
    padding: 10px 20px;
    cursor: pointer;
}

.dm-desktop-widgets-wizard-widget-preview-info-content {
    flex: 1 0 0;
    display: flex;
}

.dm-desktop-widgets-wizard-widget-preview-info-box {
    flex: 1 0 0;
}

.dm-desktop-widgets-wizard-widget-preview-generic-info-box {
    flex: 0 1 300px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.dm-desktop-widgets-wizard-widget-preview-generic-info-box,
.dm-popup-body.dm-configuration-mask .dx-item-content.dx-multiview-item-content.dm-desktop-widgets-wizard-widget-preview-info-box-content,
.dm-desktop-widgets-wizard-widget-preview-info-box-content {
    padding: 20px;
}

.dm-desktop-widgets-wizard-widget-preview-info-box {
    border-left: 1px solid;
    border-bottom: 1px solid;
}

/* Dekstop Widgets Picker */
.dm-desktop-widgets-picker-categories-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.dm-desktop-widgets-picker-category-element {
    /*flex-grow: 1;*/
    flex-basis: 180px;
    align-self: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 19px 11px -6px #00000038;
    transition: all 0.2s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

    .dm-desktop-widgets-picker-category-element:hover {
        box-shadow: 0px 19px 11px -6px #0000008c;
        transition: all 0.2s ease-in-out;
        transform: translateY(-1px);
    }

.dm-desktop-widgets-picker-category-title {
    text-align: center;
    font-size: 16px;
}


img.dm-desktop-widgets-picker-category-image,
svg.dm-desktop-widgets-picker-category-image {
    height: 45px;
}

i.dm-desktop-widgets-picker-category-image {
    line-height: 45px;
    font-size: 45px;
}

.dm-desktop-widgets-picker-widgets-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dm-desktop-widgets-picker-widget-preview-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.dm-desktop-widgets-picker-widget-preview-content {
    display: flex;
    align-items: center;
    gap: 10px;
}

.dm-desktop-widgets-picker-widget-preview-buttons {
    text-align: center;
}

img.dm-desktop-widgets-picker-widget-preview-image {
    height: 150px;
}

i.dm-desktop-widgets-picker-widget-preview-image {
    line-height: 150px;
    font-size: 150px;
}

.dm-desktop-widgets-picker-widget-preview,
.dm-desktop-widgets-picker-widget-description {
    flex: 1 0 auto;
    text-align: center;
}

/* Processes Widget */
.dm-processes-widget-container {
    width: 500px;
    max-width: 100%;
}

.dm-processes-widget-chart-container {
    display: flex;
    align-items: center;
    height: 100%;
}

.dm-processes-widget-legend {
    flex: 0 1 auto;
    display: flex;
    flex-direction: column;
    gap: 5px;
    justify-content: center;
}

.dm-processes-widget-legend-title-container {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.dm-processes-widget-legend-title {
    font-size: 22px;
    font-weight: bold;
    border-radius: 5px;
    padding: 0px 4px 0px 4px;
}

.dm-processes-widget-chart {
    height: 250px;
}

    .dm-processes-widget-chart text {
        cursor: pointer !important;
    }

.dm-processes-widget-legend-subtitle {
    margin-left: 5px;
    font-weight: bold;
}

.dm-processes-widget-legend-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.dm-processes-widget-legend-item-color {
    flex: 0 0 9px;
    height: 9px;
    border-radius: 2px;
}

.dm-processes-widget-legend-item-title {
    flex: 1 0 0;
    font-size: 13px;
    text-wrap: nowrap;
}

.dm-processes-widget-chart {
    flex: 1 0 0;
}

.dm-appointments-widget-content-wrapper {
    width: 100%;
    max-width: 568px;
    display: flex;
    flex-direction: column;
}

.dm-appointments-widget-tiles-wrapper {
    flex: 1 0 0;
    overflow: hidden;
    display: flex;
}

.dm-widget-appointment-tile-content {
    padding: 5px;
    max-height: 180px;
    width: 100%;
    box-shadow: 0px 19px 11px -6px #00000038;
    border-radius: 6px;
    cursor: pointer;
}

.dm-appointments-widget-appointments-tiles-container {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dm-widget-appointment-tile-content-side {
    display: flex;
    flex-direction: column;
}

.dm-widget-appointment-tile-content-left-side {
    flex: 0 1 50px;
}

.dm-widget-appointment-tile-content-side-content {
    margin: 5px;
    padding: 5px;
    border-radius: 6px;
    height: 100%;
}

.dm-widget-appointment-tile-content-right-side {
    flex: 1 0 0;
    overflow: hidden;
}

.dm-widget-appointment-tile-content-left-side-date {
    background: linear-gradient(to bottom, #e95433 0%, #fac052 100%);
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
}

    .dm-widget-appointment-tile-content-left-side-date > p {
        text-align: center;
        font-weight: bold;
        margin: 0;
    }

.dm-widget-appointment-tile-content-right-side-description {
    flex: 1 0 0;
}

.dm-widget-appointment-tile-content-left-side-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
}

.dm-widget-appointment-tile-content-right-side-title,
.dm-widget-appointment-tile-content-right-side-date {
    font-weight: bold;
}

.dm-widget-appointment-tile-content-right-side-description {
    font-style: italic;
}

.dm-widget-appointment-tile-content-right-side-date {
    display: flex;
    justify-content: space-between;
}

.dm-appointments-widget-no-appointment-founds-text {
    flex: 1 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-style: italic;
}

.dm-widget-appointment-tile-content-right-side-attendees {
    display: flex;
    flex-direction: column;
    justify-content: end;
}

.dm-widget-appointment-tile-content-right-side-attendees-dot {
}

/* GanttTrend Widget */

.dm-gantt-trend-widget-container {
    min-width: 100px;
}

.dm-gantt-trend-widget-container-content {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    justify-content: center;
    flex: 1 0 200px;
}

@media screen and (max-width: 600px) {
    .dm-gantt-trend-widget-container-content {
        flex-basis: 300px;
    }
}

.dm-gantt-trend-widget-info-container {
    display: flex;
    flex-direction: column;
}

.dm-gantt-trend-widget-info-item {
    padding-bottom: 2px;
    border-bottom: 1px solid;
    margin-top: 2px;
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 4px;
}

.dm-gantt-trend-widget-info-item-task-state {
    padding: 3px 3px;
    margin: 3px;
    border-radius: 4px;
    margin-right: 8px;
}

.dm-gantt-trend-widget-tiles-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    flex: 1 0 200px;
    justify-content: center;
}

.dm-gantt-trend-widget-tile {
    width: 200px;
    height: 200px;
    cursor: pointer;
}

.dm-gantt-milestone-widget-content {
    /* align this widget min height with the others one */
/*    min-height: 350px;
    max-height: 350px;*/
}

.dm-gantt-milestone-fake-content {
    width: 430px;
    height: 350px;
}

.dm-gantt-trend-widget-content {
    /* align this widget min height with the others one */
/*    min-height: 350px;
    max-height: 350px;*/
}

.dm-gantt-trend-fake-content {
    width: 430px;
    height: 350px;
}

.dm-gantt-milestone-widget-component-resources {
    display: flex;
    flex-direction: column;
    gap: 5px;
    height: auto;
    flex: 0 1 auto;
    justify-content: center;
}

.dm-gantt-milestone-widget-component-info-container {
    display: flex;
    flex-direction: column;
    flex: 1 0 200px;
    align-items: center;
}

@media screen and (max-width: 600px) {
    .dm-gantt-trend-widget-tile {
        width: 150px;
        height: 150px;
    }

    .dm-gantt-milestone-widget-component-info-container {
        display: none;
    }

    .dm-gantt-milestone-widget-component-resources {
        flex-grow: 1;
        overflow: hidden;
    }
}

.dm-gantt-milestone-widget-component-item {
    width: 300px;
    margin-bottom: 2px;
}

.dm-gantt-milestone-widget-component-html-recap {
    display: inline-block;
    text-align: center;
    width: 100%;
    flex: 0 1 auto;
}

.dm-gantt-milestone-widget-component-user-before-buttons
.dm-gantt-milestone-widget-component-user-after-buttons {
    justify-content: center;
    gap: 5px;
}

.dm-gantt-milestone-widget-component-user-header {
    margin-left: 2px;
    margin-bottom: 3px;
    font-weight: 500;
    font-size: 14px;
}

.dm-gantt-milestone-widget-component-user-footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 1px;
    margin-left: 2px;
}

.dm-gantt-folder-widget-content-wrapper .dm-gantt-trend-widget-container-content {
    overflow: hidden;
    flex-basis: auto;
    height: auto;
}

.dm-gantt-folder-widget-footer {
    flex: 0 1 auto;
}

.dm-gantt-milestone-widget-component-planning-duration-label:hover{
    text-decoration: underline;
}

.dm-gantt-milestone-widget-component-planning-duration-container {
    display: flex;
    gap: 3px;
}

/* GanttAlerts */
.dm-gantt-alerts-widget-no-data {
    margin: auto;
    width: 300px;
    text-align: center;
}
.dm-gantt-alerts-widget-content-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100% - 10px);
    overflow: hidden;
    gap: 38px;
}

.dm-gantt-alerts-widget-chart {
    /*width: 170px;*/
}

.dm-gantt-alerts-widget-list {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
}

@media screen and (max-width: 600px) {
    .dm-gantt-alerts-widget-list-responsive {
        width: 100%;
    }
    .dm-gantt-alerts-widget-list-item-responsive {
        height: 90px;
    }
    .dm-gantt-alerts-widget-content-row-with-chart .dm-gantt-alerts-widget-chart {
        display: none;
    }
    .dm-gantt-alerts-widget-chart {
        display: none;
    }
}

@media screen and (min-width: 601px) {
    .dm-gantt-alerts-widget-list-responsive {
        width: 538px;
    }
    .dm-gantt-alerts-widget-list-item-responsive {
        height: 70px;
        overflow: hidden;
    }
    .dm-gantt-alerts-widget-content-row-with-chart .dm-gantt-alerts-widget-list-responsive {
        width: 300px;
    }
    .dm-gantt-alerts-widget-content-row-with-chart {
        gap: 38px;
    }
}

.dm-gantt-alerts-widget-list-item {   
    border-radius: 15px;
    border: 1px solid;
    padding: 12px;
    display: flex;
    flex-direction: row;
    gap: 14px;
    width: 100%;
}

.dm-gantt-alerts-widget-list-item-icon-circle {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 1px solid;
    padding: 12px;
    display: flex;
    align-self: center;
    align-items: center;
}

.dm-gantt-alerts-widget-list-item-icon {
    width: 22px;
    display: flex;
}


.dm-gantt-alerts-widget-list-item-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.dm-gantt-alerts-widget-list-item-content > h5 {
    margin: 0;
    padding: 0;
}

.dm-gantt-alerts-widget-list-item-action-circle {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    border: 1px solid;
    display: flex;
    align-self: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.dm-gantt-alerts-widget-list-item-action {
    width: 11px;
    display: flex;
    flex-shrink: 0;
}
@font-face {
  font-family: "Poppins";
  font-weight: 100;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsThin.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 100;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsThinItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 200;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsExtraLight.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 200;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsExtraLightItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 300;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsLight.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 300;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsLightItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsRegular.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 400;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsMedium.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 500;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsMediumItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsSemiBold.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 600;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsSemiBoldItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsBold.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 700;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsBoldItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsExtraBold.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 800;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsExtraBoldItalic.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 900;
  font-style: normal;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsBlack.ttf)
}

@font-face {
  font-family: "Poppins";
  font-weight: 900;
  font-style: italic;
  src: url(../../Content/StaticFiles/Fontts/Poppins/PoppinsBlackItalic.ttf)
}