@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@font-face {
    font-family: "Roico";
    src:
    url("../fonts/RoIco.ttf") format("truetype");
    font-display: swap;
    unicode-range: U+E000-E007;
}

@font-face {
    font-family: 'Uni Sans';
    src: /*url('../fonts/UniSansBold.eot'),
    url('../fonts/UniSansBold.eot?#iefix') format('embedded-opentype'),*/ url('../fonts/UniSansBold.woff') format('woff'),
    url('../fonts/UniSansBold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'Uni Sans';
    src: /*url('../fonts/UniSansSemiBold.eot'),
    url('../fonts/UniSansSemiBold.eot?#iefix') format('embedded-opentype'),*/ url('../fonts/UniSansSemiBold.woff') format('woff'),
    url('../fonts/UniSansSemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Uni Sans';
    src: /*url('../fonts/UniSansRegular.eot'),
    url('../fonts/UniSansRegular.eot?#iefix') format('embedded-opentype'),*/ url('../fonts/UniSansRegular.woff') format('woff'),
    url('../fonts/UniSansRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body, html {
    margin: 0;
    min-height: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.app-container {
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
}

.dx-drawer {
    flex: 1;
    min-height: 0;
}

#content::after {
    content: "";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: -1;
    background-image: url(../img/background.svg);
    background-size: cover;
    background-position: center;
    opacity: .1;
}

#content, .tabpanel-container, .tabpanel {
    height: 100%;
}

#content #bottomPopupTabs + #tabpanel {
    height: calc(100% - 34px);
}

.dx-tabs-scrollable .dx-tab::before {
    display: none;
}

#content #tabpanel {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.myls-open-object.myls_open_object_link, .myls-do-action {
    cursor: pointer;
}

.myls-center-screen {
    position: absolute;
    top: 50%;
    width: 75%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.myls-tooltip-link, .myls-tooltip-link:hover {
    font-size: 13px;
    text-decoration: none;
}

.myls-tooltip-link i {
    font: 16px/1 DXIcons;
}

.myls-tooltip {
    cursor: pointer;
}

.dx-context-menu .dx-submenu {
    padding: 8px;
}

.myls-progress-bar-async {
    padding: 0 5px;
}

.myls-progress-bar .dx-progressbar-wrapper {
    display: flex;
    align-items: center;
}

/*------------------------------------------------------Editors-------------------------------------------------------*/
.dx-texteditor.dx-editor-underlined:after {
    border-bottom-width: 1px !important;
}


.dx-show-clear-button .dx-icon-clear {
    opacity: .4;
    background-color: unset;
}

.sp-dd {
    top: 8px;
}

.dx-datebox-calendar .dx-dropdowneditor-icon:before, .dx-datebox-list .dx-dropdowneditor-icon:before, .dx-dropdowneditor-icon:before, .dx-textbox .dx-button .dx-icon:before {
    opacity: .3;
}

.dx-dropdowneditor.dx-state-hover:not(.dx-custom-button-hovered) .dx-dropdowneditor-icon::before, .dx-dropdowneditor.dx-state-active .dx-dropdowneditor-icon::before, .dx-textbox .dx-button.dx-state-hover .dx-icon:before {
    opacity: .6;
}

.myls-form-date, .myls-form-number, .myls-form-date .dx-field-item-content, .myls-form-number .dx-field-item-content {
    max-width: 150px;
/ / min-width: 150 px !important;
}

.myls-form-datetime, .myls-form-datetime .dx-field-item-content {
    max-width: 170px;
/ / min-width: 150 px !important;
}

.myls-form-time, .myls-form-time .dx-field-item-content {
    max-width: 120px;
/ / min-width: 100 px !important;
}

.myls-form-checkbox {
    align-items: center;
    min-width: fit-content !important;
}

.dx-datebox.dx-auto-width .dx-texteditor-input, .dx-datebox:not(.dx-texteditor-empty).dx-auto-width .dx-texteditor-input, .dx-texteditor.dx-invalid .dx-texteditor-input, .dx-texteditor.dx-valid .dx-texteditor-input {
    padding-right: 0!important;
}

.dx-textarea, textarea {
    font-size: 11px;
}

/*----------- lookup ------------*/
.dx-list-group-header {
    font-weight: 400;
    padding: 5px 8px;
    border-top: 1px solid transparent;
    font-size: 15px;
    border-bottom: 1px solid;
    text-align: right;
    font-family: 'Inter';
    position: sticky;
    top: 0;
    z-index: 1;
    font-size: 13px;
}

.dx-list-group:not(.dx-list-group-collapsed):not(:last-child) {
    border-bottom: none;
}

.dx-scrollview-pull-down-indicator, .dx-scrollview-scrollbottom-indicator {
    box-shadow: unset;
    -webkit-box-shadow: unset;
    background-color: transparent;
}

.dx-selectbox .dx-loadindicator-wrapper {
    width: 16px;
}

.myls-form-file-container .dx-button.dx-button-has-icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    border-color: transparent;
    background-color: transparent !important;
}

.myls-lookup-color {
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: 0;
}

.bootstrap-tagsinput {
    padding: 0;
    border: 0px;
    box-shadow: unset;
}

.dx-tag-content {
    margin: 2px 2px 2px 0;
    border-radius: 10px;
    line-height: 14px;
    padding: 2px 20px 2px 8px !important;
}

.dx-show-invalid-badge .dx-overlay-wrapper.dx-invalid-message {
    width: 100% !important;
}

.myls-html {
    //height: unset !important;
    top: 0;
    bottom: 0;
    position: absolute;
    width: 100%;
}

.dx-texteditor-buttons-container .dx-loadindicator {
    width: 16px;
    height: 16px;
}

/*------------------------------------------------------Main Toolbar--------------------------------------------------*/
#toolbar .menu-button .dx-icon {
    font-size: 18px;
    line-height: 21px;
}

#toolbar .menu-button {
    padding-right: 5px;
}

#toolbar {
    padding: 0 10px;
    flex: 0 0 auto;
    z-index: 1;
}

#toolbar .dx-toolbar-items-container {
    height: 50px;
}

.dx-toolbar .dx-toolbar-label.mylsTitle {
    font-size: 19px !important;
    font-family: 'Inter';
    font-weight: 600;
}

#toolbar .dx-button {
    height: 34px;
    min-width: 34px;
}

#toolbar .dx-button-has-icon .dx-icon {
    height: 24px;
    min-width: 24px;
}

#toolbar .dx-toolbar-after .dx-button-has-icon .dx-icon {
    height: 20px;
    min-width: 20px;
}

.myls-allsearch-icon {
    font: 14px/1 DXIcons;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    width: 34px;
    height: 34px;
    background-position: 8px 8px;
    background-size: 18px 18px;
    padding: 8px;
    font-size: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
    right: 0;
    opacity: 0.6;
}

.dx-menu .dx-menu-item .dx-menu-item-content {
    padding: 7px 8px 8px;
}

.dx-rtl.dx-toolbar .dx-toolbar-menu-container, .dx-toolbar .dx-toolbar-item,
.dx-toolbar-after .dx-toolbar-item, .dx-toolbar-after .dx-toolbar-item:last-child{
    padding: 0;
}

.dx-toolbar .dx-texteditor {
    max-width: 300px;
    min-width: 150px;
    width: 150px;
}

.dx-toolbar .dx-icon-spindown:before {
    //top: 5px;
    position: relative;
}

.myls-count-notifications {
    position: absolute;
    top: 12px;
    padding: 0px 5px;
    border-radius: 9px;
    font-size: 9px;
    line-height: 17px;
    left: 13px;
}

#toolbar .dx-menu-base .dx-icon {
    width: 20px;
    height: 20px;
}

#toolbar .myls-desktop-button .dx-button-text {
    font-size: 15px;
    font-family: 'Inter';
}

.dx-toolbar-item .dx-buttongroup-first-item + .dx-buttongroup-last-item .dx-button-content {
    position: relative;
    left: 0px;
    width:16px;
}

/*-----------------------------------------------------------Main Menu------------------------------------------------*/
.dx-drawer-panel-content {
    font-weight: 400;
    font-size: 13px;
    font-family: Roboto, RobotoFallback, Helvetica, Arial, sans-serif;
    line-height: 1.2857;
}

.panel-list .dx-list-group-header {
    padding: 13px;
    border-bottom: none;
    border-top: none;
    font-weight: 600;
    background-color: transparent;
    text-transform: uppercase;
    font-family: 'Inter';
    text-align: left;
    font-size: 12px;
    position: static;
}

#drawer .dx-drawer-panel-content a {
    text-decoration: none;
    white-space: normal;
    width: 100%;
    display: block;
}

