.layout-navigation {
    width: 210px;
    float: left;
    /*min-height: 865px;*/
}

.layout-content {
    /*margin-left: 210px;*/
    padding: 26px 0 0;
}
.view-content .header-buttons {
    position: relative;
    top: -30px;
    left: 0;
    height: 30px;
}

    .view-content .header-buttons .button-task,
    .view-content .header-buttons .button-custom-filter,
    .view-content .header-buttons .button-export,
    .view-content .header-buttons .button-analysis {
        margin-left: 20px;
    }

    .view-content .header-buttons .dx-button.button-chooser .dx-button-content,
    .view-content .header-buttons .dx-button.button-custom-filter .dx-button-content,
    .view-content .header-buttons .dx-button.button-export .dx-button-content {
        padding: 0;
    }

    .view-content .header-buttons .dx-button .dx-button-content {
        /*padding: 3px 16px;*/
    }

        .view-content .header-buttons .dx-button .dx-button-content .dx-button-text {
            font-size: 12px;
        }

    .view-content .header-buttons .dx-icon-custom-filter {
        background-repeat: no-repeat;
        background-position: -20px -135px;
        background-size: auto;
        background-image: url(../images/sprite.png);
        width: 20px;
        height: 20px;
    }

    .view-content .header-buttons .dx-icon-export {
        background-repeat: no-repeat;
        background-position: -60px -135px;
        background-size: auto;
        background-image: url(../images/sprite.png);
        width: 20px;
        height: 20px;
    }

        .view-content .header-buttons .dx-icon-export:before {
            content: "";
        }

    .view-content .header-buttons .dx-icon-column-chooser {
        background-repeat: no-repeat;
        background-position: 0 -135px;
        background-size: auto;
        background-image: url(../images/sprite.png);
        width: 20px;
        height: 20px;
    }

        .view-content .header-buttons .dx-icon-column-chooser:before {
            content: "";
        }

.view-content .search-box {
    position: absolute;
    top: -40px;
    right: 0;
}

    .view-content .search-box .icon-find {
        width: 19px;
        height: 20px;
        background-size: auto;
        background-image: url(../images/sprite.png);
        background-position: -42px -184px;
        background-repeat: no-repeat;
        position: absolute;
        right: 7px;
        top: 7px;
        z-index: 10;
    }

    .view-content .search-box .dx-texteditor-input {
        padding: 0 25px 0 10px;
    }

/*.view-content .left-menu-filters-nested .left-menu-filters {
    position: absolute;
    top: unset;
    left: 0px;
    width: 210px;
}
*/

.left-menu-filters {
    height: 100%;
}

.view-content .left-menu-filters {
    position: absolute;
    top: 150px;
    left: 0px;
    width: 210px;
}

    .view-content .left-menu-filters #left-menu .left-menu-item {
        padding: 0;
    }

        .view-content .left-menu-filters #left-menu .left-menu-item a {
            display: block;
            padding: 9px 30px;
            font-size: 16px;
            color: #5c5d5f;
            background-color: #e7e9ed;
            position: relative;
        }

            .view-content .left-menu-filters #left-menu .left-menu-item a:hover {
                background-color: #f1f2f5;
                text-decoration: none;
            }

                .view-content .left-menu-filters #left-menu .left-menu-item a:hover .edit {
                    display: block;
                }

            .view-content .left-menu-filters #left-menu .left-menu-item a .edit {
                display: none;
                content: "";
                height: 14px;
                width: 14px;
                position: absolute;
                top: 12px;
                right: 10px;
                cursor: pointer;
                background-image: url(../images/sprite.png);
                background-repeat: no-repeat;
                background-position: -83px -184px;
            }

    .view-content .left-menu-filters #left-menu .dx-list-item-selected a {
        background-color: #d5d8e0;
    }

    .view-content .left-menu-filters #left-menu .left-menu-group {
        text-transform: uppercase;
        padding: 20px 0 0 20px;
        font-weight: normal;
        color: #7f8082;
    }

.view-content .dx-pager {
    border-top: 1px solid #d3d3d3;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .view-content .dx-pager .dx-pages .dx-page {
        margin: 2px 0 0 0;
        padding: 5px 8px 6px;
        background-color: transparent;
        color: #191919;
    }

        .view-content .dx-pager .dx-pages .dx-page.dx-selection,
        .view-content .dx-pager .dx-pages .dx-page .dx-pager .dx-page-sizes .dx-page.dx-selection {
            background-color: #bf4e6a;
            padding: 5px 10px 6px;
            color: #fff;
        }

    .view-content .dx-pager .dx-pages .dx-info {
        opacity: 0.7;
        margin-right: 7px;
    }

    .view-content .dx-pager .dx-pages .dx-navigate-button {
        color: #7f7f7f;
    }

.view-content .dx-tabpanel.dx-state-focused .dx-multiview-wrapper {
    border: 1px solid #ddd;
}

.view-content .dx-tabpanel.dx-state-focused .dx-tab-selected:after {
    border: 1px solid #ddd;
}

.layout-navigation .main-menu.dx-menu {
    margin-top: -1px;
}

.layout-navigation .main-menu .dx-context-menu-container-border {
    border: 0;
    box-shadow: none;
}

.layout-navigation .main-menu .dx-menu-item.dx-menu-item-expanded {
    background-color: transparent;
}

.layout-navigation .main-menu .dx-menu-item.dx-state-hover {
    background-color: transparent;
}

