/*#my-container .dx-button-has-text .dx-button-content {
    padding: 6px 12px 7px;
}
#my-container .dx-button-has-text .dx-icon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    font-size: 16px;
    line-height: 17px;
    margin-right: 7px;
}*/
#my-container .dx-toolbar-text-auto-hide .dx-button .dx-icon {
    margin-right: 0;
}
/*#my-container .my-small-button .dx-button-has-icon .dx-icon {
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
    font-size: 12px;
    line-height: 12px;
}*/
#my-container .dx-button-mode-contained:not(.dx-state-hover).light-gray-background {
    background-color: #fefefe;
}
.common-thin-shadow {
    box-shadow: 0 2px 4px rgb(0 0 0 / 10%);
}
#my-container .dx-button-mode-contained.dx-button-default {
    background-color: var(--common-color-main);
}
#my-container .dx-button-mode-contained.dx-button-default.dx-state-hover {
    background-color: var(--common-color-main-light);
}
#my-container .dx-button-mode-contained.dx-button-default.dx-state-active {
    background-color: var(--common-color-main-darker);
}
#my-container .dx-button-mode-contained.dx-button-default.dx-state-focused {
    background-color: var(--common-color-main-dark);
}
#my-container .dx-texteditor.dx-state-hover {
    border-color: var(--common-color-border-highlight);
}
#my-container .dx-texteditor.dx-state-focused.dx-editor-outlined {
    border-color: var(--common-color-main-light);
}
#my-container .dx-list .dx-list-item.dx-state-active {
    background-color: var(--common-color-main);
}
#my-container .dx-texteditor.dx-state-active.dx-editor-outlined {
    border-color: var(--common-color-main);
}
#my-container .dx-datagrid-headers {
    color: black;
    font-weight: 600;
}
#my-container .dx-datagrid .dx-link {
    color: var(--common-color-main);
}
#my-container .dx-datagrid-rowsview.dx-empty {
    height: 60px;
}
#my-container .dx-datagrid-content .dx-datagrid-table .dx-row .dx-command-edit.dx-command-edit-with-icons {
    width: 4rem;
    min-width: 4rem;
}
#my-container .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused {
    background-color: var(--common-color-main-light);
}
.common-color-main {
    color: var(--common-color-main);
}
.common-color-secondary {
    color: var(--common-color-secondary);
}
.my-shadow-box {
    background-color: white;
    /*border: var(--devsite-page-border, 0);*/
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    overflow: hidden;
    border-radius: 4px;
}
.my-shadow {
    -webkit-box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%);
    overflow: hidden;
}
#my-container .dx-widget {
    font-size: 1rem;
}
#my-container .k-button.k-state-focused {
    border-color: var(--common-color-main-light);
    box-shadow: 0 0 7px 0 var(--common-color-border-highlight);
}
#my-container .k-button.k-state-active:hover {
    color: white;
    background-color: var(--common-color-main-light);
}


#my-container .k-draghandle.k-state-selected:hover,
#my-container .k-ghost-splitbar-horizontal,
#my-container .k-ghost-splitbar-vertical,
#my-container .k-list > .k-state-highlight,
#my-container .k-list > .k-state-selected,
#my-container .k-marquee-color,
#my-container .k-panel > .k-state-selected,
#my-container .k-scheduler .k-today.k-state-selected,
#my-container .k-state-selected,
#my-container .k-state-selected:link,
#my-container .k-state-selected:visited,
#my-container .k-tool.k-state-selected {
    background-color: var(--common-color-main-light);
    border-color: var(--common-color-main-light);
}
#my-container .k-toolbar .k-button {
    font-size: 0.95rem;
}
:root { /* old color --common-color-main-light: #265a87 */
    --common-color-main-lighter2: #1e2dbe;
    --common-color-main-lighter: #1e2dbe /*#00b07e*/ /*rgba(0, 176, 126, 1.0)*/;
    --common-color-main-light: #1e2dbe;
    --common-color-main: #1e2dbe; /* = #2f5597 */ /*#00946a*/
    --common-color-main-dark: #230050; /* = #002060 #008040 #005e44*/
    --common-color-main-darker: #230050 /*#004733*/;
    --common-color-main-darker2: #230050 /*#004733*/;
    --common-color-border-highlight: #1e2dbe;
    --common-color-text-highlight: #1e2dbe;
    --common-color-line-highlight: #1e2dbe;
    --common-color-secondary: #0cabba;
}