.myls-menu-icon {
    display: inline-block;
    width: 24px;
    margin-right: 5px;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(2deg) brightness(115%) contrast(118%);
}

.panel-list .dx-list-group-body {
    padding-left: 16px;
}

.panel-list .dx-list-item {
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 32px;
    width: calc(100% + 16px);
}

.panel-list .dx-icon-search {
    display: none;
}
.panel-list .dx-texteditor-buttons-container .dx-icon {
    width: 12px;
    height: 12px;
}

/*------------------------------------------------Tabs----------------------------------------------------------------*/
.dx-tab .dx-icon.dx-icon-close {
    margin-left: 8px;
    position: relative;
    margin-right: -4px;
    bottom: 2px;
}

.dx-tab-content {
    display: flex;
    padding-top: 2px;
}

.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tab-selected {
    margin-bottom: 0;
}

.dx-tab, .lm_header .lm_tab {
    min-width: 50px;
    padding: 5px 15px !important;
    width: auto !important;
    text-transform: uppercase;
    max-width: unset !important;
    flex-basis: unset !important;
}

.dx-tab-text {
    line-height: 20px;
}

#bottomPopupTabs {
    height: 30px;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-top:none;
}

.myls-bottom-tabs.dx-tabs .dx-tabs-wrapper {
    display: block;
}

.dx-tabs + .dx-dropdownbutton .dx-button-content {
    padding: 0 !important;
}

.dx-tabs + .dx-dropdownbutton img {
    width: 26px;
    height: 26px;
}

.tabpanel-container .myls-tab-title {
    line-height: 12px;
}

.myls-tab-title .dx-button {
    min-width: 16px;
}

.myls-tab-title .dx-button .dx-button-content {
    padding: 0;
}

.dx-dropdownbutton-content .myls-tab-title {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: flex-start;
}

.dx-dropdownbutton-content .myls-tab-title > div:first-child {
    white-space: break-spaces;
}
.dx-tabs-stretched .dx-tab {
    flex-grow: 0 !important;
}
/*-------------------------------------------------Toolbar------------------------------------------------------------*/
.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container {
    height:auto;
    min-height: 34px;
    //line-height: 34px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
}

.myls-toolbar-dates-container {
    padding-bottom: 1px !important;
}

.myls-master-detail-container .gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container {
    padding: 0 5px;
}

.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container .dx-datagrid-search-panel {
    margin: 0;
}

.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container > div {
    position:relative;
    height: 30px;
}

.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container .dx-toolbar-center {
    min-height: 30px;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    height: 31px;
}

.dx-toolbar-center .dx-toolbar-item {
    padding-top: 4px;
    padding-bottom: 4px;
}

.myls-toolbar-dates-container {
    padding-top: 3px !important;
    padding-bottom: 4px !important;
}

.dx-toolbar-center .dx-texteditor:not(:first-child) {
    margin-left: 5px;
}

.dx-icon-export-excel-button, .dx-icon-column-chooser, .dx-icon-edit-button-save, .dx-icon-edit-button-cancel {
    background-repeat: no-repeat;
    background-size: 20px 20px !important;
}

.dx-icon-export-excel-button:before, .dx-icon-column-chooser:before, .dx-icon-edit-button-save:before,
.dx-icon-edit-button-cancel:before {
    content: '' !important;
}

.dx-icon-export-excel-button {
    background-image: url("../img/new_icons/four_excel.svg");
}

.dx-icon-column-chooser {
    background-image: url("../img/new_icons/four_columns.svg");
}

.dx-icon-edit-button-save {
    background-image: url("../img/new_icons/four_save.svg");
}

.dx-icon-edit-button-cancel {
    background-image: url("../img/new_icons/four_undo.svg");
}

.myls-toolbar-dates > span {
    margin: 5px 7px 0 5px;
}

.myls-toolbar-dates .dx-datebox {
    max-width: 115px !important;
    min-width: 115px !important;
}

.myls-toolbar-filters.flex-column > div {
    width: auto !important;
    margin: 10px;
}

.myls-toolbar-filters-container {
    padding-right: 10px !important;
}

.myls-toolbar-filters .dx-checkbox-container {
    padding: 0 10px;
}

.dx-dropdownbutton-popup-wrapper .dx-popup-content {
    padding: 8px;
}

.myls-treelist .dx-toolbar .dx-texteditor {
    width: 100% !important;
    max-width: unset;
    margin-left: 0;
    border-bottom: unset;
}

.myls-treelist .dx-toolbar-center, .myls-treeview .dx-toolbar-before {
    display: none;
}

.myls-treelist .dx-toolbar-after {
    width: 100%;
    padding-left: 0;
}

/*------------------------------------------------GridContainer-------------------------------------------------------*/
.gridContainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: inherit;
    max-height: inherit;
    max-width: unset !important;
    position: relative;
    touch-action: manipulation;
}

/*------------------------------------------------Grid----------------------------------------------------------------*/
/*.dx-datagrid .dx-column-lines > td.dx-command-select {
    border-right: unset;
    position: sticky;
    left: 0;
    z-index: 1000;
}

.dx-datagrid .dx-column-lines > td.dx-command-select + td.fixed {
    position: sticky;
    left: 34px;
    z-index: 1000;
}

.dx-datagrid .dx-column-lines > td.dx-command-expand {
    position: sticky;
    left: 34px;
    z-index: 1000;
}

.dx-datagrid .dx-column-lines > td.dx-command-expand + td.fixed {
    position: sticky;
    left: 64px;
    z-index: 1000;
}

td.fixed:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
}*/

.dx-datagrid .dx-row:not(.dx-datagrid-filter-row) > td:not(.dx-master-detail-cell) {
    padding: 7px 10px !important;
}

.dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-freespace-row td, .dx-datagrid-rowsview .dx-datagrid-table .dx-row.dx-virtual-row td {
    padding:0 !important;
}

.dx-datagrid .dx-column-lines > td.dx-command-select + td {
    border-left: unset;
}

.myls-colored-value {
    padding: 2px 8px;
    margin-bottom: 2px;
    border-radius: 10px;
    display: inline-block;
    line-height: 14px;
    font-size: 12px;
    margin-right: 2px;
}

.dx-list-items .myls-colored-value {
    margin-top: 2px;
    margin-bottom: 0px;
}

.myls-device-phone .myls-colored-value {
    font-size: 11px;
    line-height: 11px;
}

.dx-datagrid-rowsview .dx-row-focused.dx-data-row > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row > tr > td:not(.dx-focused), .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-edit:not(.dx-focused) .dx-link {
    color: unset;
}

.myls-master-detail-container .gridContainer {
    min-height: 225px;
    max-height: 500px;
}

.myls-master-detail-caption {
    font-family: 'Inter';
    font-size: 15px;
    margin-bottom: 1px;
}

.myls-master-detail-container {
    padding: 8px 0px 8px 34px !important;
    //position: relative;
}

.myls-master-detail-container.myls-inline-form {
    padding: 0px 0px 16px 0px !important;
}

.dx-datagrid-rowsview .dx-row > .dx-master-detail-cell {
    padding: 0;
}

.myls-device-phone .myls-master-detail-container {
    padding: 10px 0px 10px 16px !important;
}

.dx-datagrid-nodata {
    font-size: 13px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td:not(.dx-command-select) {
    padding-top: 3px;
    padding-bottom: 3px;
    text-align: left !important;
    left: 0 !important;
}

.gridContainer .dx-toolbar .dx-button-has-icon .dx-button-content {
    padding: 3px;
}

.gridContainer .dx-button-has-icon .dx-icon {
    width: 18px;
    height: 20px;
}

.dx-treelist-header-panel .dx-toolbar, .dx-datagrid-header-panel .dx-toolbar {
    margin-bottom: 0;
    position: relative;
}

.myls-filter-color-box {
    display: block;
    width: 16px;
    height: 16px;
}

.myls-bottom-toolbar .myls-filter-color-box {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    top: 2px;
}

.myls-bottom-filters-info {
    white-space: normal;
    text-overflow: ellipsis;
    max-height: 32px;
    overflow-y: auto;
    padding-bottom: 0;
}

.myls-bottom-filters-info .dx-icon {
    font: 12px/1 DXIcons !important;
    padding-right: 5px;
}

.gridContainer .dx-command-select {
    width: 34px !important;
    min-width: 34px !important;
}

.dx-datagrid-total-footer > .dx-datagrid-content {
    padding-top: 0px;
    padding-bottom: 0px;
}

.dx-list.dx-list-with-search .dx-scrollable-wrapper,
.gridContainer .dx-gridbase-container {
    min-height: 0;
}

.gridContainer .myls-bottom-toolbar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    z-index: 1;
}

.myls-master-detail-container .gridContainer .myls-bottom-toolbar .dx-toolbar-items-container {
    height: 24px;
}