.layout-navigation .main-menu .dx-menu-item .dx-menu-item-popout {
    font-size: 20px;
    color: #7f7f7f;
}

    .layout-navigation .main-menu .dx-menu-item .dx-menu-item-popout:before {
        top: 14px;
        left: 36px;
    }

    .layout-navigation .main-menu .dx-menu-item .dx-menu-item-popout .dx-menu-item-popout {
        font-size: 20px;
        color: #7f7f7f;
    }

.layout-navigation .main-menu .dx-menu-item.dx-state-hover .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout,
.layout-navigation .main-menu .dx-menu-item.dx-menu-item-expanded .dx-menu-item-content .dx-menu-item-popout-container .dx-menu-item-popout {
    color: #bf4e6a;
}

.layout-navigation .main-menu .dx-menu-item .dx-menu-item-content {
    padding-bottom: 1px;
    padding-left: 0;
    padding-right: 10px;
}

.toolbar-separator {
    padding-left: 15px;
    padding-right: 15px;
}


#embedded-datagrid .dx-toolbar .dx-texteditor {
    width: 100% !important;
}

#embedded-datagrid .dx-toolbar .dx-toolbar-after {
    padding-left: 0px;
    width: 100% !important;
}

#embedded-datagrid .dx-datagrid-search-panel {
    margin-left: 0px;
}

.dx-numberbox:not(.intraShare-numberbox-left) .dx-texteditor-input-container input {
    text-align: right;
}

.standard-padding {
    padding-bottom: 10px;
    padding-top: 10px;
}

.crm-index-toolbar {
    margin: auto;
    max-width: 1024px;
}

.crm-kanban-toolbar {
    max-width: 1024px;
}
.crm-scheduler-toolbar {
    /*max-width: 1024px;*/
}

.crm-toolbar-search {
    width: 100%;
}

.index-item-large {
    width: 82%;
}

.index-item-small {
    width: 40%;
}

@media screen and (max-width: 1000px) {
    .index-item-small {
        width: 82%;
    }

}

.intrashare-grid {
    display: grid;
    gap: 20px;
}
.grid-options {
    padding-bottom: 20px;
/**/    /*margin-top: 20px;*/
    background-color: rgba(191, 191, 191, 0.15);
}
.grid-option-parent {
    display: block;
    padding: 10px;
}
.grid-options-parent-header {
    padding-top: 10px;
    padding-left: 10px;
}
.grid-option-child {
    width: 24%;
    display: inline-block;
    margin-top: 5px;
    padding-left: 40px;
    padding-bottom: 10px;
    font-style: italic;

}
.grid-option-field-label {
    display: inline-block;
}
.grid-option-field-value {

    float: right;
    width:70%;
}
.grid-header{
    padding-bottom: 30px;
    text-align: center;
}
.pivot-chart-div{

    padding-bottom: 30px;
}
.toolbar-select-list-item {
    white-space: normal;
}
.intraShare-numberbox-left {
    text-align: left;
}
.dx-field-item-help-text {
    padding-left: 10px;
    font-size: smaller;
}
.dx-popup-content:has(#email-popup-Info-form.withinscannerapp) {
    height: 75% !important;
}
/* workaround for IOS in scanner App */
.scanner-app-in-app-background {
    background-color: var(--primary-color);
    color: var(--on-primary-color);
}
.scanner-app-in-app-background .dx-widget .dx-collection {
    color: var(--on-primary-color);
}
/* workaround for IOS in scanner App */
@media screen and (max-width:500px) {
    .intraShare-editor-popup-form-width .dx-widget .dx-collection {
        width: 89vw !important;
    }
}
@media screen and (min-width:500px) {
    .intraShare-editor-popup-form-width .dx-scrollable-content {
        width: 89% !important;
    }
}
.intrashare-activity-type-primary-at-create {
    font-weight: 700;
}
.intrashare-dx-text-style {
    fill: rgb(118, 118, 118);
    font-family: "Segoe UI", "Helvetica Neue", "Trebuchet MS", Verdana, sans-serif;
    font-weight: 400;
    font-size: 12px;
    cursor: default;
}
.intrashare-dx-text-selected-foreground-style {
    fill: var(--on-primary-color);
}
.intrashare-dx-text-selected-background-style {
    fill: var(--primary-color);
}
.intrashare-dx-text-unselected-foreground-style {
    fill: var(--primary-color);
}
.intrashare-dx-text-unselected-background-style {
    fill: var(--on-primary-color);
}
.intrashare-annotation > .intrashare-dx-text-unselected-foreground-style {
    fill: var(--on-primary-color);
}
.intrashare-annotation > .intrashare-dx-text-unselected-background-style {
    fill: var(--_primary-chart-serie-color);
}
#timelogitem-info-toolbar .informer {
    display: grid;
    width: 120px;
    grid-template-columns: 100%;
    padding-right: 20px;
    text-align: center;
}

#timelogitem-info-toolbar .count {
    font-size: 18px;
    font-weight: 500;
}

#timelogitem-info-toolbar .dx-toolbar-items-container {
    min-height: 44px;
}
.intrashare-textarea-info {
    padding-bottom: 10px;
}
.intrashare-textarea-info .dx-textarea textarea {
    font-style: italic;
    border: none;
}
.intrashare-textarea-info .dx-texteditor.dx-state-readonly.dx-editor-underlined {
    border-style: none;
}
.intrashare-cell-wrap {
    word-wrap: break-word;
}
.intrashare-multiLine {
}
.intrashare-multiLine-floatRight {
    float: right;
}
.intrashare-multiLine-floatLeft {
    float: left;
}
.dx-toolbar-multiline .dx-toolbar-items-container:has(.intrashare-multiLine) {
    display: flow !important;
}
.dx-toolbar-multiline .dx-toolbar-item .dx-toolbar-item-content .dx-datagrid-search-panel {
    margin: 0;
}