.dx-datagrid-header-panel > .dx-toolbar .dx-toolbar-before {
    padding-left: 5px;
}

.dx-treelist-header-panel > .dx-toolbar .dx-toolbar-before {
    padding-left: 5px;
}

.dx-toolbar-item-content .dx-buttongroup-wrapper {
    //padding-top: 1px;
}

.gridContainer .myls-bottom-toolbar .dx-toolbar-before {
    left: 6px;
    display: flex;
    align-items: center;
}

.myls-bottom-toolbar .dx-toolbar-item {
    padding-right: 5px;
}

.gridContainer .dx-datagrid:not(.dx-context-menu) {
    flex-grow: 1;
}

.myls-toolbar-search-panel {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 40px;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    transition: all ease-out .5s;
}

body > .myls-toolbar-search-panel.active {
    top: 50px;
}

.myls-toolbar-search-panel .dx-textbox {
    height: 40px;
    padding: 0 20px 0 0;
}

body > .myls-toolbar-search-panel .dx-textbox {
    padding: 0 10px 0 20px;
}

.myls-toolbar-search-panel.active {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    top: 40px;
}

.dx-datagrid-summary-item {
    overflow: visible;
}

.myls-can-filter-button {
    position: absolute;
    top: 4px;
    right: 5px;
    display: block;
    visibility: hidden;
    background-image: url(../img/new_icons/four_filter.svg?v=1);
    background-size: contain;
    width: 11px;
    height: 12px;
    cursor: pointer;
}

.dx-row-focused .myls-can-filter-button {
    filter: grayscale(100%) brightness(2);
}

.myls-more-button, .myls-less-button {
    cursor: pointer;
}

.myls-number .myls-can-filter-button {
    left: 5px;
    right: unset;
}

.myls-number .dx-treelist-icon-container ~ .myls-can-filter-button {
    left: 45px;
}

[role="gridcell"] {
    position: relative;
}
/*
[role="gridcell"]:not(.dx-editor-cell):hover > .myls-can-filter-button {
    display: block;
}
*/
[role="gridcell"]:hover > .myls-can-filter-button {
    visibility: visible;
}
.dx-datagrid-rowsview.dx-empty, .dx-treelist-rowsview.dx-empty {
    height: 100%;
    min-height: 100px;
}

.gridContainer > .dx-treelist-container {
    flex-grow: 1;
}

td span {
    white-space: normal;
    word-break: break-word;
}

.myls-table-in-grid {
    margin: -5px;
}

.myls-table-in-grid div > span {
    font-size: 11px;
    padding: 5px;
}

.dx-datagrid .dx-column-indicators.dx-visibility-hidden, .dx-treelist .dx-column-indicators.dx-visibility-hidden {
    display: none;
}

.dx-datagrid .dx-column-indicators, .dx-treelist .dx-column-indicators {
    float:right !important;
}

.dx-header-row .dx-sort-indicator.dx-sort-index-indicator {
    max-width: calc(100% - 20px);
}

.dx-datagrid-content .dx-datagrid-table.dx-datagrid-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
    font-size: 10px;
    width: auto;
}

.dx-header-row > td > .dx-datagrid-text-content {
    overflow-wrap: anywhere;
}

.dx-group-row td {
    font-size: 14px !important;
    font-family: 'Inter' !important;
}

.myls-column-header .myls-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: visible;
    text-overflow: ellipsis;
}

.dx-datagrid .dx-column-lines > td:not([role="columnheader"]) {
    border-top: unset !important;
    border-bottom:  unset !important;
}

.dx-datagrid-headers::before {
    border-bottom: unset;
}

.dx-treelist-select-all > .dx-select-checkbox + div {
    margin-left: 37px;
}


/*-------------------------------------------------------------formatted columns--------------------------------------*/
[role="field-set"] {
    display: block;
}

[data-dir="h"] > [role="field-set"] {
    display: inline-block;
}

[data-dir="v"] > * {
    display: block;
}

.myls-open-object-container, .myls-open-object {
    cursor: pointer;
}

.myls-open-object-container:hover {
    text-decoration: underline;
}

/*--------------------------------------------------------------Cards-------------------------------------------------*/
.gridContainer.dx-list .dx-list-search {
    position: absolute;
    right: 16px;
    top: 7px;
}

.gridContainer.dx-list .dx-fileuploader ~ .dx-list-search {
    top: 49px;
}

.dx-list .card-view .dx-list-item-content {
    white-space: normal;
    padding: 10px 0;
}

.dx-list .card-view .dx-list-item {
    border-top: none;
    min-width: 250px;
}

.card-body {
    padding-top: 16px;
    padding-bottom: 12px;
}

.card {
    height: 100%;
}

.dx-list .dx-scrollview-scrollbottom {
    display: none !important;
}

/*---------------------------------------------------------Forms------------------------------------------------------*/

.ck-balloon-panel {
    z-index: 100000 !important;
}

.myls-form-container {
    height: 100%;
}
.myls-form-container > .dx-tabpanel-container {
    height: calc(100% - 32px);
}

.dx-popup-bottom .dx-button {
    min-width: unset;
}

.dx-popup-title.dx-toolbar {
    padding: 2px 8px 2px 14px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-label {
    border-bottom: none;
    font-family: 'Inter';
    font-size: 15px;
    height: 34px;
    padding: 6px 20px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-items-container {
    height: 34px;
}

.dx-popup-title.dx-toolbar .dx-toolbar-before {
    width: calc(100% - 75px);
}

.myls-form .dx-popup-content {
    padding: 0;
}

.myls-form-container .dx-form,
.myls-form-container .dx-form .dx-layout-manager,
.myls-form-container .dx-form .dx-layout-manager > .dx-responsivebox {
    height: 100%;
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 10px;
    padding-bottom: 0;
    margin-top: 2px;
}

.myls-form .dx-form, #myls-column-info-popup .dx-popup-content, .myls-external_api_form-popup {
    padding: 16px 12px 16px 20px;
}

.myls-item-full-form-space {
    margin: -16px -20px -16px -20px;
}

.dx-popup-bottom.dx-toolbar {
    padding: 0px 20px;
    background-color: transparent;
    height: 40px;
}

.dx-popup-bottom.dx-toolbar .dx-toolbar-items-container {
    height: 40px;
}

.myls-info-btn {
    border-radius: 50%;
}

.myls-info-btn .dx-button-content {
    white-space: normal;
    text-align: left;
    padding: 0;
    width: 24px;
    height: 24px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 17px;
    font-family: "Inter";
    font-weight: 700;
}

.dx-placeholder {
    font-size: 11px;
}

.dx-field-item-content .dx-texteditor-input {
    padding-bottom: 0;
    padding-top: 0px;
    min-height: 20px;
}
.dx-texteditor-input {
    min-height: 20px !important;
}

.dx-texteditor-buttons-container > .dx-button.dx-button-has-icon:not(.dx-button-has-text) > .dx-button-content {
    padding: 0;
}

.dx-field-item-required-mark {
    display: none;
}

.dx-field-item-label-text {
    font-size: 11px;
    font-weight: 400;
    white-space: nowrap;
    overflow: hidden;
}

.dx-field-item-label-location-top {
    margin-bottom: 0;
}

.dx-popup-wrapper > .dx-overlay-content {
    min-width: 230px !important;
    max-width: 100vw !important;
}

.tooltip-custom-wrapper-class > .dx-overlay-content {
    min-width: auto !important;
    max-width: 100vw !important;
}

.dx-numberbox input {
    text-align: right;
}


.dx-layout-manager .dx-field-item:not(.dx-last-col) {
    padding-right: 0px;
}

.myls-form-container .dx-item.d-none:first-child + .dx-item>div>.dx-field-item {
    padding-left: 0;
}

.myls-form-container [style*='flex-direction: column']:not(.dx-item-content) > .dx-item.dx-box-item {
    flex-grow: 0 !important;
}

.myls-form-container .dx-item-content > .dx-item.dx-box-item.h-100 {
    flex-grow: 1 !important;
}

.myls-form-container :not(.gridContainer) .dx-scrollview-content:not(.card-view), .myls-form-container :not(.gridContainer) .dx-widget:not(.dx-resize-handle-vertical):not(.dx-datagrid-checkbox-size):not(.dx-treelist-checkbox-size):not(.dx-context-menu):not(.dx-loadpanel):not(.dx-loadindicator):not(.dx-radiogroup):not(.gridContainer):not(.dx-buttongroup-item):not(.dx-buttongroup-wrapper):not(.dx-scheduler-header):not(.dx-scheduler-navigator):not(.dx-button):not(.myls-progress-bar), .myls-form-container > :not(.gridContainer) .dx-scrollable-content, .myls-form-container :not(.gridContainer) .dx-widget:not(.dx-resize-handle-vertical):not(.dx-datagrid-checkbox-size):not(.dx-treelist-checkbox-size):not(.dx-buttongroup-wrapper):not(.myls-progress-button):not(.myls-progress-bar) /*,
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-header),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-navigator),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-navigator-previous),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-navigator-caption),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-navigator-next),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-view-switcher),
.myls-form-container :not(.gridContainer) :not(.dx-scheduler-work-space)*/

{
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.myls-form-container .gridContainer .dx-scheduler-header,
.myls-form-container .gridContainer .dx-scheduler-navigator,
.myls-form-container .gridContainer .dx-scheduler-view-switcher,
.myls-form-container .gridContainer .dx-scheduler-work-space {
    display: block !important;
}

.myls-form-container .gridContainer .dx-scheduler-navigator-previous,
.myls-form-container .gridContainer .dx-scheduler-navigator-caption,
.myls-form-container .gridContainer .dx-scheduler-navigator-next {
    display: inline-block !important;
}

.myls-form-container .dx-context-menu.dx-widget {
    flex-grow: 0 !important;
}

.myls-form-container .dx-widget.dx-radiogroup-horizontal .dx-collection {
    display: flex !important;
    flex-direction: row !important;
}


.ck-editor__editable {
    min-height: 160px;
    height: 100%;
}

.ck.ck-reset.ck-editor {
    height: 100%;
}

.ck-editor__main {
    height: calc(100% - 40px);
}

.myls-all-space-height, .myls-all-space-height .dx-field-item {
    flex-grow: 1;
}

.myls-all-space-height .dx-field-item-content, .myls-all-space-height .dx-form-group {
    height: 100%;
// min-height: 200 px;
}
/*.dx-form-group-with-caption .dx-form-group.dx-form-group-with-caption {
    padding-left: 0;
}*/

.myls-all-space-height .dx-form-group-content {
    height: calc(100% - 10px);
}
.myls-all-space-height .myls-list-lookup {
    height: calc(100% - 30px);
}

.myls-form-container :not(.dx-item-content) > .dx-item.dx-box-item.myls-flex-grow-1 {
    flex-grow: 1 !important;
}

.myls-all-space-height .ck.ck-reset.ck-editor, .myls-all-space-height .gridContainer {
    position: absolute;
    width: 100%;
    height: 100% !important;
}

.myls-all-space-height .gridContainer {
    min-height: 200px;
}

.myls-all-space-height>.dx-field-item-content>.dx-form-group> .dx-form-group-content > .dx-layout-manager>.dx-widget>.dx-box-flex> .dx-item.dx-box-item {
    flex-grow: 1!important;
}

.dx-field-item-content {
    position: relative;
}

.myls-empty-image {
    opacity: .1;
    width: 100px;
    height: 80px;
}

.dx-valid.dx-texteditor.dx-editor-filled .dx-texteditor-input-container:after, .dx-valid.dx-texteditor.dx-editor-outlined .dx-texteditor-input-container:after, .dx-valid.dx-texteditor.dx-editor-underlined .dx-texteditor-input-container:after {
    display: none;
}

.mylsThemeLargeFont .dx-field-item-label {
    line-height: 15px;
}

.myls-column-info {
    margin-left: 5px;
    text-decoration: underline dotted;
    font-style: normal;
    cursor: help;
}

.dx-item.myls-flex-grow-1.d-none + .dx-item.myls-flex-grow-1:not(.d-none) .dx-field-item:not(.dx-first-col) {
    padding-left: 0;
}

.dx-item.myls-flex-grow-1:not(.d-none) ~ .dx-item.myls-flex-grow-1:not(.d-none) .dx-field-item:not(.dx-first-col) {
    padding-left: 15px;
}

.dx-tagbox:not(.dx-tagbox-single-line) .dx-texteditor-input-container {
    width: calc(100% - 48px);
}

.dx-tagbox-popup-wrapper .dx-list-select-all {
    display:none!important;
}

.dx-checkbox-checked .dx-checkbox-text {
    font-weight: 500;
}

.dx-treeview .dx-scrollable-content {
    padding: 0 10px;
}

.mylsTabObject > .dx-multiview-item-content {
    padding:0!important;
}

/*.myls-form-container .dx-scrollview-content .dx-item .dx-multiview-item-content {
    padding: 12px 16Px;
}*/

/**----------------------------------------------------------------------- Scheduler -----------------------------------*/
.dx-scheduler .dx-loadpanel-content {
    display: none;
}

.dx-scheduler-header, .dx-scheduler-header .dx-toolbar .dx-toolbar-items-container {
    height: 34px;
}

.dx-scheduler-navigator {
    padding: 4px;
}

.dx-scheduler-view-switcher .dx-item {
    padding-top: 0px;
    padding-bottom: 0px;
}

.myls-scheduler-tooltip-data {
    white-space: normal;
}

.dx-scheduler-appointment-content > * {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.dx-scheduler-cell-sizes-horizontal {
    width: 200px;
}

/*.dx-scheduler-cell-sizes-vertical {
    height: 100px;
}*/


/*------------------------------------------------------------------------ DragList -------------------------------------*/
.draglist > .card-body {
    flex: 0 1 auto;
}

.draglist > .draglist-list {
    flex: 1 1 0;
}

.sortable-cards {
    min-height: 150px;
    width: 100%;
    margin: 0 0 8px 8px;
}

.sortable-cards .dx-card, .dx-sortable-dragging .dx-card {
    padding: 5px 8px;
}

.sortable-cards .myls-card-checkbox {
    margin-right: 8px;
    margin-top: 4px;
}

.dx-list.dx-list-with-search .card .dx-scrollable-wrapper {
    height: 100%;
    max-height: 300px;
}

/*-------------------------------------------------------------------Dashboard--------------------------------------------*/


.myls-frame-title {
    padding: 6px 12px 7px;
    font-family: 'Inter';
    font-size: 13px;
    font-weight: 500;
    position: relative;
    border-radius: 8px 8px 0 0;
}

.myls-dashboard-layout .myls-frame {
    border-radius: 8px;
    box-shadow: 1px 1px 5px 1px rgba(0, 0, 0, 0.07);
}

.myls-frame-title .dx-icon-close {
    position: absolute;
    right: 8px;
    top: 8px;
}

.myls-frame-body {
    padding: 0 20px 20px;
    height: calc(100% - 31px);
}

.myls-frame-body > .myls-dashboard-card {
    padding-top: 20px;
}

.dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-gap: 10px;
    grid-auto-rows: 150px;
    grid-auto-flow: dense;
    padding: 10px;
}

.col-span-1 {
    grid-column-end: span 1;
}

.col-span-2 {
    grid-column-end: span 2;
}

.col-span-3 {
    grid-column-end: span 3;
}

.col-span-4 {
    grid-column-end: span 4;
}

.col-span-5 {
    grid-column-end: span 5;
}

.col-all-space {
    grid-column: 1/-1;
}

@media (max-width: 1024px) {
    .col-span-5 {
        grid-column: 1/-1;
    }
}

@media (max-width: 720px) {
    .col-span-4 {
        grid-column: 1/-1;
    }
}

@media (max-width: 600px) {
    .col-span-3 {
        grid-column: 1/-1;
    }
}

.row-span-1 {
    grid-row-end: span 1;
}

.row-span-2 {
    grid-row-end: span 2;
}

.row-span-3 {
    grid-row-end: span 3;
}

.row-span-4 {
    grid-row-end: span 4;
}

.row-span-5 {
    grid-row-end: span 5;
}

/*----------------------------------------------charts-------------------------------------------------------------------*/
.myls-chart-container {
    overflow-y: hidden;
}

/*----------------------------------------------layout----------------------------------------------------------------------*/
.lm_header {
    height: 32px !important;
}

.lm_header .lm_tab {
    border: none;
    height: 31px !important;
    font-family: Roboto, RobotoFallback, Helvetica, Arial, sans-serif;
    font-size: 12px;
    margin-right: 0;
}

.lm_header .lm_tab.lm_active {
    height: 32px !important;
}

.lm_header .lm_tab .lm_close_tab {
    display: none;
}

.lm_header [class^=lm_] {
    box-sizing: border-box !important;
}

.lm_popout, .lm_maximise, .lm_close {
    display: none !important;
}

.lm_header .lm_controls .lm_tabdropdown:before {
    border-top: 7px dashed;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    top: 13px;
    right: 10px;
    position: absolute;
}

.lm_header .lm_tabdropdown_list .lm_tab .lm_title {
    width: auto;
    max-width: 500px;
}

.lm_splitter.lm_vertical {
    cursor: row-resize;
    min-height:5px;
}

.lm_splitter.lm_horizontal {
    cursor: col-resize;
    min-width:5px;
}

.lm_splitter.lm_vertical:before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 50%;
    top: -3px;
    /* border-radius: 8px; */
    transform: rotate(
            45deg
    );
}

.lm_content {
    border: none;
}

.lm_column.no-title > .lm_item.lm_stack.no-title {
    display: -ms-flexbox !important;
    display: flex !important;
}

.lm_column.no-title > .lm_item.lm_stack.no-title > .lm_header {
    display: none;
}

.lm_column.no-title > .lm_item.lm_stack.no-title > .lm_items.no-title, .lm_column.no-title > .lm_item.lm_stack.no-title > .lm_items.no-title > .lm_item_container.no-title,
.lm_column.no-title > .lm_item.lm_stack.no-title > .lm_items.no-title > .lm_item_container.no-title > .lm_content {
    height: 100% !important;
}

.lm_item.lm_row {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.lm_item.lm_column {
    display:flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
/*------------------------------------------ Вход в систему --------------------------------------------*/

.mylsIcon {
    width: 32px;
    height: 32px;
    font-size: 20px;
    font-weight: 600;
    line-height: 32px;
    float: left;
    margin-right: 10px;
    font-family: 'Inter';
}

.mylsIconImage img {
    height: 100%;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

body.myls-login {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../img/background.svg');
    background-size: cover;
    background-position: center;
}

body.myls-login .myls-logo {
    position: absolute;
    bottom: 10px;
    width: 50px;
    height: 30px;
}

.mylsTitle {
    font-size: 30px;
    font-weight: 600;
    line-height: 32px;
    font-family: 'Inter';
    max-width: unset !important;
}

.mylsTitle img {
    height: 32px;
}

.mylsLoginTitle {
    margin-bottom: 24px;
}
.mylsLoginTitle .mylsIconImage {
    max-height:65px;
}

.myls-login-form {
    width: 364px;
    padding: 32px;
}

.myls-login-cover {
    width: 364px;
}

.myls-login-language-block {
    text-align: right;
    position: relative;
}

.myls-login-language {
    text-transform: uppercase;
    margin-left: 8px;
}

.myls-login-language.selected {
    font-weight: 600;
}

.myls-desktops {
    font-family: 'Inter';
    font-size: 19px;
    margin-bottom: 17px;
}

.myls-desktop-items {
    list-style-type: none;
    padding-left: 0;
}

.myls-desktop-item {
    display: block;
    height: 36px;
    font-size: 15px;
    padding-bottom: 10px;
}

/*-------------------------------------------------Excel grid-------------------------------------------------------*/
.myls-excelgrid-infoline {
    padding: 3px;
    min-height: 28px;
}

.myls-excelgrid-popup .dx-popup-content {
    padding: 16px 12px 16px 20px;
}

/*--------------------------------------------------Context menu-----------------------------------------------------*/
.mylsContextMenuIcon {
    width: 20px;
    margin-right: 10px;
}

.myls-contextmenu-group {
    text-transform: uppercase;
    font-weight: 600;
    padding-top: 5px;
}

/*--------------------------------------------------Email-----------------------------------------------------*/
.myls-attachment-item {
    cursor: pointer;
}

.myls-focus-buttons {
    right: 20px;
    bottom: 20px;
    border-radius: 12px;
    text-align: center;
    align-content: center;
    opacity: .2;
    height: 55px;
    width: 21px;
    transition: all .5s;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 1px;
}

.myls-focus-buttons:hover {
    opacity: .6;
}

.myls-focus-buttons div {
    cursor: pointer;
}

.myls-progress-messages {
    margin-top: 20px;
    height: 300px;
}

.myls-progress-button-container {
    padding-top: 10px;
    margin-top: 10px;
}

.myls-progress-button {
    margin: 0 auto;
}

.myls-progress-item {
    margin-bottom: 16px;
    text-align: left;
    border-left: 4px solid;
    padding-left: 8px;
}

.myls-column-header .dx-header-filter-empty {
    min-width: 16px;
}

.myls-column-header .dx-button-content .dx-icon-filter {
    width: 14px;
    height: 14px;
}

.myls-column-header .dx-header-filter-empty .dx-button-content {
    padding: 0;
    display: flex;
    justify-content: flex-end;
}

.myls-column-header .dx-header-filter-empty.dx-state-hover {
    background: none;
}

.myls-header-filter-block {
   min-height:0;
}

.myls-header-filter-block:not(:last-child) {
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.myls-header-filter-block .dx-buttongroup-wrapper {
    flex-wrap: wrap !important;
}

.myls-header-filter-block.myls-header-filter-colors .dx-button-content {
    padding:2px;
}

.myls-bottom-filters-clear .dx-button-content {
    padding: 0 !important;
}

.myls-bottom-filters-clear .dx-button-content .dx-icon-close {
    width: 14px;
    height: 14px;
}

.myls-bottom-filters-clear .dx-button-mode-contained.dx-state-hover,
.myls-bottom-filters-clear .dx-button-mode-contained.dx-state-focused {
    background: none !important;
}

.dx-accordion-item-body .dx-list {
    max-height: calc(100% - 15px);
}

.myls-inline-form .dx-overlay-content {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.myls-inline-form .dx-popup-title.dx-toolbar {
    display: none !important;
}

.myls-form-group {
    padding-bottom: 6px;
    margin-bottom: 10px;
}

.myls-header-filter-block .dx-accordion-item-body {
    height: 100%;
}

.myls-header-filter-block .dx-accordion-item {
    border: none !important;
}

.myls-header-filter-block .dx-accordion-item-title {
    font-size: 13px;
    font-weight: bold;
}

.myls-header-filter-block .dx-accordion-item-title::before {
    font-size: 13px;
}

.myls-header-filter-block .dx-list-select-all-label {
    font-weight: bold;
}

.sp-toolbar.dx-toolbar {
    padding: 0 20px !important;
    width: auto;
    height: 40px;
    border-top: 1px solid rgba(221, 221, 221, 0.42);
    background: #fcfcfc;
}

.sp-container {
    background: #fcfcfc;
}

.sp-toolbar .dx-toolbar-items-container {
    height: 40px;
}

.dx-popup-content:not(.dx-dropdownbutton-content) {
    padding: 0 !important;
}
.dx-popup-content .dx-tabpanel-container .dx-scrollview-content {
    padding: 16px 12px 16px 20px;
}
.dx-popup-content > .myls-form-container:not(.dx-tabpanel) .dx-scrollview-content {
    padding: 16px 12px 16px 20px;
}
/* .dx-popup-content > .myls-form-container:not(.dx-tabpanel) .dx-scrollview-content {
    padding: 0 0 16px 0;
}

.dx-popup-content > .myls-form-container:not(.dx-tabpanel) .dx-tabpanel-container {
    padding-left: 20px;
    padding-right: 12px;
}

.dx-popup-content > .myls-form-container:not(.dx-tabpanel) .dx-item.dx-box-item.myls-flex-grow-1 {
    padding-left: 20px;
    padding-right: 12px;
} */

.dx-popup-content > .myls-popup-container {
    padding: 10px;
}
.dx-list-item-content {
    white-space: break-spaces;
}
.myls-list-lookup .dx-scrollview-content {
    padding: 0 !important;
    min-height: 200px;
}
.myls-list-lookup .dx-scrollview-content .dx-list-item-selected {
    position: relative;
}
.myls-list-lookup .dx-scrollable-content {
    height:0px;
}
.myls-list-button-close {
    display: flex !important;
    width: 100%;
    flex-grow: 0 !important;
    border: 0 !important;
    position: absolute;
    left: 0;
    bottom: -10px;
    visibility: hidden;
    background-color: var(--border-color-second) !important;
    transition: bottom 0.2s ease-in-out, visibility 0.1s ease-in-out;

}
.myls-list-button-close .dx-button-content {
    justify-content: flex-start;
    padding: 10px 0 1px 6px;
}

.myls-list-button-close.dx-button-has-text .dx-icon {
    border-radius: 50%;
    background-color: #d64045;
    padding: 2px;
    width: 14px;
    height: 14px;
}

.myls-list-button-close.dx-button-has-text .dx-icon-close:before {
    background-image: url('../img/new_icons/four_close_white.svg');
    width: 10px;
    height: 10px;
}

.myls-list-button-close.dx-button-has-text .dx-button-text {
    color: #d64045;
    font-family: Roboto, RobotoFallback, Helvetica, Arial, sans-serif;
    font-size: 12px;
}

.myls-item-close.d-none, .myls-list-button-close.d-none {
    display: none !important;
}
.myls-list-button-close.dx-state-hover {
   // background: none !important;
}
.panel-list .dx-searchbox .dx-placeholder::before, .panel-list .dx-searchbox .dx-texteditor-input {
    padding-left: 4px !important;
}
.dx-editor-cell.dx-editor-inline-block:not(.dx-command-select)::before {
    content:"" !important;
}
.dx-loadpanel-content::before {
    display:none !important;
}
.myls-successful-registration {
    font-weight: 400;
    font-size: 13px;
    font-family: Roboto, RobotoFallback, Helvetica, Arial, sans-serif;
    line-height: 1.33334;
}
.myls-open-object-hovered:hover {
    text-decoration: underline;
}
[role="myls-toolbar"] .dx-toolbar-items-container {
    container-type: inline-size;
    width: 100%;
}
[role="myls-toolbar"] .dx-toolbar-center {
    order: unset;
    margin: 0 auto !important;
}

.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container .dx-toolbar-center:empty {
    display: none;
}
@container (max-width:891px) {
    [role="myls-toolbar"] .dx-toolbar-center {
        order: 1;
        margin: 0 auto !important;
    }
}
@container (max-width:477px) {
    [role="myls-toolbar"] .dx-toolbar-center {
        margin: 0 !important;
        padding-left: 3px !important;
    }
    [role="myls-toolbar"] .dx-toolbar-after {
        padding-left: 3px !important;
    }
}
.myls-tooltip-link {
    margin-top: 4px;
}
.myls-open-object-hovered:hover {
    text-decoration: underline;
}

.tooltip-custom-wrapper-class .dx-popover-arrow {
    display: none;
}

.tooltip-custom-wrapper-class .dx-overlay-content {
    background-color: var(--primary-color);
    border: 1px solid var(--light-grey);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
}

.tooltip-custom-wrapper-class .dx-overlay-content .myls-tooltip-link-custom {
    color: var(--font-color);
    font-size: 11px;
    pointer-events: none;
    transition: opacity 0.15s ease;
}


.dx-header-row .dx-sort-indicator.dx-sort-index-indicator.dx-text-content-alignment-left.dx-text-content-alignment-right {
    max-width: 100%;
}

#tabpanel .dx-tabpanel-tabs .dx-tab {
    white-space: nowrap;
    max-width: 100%;
    flex-basis: unset;
    flex-grow: 0;
}

.dx-tabpanel .dx-tabpanel-tabs .dx-tabs {
    flex-direction: row !important;
}

.dx-context-menu.dx-overlay-content {
    max-height: unset !important;
    height: auto !important;
}

.gridContainer [role="myls-toolbar"].dx-toolbar .dx-toolbar-items-container .dx-toolbar-after {
    right: 3px;
    height: 30px;
}

.dx-dropdownbutton-toggle {
    max-width: 20px;
}

.dx-dropdownbutton-has-arrow .dx-dropdownbutton-action.dx-buttongroup-last-item.dx-button-has-text .dx-button-content {
    padding-inline-end: 0px;
}

.dx-datagrid-total-footer:focus-within {
    outline: unset;
}

.dx-datagrid-total-footer > .dx-datagrid-content .dx-row > td {
    padding: 5px;
}
.dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
    width: unset;
    border-width: 0;
}

.dx-pivotgrid-fields-area-head .dx-group-connector {
    display: none;
}

.myls-copy-button {
    top: 4px;
    right: 20px;
    background-image: url(../img/new_icons/four_copy.svg?v=1);
    width: 11px;
    height: 12px;
}

.myls-number .myls-copy-button {
    left: 20px;
}

.myls-copy-button-right {
    right: 5px;
}

.myls-number .myls-copy-button-right {
    left: 5px;
}

.dx-toast-info .dx-toast-icon {
    display: none !important;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 0;
}

.nocaption .dx-tabpanel-tabs {
    display: none !important;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
    padding: 0;
}

.nocaption .dx-tabpanel-tabs {
    display: none !important;
}

.myls-dropdown-button-layout {
    width: 28px;
    height: 34px;
}

.myls-dropdown-button {
    width: 28px;
}

.dx-tabpanel .dx-multiview-wrapper {
    border: unset;
}

.myls-column-header .dx-button {
    border-radius: 0;
    margin-left: 4px;
}

.myls-tooltip-link {
    margin-top: 4px;
    display: flex !important;
    flex-wrap: wrap;
    white-space: normal;
    max-width: 230px;
    padding: 5px 10px;
}

.myls-tooltip-link-custom {
    margin-top: 0;
}

.dx-popup-content .myls-dropdown-button-layout {
    width: 30px;
}

.dx-icon-fullscreen:before {
    content: '';
    background-image: url("../img/new_icons/four_full screen 2.svg");
    background-size:cover;
    width: 14px;
    height: 14px;
}

.dx-icon-collapse:before {
    content: '';
    background-image: url("../img/new_icons/four_collapse.svg");
    background-size:cover;
    width: 14px;
    height: 14px;
}

.dx-popup-normal .dx-icon-close:before {
    content: '';
    background-image: url("../img/new_icons/four_close.svg");
    background-size:cover;
    width: 14px;
    height: 14px;
}

.dx-button-mode-contained {
    border-width: 0;
}

.gridContainer .dx-toolbar .dx-button-has-icon .dx-button-content {
    background: white;
}

.dx-button-mode-contained.dx-buttongroup-first-item, .dx-button-mode-outlined.dx-buttongroup-first-item {
    border-inline-start-width: 0px;
}

.dx-button-mode-contained.dx-buttongroup-last-item, .dx-button-mode-outlined.dx-buttongroup-last-item {
    border-inline-end-width: 0px;
}

.dx-widget {
    font-family: Roboto, RobotoFallback, Helvetica, Arial, sans-serif !important;
}

.bootstrap-tagsinput {
    width: 100%;
    background-color: unset;
}

.myls-refresh-rotate {
    animation: spin 1s linear infinite;
}

.myls-refresh-rotate.myls-refresh-stop {
    animation-iteration-count: 1;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.dx-popup-title > div {
    font-family: 'Inter';
    font-size: 17px;
}

.dx-loadpanel-content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.dx-popup-wrapper .dx-state-focused.dx-overlay-content {
    border: 1px solid transparent;
}

.dx-tab.dx-tab-selected::after {
    border-block-start: none;
}

.dx-icon-filter:before {
    content: '';
    background-image: url("../img/new_icons/four_filter_column.svg");
    background-size: cover;
    width: 14px;
    height: 14px;
    display: flex;
}

.myls-bottom-filters-info .dx-icon-filter:before {
    position: relative;
    bottom: -2px;
}

.custom-tooltip {
    position: absolute;
    top:0;
    left: 0;
    z-index: 9999;
    padding:0;
    border-radius: 6px;
    font-size: 11px;
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    padding-inline-end: 0px;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    padding-bottom: 0px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll {
    width: 4px;
}

.dx-scrollbar-horizontal .dx-scrollable-scroll {
    height: 4px;
}

.dx-scrollable-scroll {
    padding: 0px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    width: 10px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover, .dx-scrollbar-horizontal.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    height: 10px;
}

.dx-scrollbar-vertical .dx-scrollable-scroll-content {
    min-height: 18px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    border-radius: 6px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll .dx-scrollable-scroll-content {
    border-radius: 6px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
    //padding-bottom: 30px;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: 4px;
    transform: scale(0.97);
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable {
    margin-bottom: 4px;
}

.dx-scrollbar-horizontal.dx-scrollbar-hoverable .dx-scrollable-scroll {
    padding-right: 30px;
}

.dx-context-menu .dx-submenu {
    border-radius: 6px;
}

.dx-scrollbar-vertical {
    border-radius: 6px;
    align-items: flex-end;
}

.dx-scrollbar-horizontal {
    width: calc(100% - 30px);
    border-radius: 6px;
    left: 15px;
    display: flex;
    align-items: flex-end;
}

.myls-form-container .dx-scrollbar-horizontal {
    justify-content: flex-end !important;
    align-items: flex-start;
}

.dx-scrollbar-vertical.dx-scrollbar-hoverable .dx-scrollable-scroll {
    min-height: 18px !important;
}

.dx-invalid-message > .dx-overlay-content {
    opacity: 0.8;
}

.dx-toolbar-center {
    float: left !important;
}

.sp-container {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
}

.sp-cf {
    display: flex;
    flex-direction: row;
}

.sp-palette {
    max-width: unset !important;
    display: flex;
    flex-direction: column;
}

.sp-color, .sp-hue, .sp-clear {
    border: unset;
}

.sp-picker-container {
    width: 197px;
}

.sp-top {
     margin-bottom: 0;
}

.sp-palette-container {
    padding-top: 22px;
    padding-left: 19px;
}

.sp-picker-container {
    padding-top: 22px;
    padding-right: 19px;
}

.sp-toolbar.dx-toolbar {
    padding: 10px 19px 22px 19px;
}

.sp-container .dx-toolbar-after .dx-toolbar-item:first-child {
    padding-right: 5px !important;
}

.sp-palette .sp-thumb-inner {
    border-radius: 50%;
}

.sp-palette .sp-thumb-el {
    border-radius: 50%;
    border: unset;
    margin: 2px;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    outline: 2px solid #3475C1;
    background-image: url("../img/colorcheck.svg");
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    outline: 2px solid #3475C1;
    background-image: url("../img/colorcheck_light.svg");
}

.sp-dragger {
    border-radius: 10px;
    height: 10px;
    width: 10px;
    border: 2px solid #fcfcfc;
    background: #0a0a0a;
}

.sp-slider {
    height: 6px;
    border-radius: 6px;
    border: 1px solid #0a0a0a;
    background: #fcfcfc;
    opacity: unset;
}

.sp-preview {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: solid 1px #cbc9c9;
}

.sp-clear-display {
    border-radius: 50%;
}

.sp-dd {
    //display: none;
}

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    border-radius: 50%;
}

.sp-clear-display {
    background-image: url("../img/transparent.svg");
    background-size: cover;
}

.sp-palette .sp-thumb-inner:hover {
    outline: 2px solid #3475C1;
}

.dx-popup-normal .dx-toolbar-center {
     float: none !important;
}

/* .dx-form-group-content .dx-item.dx-box-item.invisible {
    display: none !important;
} */

.dx-form-group-with-caption {
    border-radius: 8px;
    padding-top: 9px;
    padding-right: 14px;
    padding-left: 14px;
    padding-bottom: 16px;
}

.dx-form-group-caption {
    font-size: 15px
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 5px;
    padding-bottom: 0;
    margin-top: 0px;
}

.dx-form-group-with-caption > .dx-form-group-content {
    border: unset;
}

.dx-tag-remove-button::after {
    background-image: unset;
    background: unset;
    height: 0;
}

.dx-tag-remove-button::before {
    background-image: url('../img/new_icons/four_close.svg') !important;
    background-size: 10px;
    background-position: center;
    width: 14px;
    height: 14px;
    background-repeat: no-repeat;
    position: absolute;
    top: 2px;
    transform: unset;
    margin-top: unset;
    right: 2px;
    border-radius: 50px;
}

.dx-tag-remove-button.myls-color-white::before {
    background-image: url('../img/new_icons/four_close_white.svg') !important;
}

.dx-layout-manager .dx-field-empty-item {
    height: 0;
}

.dx-form-group-content .dx-item-content.dx-box-item-content.dx-box-flex {
    gap: 15px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-inline-start: 0;
}

.dx-multiview.dx-swipeable.dx-tabpanel {
    overflow: hidden;
}

.myls-center {
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.myls-center img {
    width: 25px;
    height: 25px;
}

.myls-bottom-toolbar .dx-toolbar-item {
    line-height: 26px;
}

.gridContainer [role="myls-toolbar"].dx-toolbar.childObject .dx-toolbar-items-container {
    height: 35px;
}

.myls-bottom-filters-clear .dx-icon-close:before {
    position: relative;
    bottom: 2px;
}

.myls-focus-buttons .myls-center {
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}

tbody .dx-row td {
    font-size: 12px !important;
}

.dx-field-item-label-text {
    font-family: 'Inter' !important;
}

.myls-bottom-toolbar #mylsSelectedFilter {
    line-height: 27px;
}

.dx-list-item-content hr {
    margin: 8px auto;
}

.myls-lookup-selectBox .dx-list-group:first-of-type .dx-list-group-header {
    padding-top: 4px;
}

.myls-lookup-selectBox .dx-list-group-header {
    border-bottom: unset;
    font-weight: 600;
    font-size: 12px;
    padding: 16px 8px 0px 8px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
    padding: 2px 8px;
}

.myls-lookup-selectBox .dx-list-group:first-of-type .dx-list-group-header {
    padding-top: 4px;
}

.dx-scrollable-wrapper {
    overflow: hidden;
}

.dx-dropdownbutton-has-arrow {
    line-height: 13px !important;
}

#mylsSelectedFilter .dx-button .dx-button-content {
    padding-block: 6px  !important;
    line-height: 10px;
}

.myls-form-container .myls-all-space-height .dx-scrollable-wrapper {
    overflow: visible;
}

.myls-form-container .data-myls__composition_id .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    position: absolute;
    right: -18px;
}

.sp-picker-container, .sp-palette-container {
    padding-bottom: 311px;
}

.i {
    display: inline-block;
}

.i {
    font-family: "Roico", sans-serif;
    display: inline-block;
    font-size: 11px;
    font-style: normal;
}

.i-timer::before      { content: "\E000\00A0"; }
.i-globe::before      { content: "\E001\00A0"; }
.i-user::before       { content: "\E002\00A0"; }
.i-calendar::before   { content: "\E003\00A0"; }
.i-location::before   { content: "\E004\00A0"; }
.i-asterisk::before   { content: "\E005\00A0"; }
.i-back::before       { content: "\E006\00A0"; }
.i-cube::before       { content: "\E007\00A0"; }

.myls-header-filter-block  .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: 0;
    margin-bottom: 0;
}

.data-myls__composition_id .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    position: absolute;
    top: 5px;
}

.data-myls__list_load_data_contract_mt .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    position: absolute;
    top: 8px;
}

.data-myls__composition_id .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    position: relative;
}

.data-myls__list_load_data_contract_mt .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    position: relative;
}

/* .dx-submenu .dx-menu-item-text {
    line-height: 16px !important;
}

.dx-submenu .dx-menu-item-popout-container {
    bottom: 2px !important;
} */

.dx-submenu .dx-menu-item-popout {
    line-height: 12px !important;
}

.dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
    border-radius: 6px;
}

.dx-context-menu .dx-menu-item-popout::before {
    top: 47%;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
    border-bottom: unset;
}

.dx-datagrid .dx-datagrid-sticky-column, .dx-datagrid .dx-datagrid-sticky-column-left, .dx-datagrid .dx-datagrid-sticky-column-right {
    position: -moz-sticky;
    left: 0;
}

.dx-drawer-panel-content .dx-scrollbar-vertical.dx-scrollbar-hoverable {
    margin-right: 3px;
}

.dx-drawer-panel-content .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active, .dx-drawer-panel-content .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-scrollable-scrollbar-active .dx-scrollable-scroll, .dx-drawer-panel-content .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover, .dx-drawer-panel-content  .dx-scrollbar-vertical.dx-scrollbar-hoverable.dx-state-hover .dx-scrollable-scroll {
    width: 8px;
}

.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper {
    border-block-end: 0 solid #e5e4e4;
    border-block-start: 0 solid #e5e4e4;
}

.myls-all-space-height .dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper {
    border-block-start: 1px solid #e5e4e4;
}

.dx-splitter .dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper {
    border-block-start: 1px solid #e5e4e4;
}

.dx-splitter .dx-tabpanel-tabs .dx-tabs-nav-button {
    height: 30px;
    line-height: 30px;
}

.dx-splitter .dx-tabpanel-tabs .myls-dropdown-button-layout {
    height: 30px;
    line-height: 30px;
}

.dx-tab.dx-state-active::after {
    border-block-start: 0px solid #d7d4d4;
    border-inline-end: 0px solid #d7d4d4;
    border-block-end: 0px solid #d7d4d4;
    border-inline-start: 0px solid #d7d4d4;
}

#bottomPopupTabs .dx-tab {
    height: 100%;
}

.dx-tabs-wrapper {
    height: 30px !important;
}

#tabpanel .dx-tabs-wrapper {
    height: 100% !important;
    line-height: 18px !important;
}

.dx-tabpanel-tabs-position-top > .dx-tabpanel-tabs .dx-tabs-wrapper::after {
    border-inline-start: 0px solid #e5e4e4;
}

.myls-inline-form .gridContainer {
    margin-top: 16px;
    margin-left: 16px;
}

.dx-tab .dx-icon-close:before {
    font-size: 12px;
}

.dx-button-mode-contained.dx-state-active, .dx-button-mode-contained.dx-state-focused {
    background-color: unset;
}

.dx-datebox-date .dx-dropdowneditor-icon::before {
    font-size: 13px;
    width: 13px;
    height: 13px;
    margin-top: -6px;
    margin-left: -6px;
    left: 48%;
}

.dx-dropdowneditor-icon::before {
    margin-top: -8px;
}

.dx-dropdowneditor-icon {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 17px;
}

.dx-datebox-date .dx-dropdowneditor-icon {
    width: 19px;
    height: 18px;
    border-radius: 4px;
}

.dx-texteditor-buttons-container > .dx-button.dx-button-mode-text {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

.dx-button-has-icon .dx-icon.dx-icon-search {
    font-size: 12px;
}

.sp-replacer .sp-dd {
    top: 0px;
}

@-moz-document url-prefix() {
    .dx-master-detail-cell.dx-datagrid-sticky-column-left {
        display: table-cell !important;
    }

    .dx-master-detail-cell > .myls-master-detail-container {
        left: 0;
        right: auto !important;
        position: sticky;
    }
}

.data-myls__composition_id
  .dx-list-item-before-bag.dx-list-select-radiobutton-container {
  position: relative;
  overflow: hidden;
}

.data-myls__composition_id
  .dx-list-item-before-bag.dx-list-select-radiobutton-container
  .dx-list-select-radiobutton {
  will-change: transform;
  display: block;
}

.dx-checkbox-icon {
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}

.dx-checkbox-container {
    overflow: visible;
}

.myls-field-image-new {
    height: auto;
    background-image: url('../img/ext_icons/new/ext_folder.svg');
    background-size: cover;
    width: 60px;
    height: 80px;
}

.myls-field-image-new > span {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.myls-field-image-new > span > span, .myls-field-image-new-text{
    position: absolute !important;
    font-family: 'Poppins';
    font-size: 10px;
    font-weight: 700;
    bottom: 4px;
    left: 6px;
}

.myls-field-image-new .myls-form-file-image {
    opacity: unset;
}

.myls-dropdown-button .dx-button-mode-outlined.dx-state-hover {
    border-radius: unset !important;
}

.myls-dropdown-button .dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
    border-radius: unset !important;
}

.gridContainer .myls-dropdown-button-layout .dx-button-has-icon .dx-icon {
    height: 26px;
    width: 26px;
}

.myls-dropdown-button .dx-button-content {
    width: 30px;
}

.myls-list-lookup .border-right {
    border-right: 1px solid #e5e4e465 !important;
}

.myls-form-dropdown-button {
    width: 30px;
}

.myls-form-dropdown-button .dx-button-content {
    width: 30px;
}

.dx-fileuploader-content .dx-button-mode-contained .dx-icon {
    opacity: .4;
}

.dx-form-group-content .dx-layout-manager .dx-box .dx-field-item:not(.dx-last-col) {
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dx-form-group-content .dx-layout-manager .dx-box .dx-field-item:not(.dx-first-col) {
    height: max-content;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.i {
    font-family: "Roico", sans-serif;
    display: inline-block;
    font-size: 15px;
    font-style: normal;
}
.i::before {
    margin-right: 2px;
    position: relative;
    top: 1px;
}

.i-timer::before      { content: "\E000"; }
.i-globe::before      { content: "\E001"; }
.i-user::before       { content: "\E002"; }
.i-calendar::before   { content: "\E003"; }
.i-location::before   { content: "\E004"; }
.i-asterisk::before   { content: "\E005"; }
.i-back::before       { content: "\E006"; }
.i-cube::before       { content: "\E007"; }

.myls-header-filter-block  .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    margin-top: 0;
    margin-bottom: 0;
}

.data-myls__composition_id .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    position: absolute;
    top: 5px;
}

.data-myls__list_load_data_contract_mt .dx-list-item-before-bag .dx-list-select-checkbox, .dx-list-item-before-bag .dx-list-select-radiobutton {
    position: absolute;
    top: 5px;
}

.data-myls__composition_id .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    position: relative;
}

.data-myls__list_load_data_contract_mt .dx-list-item-before-bag.dx-list-select-checkbox-container, .dx-list-item-before-bag.dx-list-select-radiobutton-container {
    position: relative;
}

/* .dx-submenu .dx-menu-item-text {
    line-height: 16px !important;
}

.dx-submenu .dx-menu-item-popout-container {
    bottom: 2px !important;
} */

.dx-submenu .dx-menu-item-popout {
    line-height: 12px !important;
}

.dx-buttongroup-item.dx-button-mode-contained.dx-button, .dx-buttongroup-item.dx-button-mode-outlined.dx-button {
    border-radius: 6px;
}

.dx-context-menu .dx-menu-item-popout::before {
    top: 47%;
}

.mylsGroupNoBg .dx-form-group-with-caption {
    background-color: unset;
}

.loadpanel_loader2 .dx-overlay-content  {
    height: 110px;
}

.loadpanel_loader2 .dx-loadindicator-wrapper {
    width: 100%;
    height: 100%;
}

.loadpanel_loader2 .dx-loadindicator {
    width: 40px;
    height: 40px;
}

.dx-loadpanel-message {
    font-size: 13px;
    margin-top: 8px;
}

.dx-header-row > td[role="columnheader"].dx-datagrid-action, 
.dx-header-row > td[role="columnheader"].dx-datagrid-drag-action, 
.dx-treelist-headers td[role="columnheader"].dx-treelist-action {
    padding: 6px 10px !important;
}

.dx-treelist-headers .dx-header-row > td[role="columnheader"].dx-treelist-action.dx-treelist-select-all {
    padding-left: 40px !important;
}

.dx-form-group-content .dx-layout-manager .list .dx-list-item .myls-list-button-close {
    display: flex !important;
}

.dx-form-group-content .dx-layout-manager .list .dx-list-items .dx-list-item .dx-list-item-content [data-for="percent_"]  {
    position: relative;
    top: 14px;
}

.myls-list-lookup.single .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: unset;
}

.myls-list-lookup.single .dx-list-item-selected .dx-radiobutton-icon-checked .dx-radiobutton-icon-dot {
    background-color: #3475c1;
}

.dx-form-group-with-caption > .dx-form-group-caption {
    padding-bottom: 5px;
    display: flex;
}

.dx-form-group-with-caption > .dx-form-group-content {
    padding-top: 0;
}

.dx-fileuploader-input-container .dx-button .dx-button-content {
    padding-top: 0;
}

.dx-menu-base .dx-menu-item-content {
    padding: 3px 3px 3px;
}

.dx-context-menu .dx-menu-item-popout::before {
    margin-top: -5px !important;
}

.dx-treelist-content .dx-treelist-table {
    border-collapse: separate;
}

.dx-treelist .dx-column-lines > td {
    border-left: 1px solid var(--border-color);
    border-right: none;
}

.dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > td, .dx-treelist-rowsview .dx-row-focused.dx-data-row:not(.dx-row-lines) > tr:first-child > td {
    border-top: none;
    border-bottom: none;
}

.dx-header-row {
    line-height: 14px;
}

.dx-header-row > .dx-command-select.dx-datagrid-first-header.dx-datagrid-sticky-column-left {
    padding: 4px 10px !important;
}

.dx-treelist-headers::before {
    border-bottom: 0px solid #e5e4e4;
}

.dx-treelist-borders .dx-treelist-rowsview, .dx-treelist-headers + .dx-treelist-rowsview, .dx-treelist-rowsview.dx-treelist-after-headers {
    border-top: 0px solid #e5e4e4;
}

.dx-header-multi-row > .dx-treelist-content > .dx-treelist-table .dx-header-row > td:first-child {
    border-left: 1px solid var(--border-color) !important;
}

.dx-header-row > td > .dx-treelist-text-content {
    overflow-wrap: anywhere;
}

.dx-treelist-content .dx-treelist-table.dx-treelist-table-fixed .dx-column-indicators .dx-sort.dx-sort-index {
    width: auto;
    color: var(--blue);
    font-size: 10px;
}

.myls-form-button {
    z-index: 2;
}

.dx-toolbar-items-container .dx-button-mode-contained.dx-state-hover {
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
    position: relative;
    transform: scale(1.1);
}

.dx-toolbar-items-container .dx-button-mode-contained.dx-state-active {
    transform: scale(0.9);
    transition: transform 0.1s ease-in-out;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
}

.dx-toolbar-items-container .dx-buttongroup-wrapper .dx-widget.dx-state-focused {
    transform: scale(0.9);
    transition: transform 0.1s ease-in-out;
    box-shadow: 1px 1px 4px 1px rgba(0, 0, 0, 0.08);
}

.dx-popup-normal .myls-list-button-close.myls-item-close .dx-icon-close:before {
    display: flex;
}

.myls-bottom-toolbar .dx-toolbar-items-container .dx-icon-close:before {
    content: '';
    background-image: url(../img/new_icons/four_close.svg);
    background-size: cover;
    width: 14px;
    height: 14px;
    opacity: 0.21;
    
}

.dx-datagrid-content tr.dx-datagrid-filter-row > td {
    border-top: 1px solid #e5e4e4 !important;
    padding: 0 !important;
}

.dx-editor-with-menu .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default, .dx-filter-menu .dx-menu-item-content .dx-icon.dx-icon-filter-operation-default {
      margin-top: 0;
      margin-bottom: 1px;
}