:root { /*default*/
	--primary-color: rgb(46, 191, 144);
	--color-on-primary-bg: rgb(255, 255, 255);
	--primary-hover-color: rgb(227, 180, 126);
	--leftmenu-bg-color: rgb(245, 245, 245);
	--leftmenu-lev2-bg-color: rgb(255, 255, 255);
	--leftmenu-lev3-bg-color: rgb(252, 252, 252);
	--leftmenu-lev4-bg-color: rgb(249, 249, 249);
	--leftmenu-lev5-bg-color: rgb(245, 246, 246);
	--leftmenu-lev6-bg-color: rgb(243, 243, 243);
	--leftmenu-node-hover-bg: rgb(230, 255, 240);
	--menu-node-selected-bg: rgb(233, 247, 239);
	--whiteleftmenu-bg-color: rgb(255, 255, 255);
	--whiteleftmenu-color: rgb(100, 100, 100);
	--row-selected-bg: rgb(233, 247, 239);
	--dropzone-bg-color: rgba(233, 247, 239, 0.5);
	--toppanel-h: 37px;
	--toppanel-bg-color: rgb(245, 245, 245);
	--toppanel-border: 0px solid rgb(220, 220, 220);
	--sidebar-popup-border: 1px solid rgb(220, 220, 220);
	--sidebar-popup-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
	--sidebar-popup-content-bg-color: #fdfdfd;
	--cf-field-height: 30px;
	--window-content-bg-color: rgb(255, 255, 255);
	--window-border-radius: 20px;
}

body {
  font-family: IBMPlexSans !important;
  font-size: 16px;
}
.w2ui-sidebar-div, .w2ui-sidebar-div .w2ui-node{
	background-color: var(--leftmenu-bg-color) !important;
}
.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover {
  background-color: var(--leftmenu-node-hover-bg) !important;
  color: rgb(50, 50, 50) !important;
}
.w2ui-node-sub .w2ui-node.w2ui-level-2{
	background: var(--leftmenu-lev2-bg-color) !important;
	margin-left: 8px !important;
}
.w2ui-node-sub .w2ui-node.w2ui-level-3{
	background: var(--leftmenu-lev3-bg-color) !important;
	margin-left: 8px !important;
}
.w2ui-node-sub .w2ui-node.w2ui-level-4{
	background: var(--leftmenu-lev4-bg-color) !important;
	margin-left: 8px !important;
}
.w2ui-node-sub .w2ui-node.w2ui-level-5{
	background: var(--leftmenu-lev5-bg-color) !important;
	margin-left: 8px !important;
}
.w2ui-node-sub .w2ui-node.w2ui-level-6{
	background: var(--leftmenu-lev6-bg-color) !important;
	margin-left: 8px !important;
}
.w2ui-sidebar .w2ui-node.w2ui-selected {
  background-color: var(--menu-node-selected-bg) !important;
  border-radius: 3px;
}
.w2ui-sidebar-bottom{
	background-color: var(--leftmenu-bg-color) !important;
}

.zLogo circle{
    stroke: var(--primary-color) !important;
}
.zLogo circle[satellite]{
    fill: var(--primary-color) !important;
}
.zLogo text{
    fill: var(--primary-color) !important;
}

.white-sidebar .w2ui-sidebar-bottom{
	background-color: var(--whiteleftmenu-bg-color) !important;
}
.white-sidebar .w2ui-sidebar-div, .white-sidebar .w2ui-sidebar-div .w2ui-node{
	background-color: var(--whiteleftmenu-bg-color) !important;
}
.white-sidebar.w2ui-sidebar .w2ui-node.w2ui-selected {
  background-color: var(--whiteleftmenu-bg-color) !important;
  color: var(--primary-color);
  border: 0px !important;
}
.white-sidebar.w2ui-sidebar .w2ui-sidebar-div .w2ui-node:hover {
  background-color: var(--whiteleftmenu-bg-color) !important;
  color: var(--primary-color) !important;
}
.white-sidebar #globalLeftSideMenu{
	background-color: var(--whiteleftmenu-bg-color) !important;
	color: var(--whiteleftmenu-color) !important;
}
.white-sidebar #leftSidebarBottom{
	background-color: var(--whiteleftmenu-bg-color) !important;
	color: var(--whiteleftmenu-color) !important;
}

#globalLeftSideMenu{
	background-color: var(--leftmenu-bg-color) !important;
	color: var(--whiteleftmenu-color) !important;
}
#leftSidebarBottom{
	background-color: var(--leftmenu-bg-color) !important;
	color: var(--whiteleftmenu-color) !important;
}

.name_grid_class .k-grid td.k-selected:hover, .k-grid tr.k-selected:hover {
    /*background-color: var(--primary-hover-color) !important;*/
    /*background-image: none;*/
}
.name_grid_class.k-grid .k-selected {
	background-color: var(--row-selected-bg) !important;
	color: rgb(100, 100, 100) !important;
}

.no-select-row.k-grid .k-table-tbody .k-table-row,
.no-select-row.k-grid .k-table-tbody .k-table-row:hover,
.no-select-row.k-grid .k-table-tbody .k-table-row.k-selected,
.no-select-row.k-grid .k-table-tbody .k-table-row.k-selected:hover,
.no-select-row.k-grid .k-table-tbody .k-table-row.k-table-alt-row,
.no-select-row.k-grid .k-table-tbody .k-table-row.k-table-alt-row.k-selected{
	background-color: inherit !important;
}

.k-draghandle.k-selected:hover,
.k-ghost-splitbar-horizontal,
.k-ghost-splitbar-vertical,
.k-list>.k-state-highlight,
.k-list>.k-selected,
.k-list-item.k-selected,
.k-list-item.k-selected:hover,
.k-marquee-color,
.k-panel>.k-selected,
.k-scheduler .k-scheduler-toolbar .k-selected,
.k-scheduler .k-today.k-selected,
.k-selected,
.k-selected:link,
.k-selected:visited,
.k-tool.k-selected,
.k-table-row.k-selected,
.k-grid .k-table-tbody > .k-table-row.k-selected:hover,
.k-grid .k-grid-content-locked .k-selected:hover td,
.k-grid .k-grid-content-locked .k-selected:hover .k-table-td,
.k-table-list .k-table-row.k-selected,
.k-treeview-leaf.k-selected,
.k-grid .k-grid-content .k-table-row.k-table-alt-row.k-selected, .k-grid .k-grid-content .k-alt.k-selected,
.k-grid .k-grid-content .k-table-row.k-selected, .k-grid .k-grid-content .k-selected{
    color: rgb(50, 50, 50) !important;
    background-color: var(--row-selected-bg) !important;
    box-shadow: none !important;
}
.k-popup.k-popup-flush .k-table-th,
.k-popup.k-popup-flush li .k-table-td {
    text-align: inherit;
    text-overflow: clip;
}
.k-popup.k-popup-flush ul.k-table-list{
	/* width: auto; */
}

.k-rating-item.k-selected {
    color: var(--primary-color) !important;
    background: inherit !important;
    box-shadow: none;
}
.k-autocomplete,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-numeric-wrap,
.k-panelbar
.k-tabstrip-items-wrapper .k-tabstrip-items .k-item,
.k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items-wrapper .k-tabstrip-item.k-item, .k-toolbar {
	color: rgb(50, 50, 50);
}

.k-switch-on .k-switch-thumb {
    color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
}

.k-switch-on .k-switch-track {
    border-color: #ebebeb;
    color: var(--primary-color) !important;
    background-color: var(--color-on-primary-bg);
}

.km-switch-background, .km-switch-handle {
    color: var(--primary-color) !important;
}

.k-input-spinner.k-spin-button .k-button,
.k-input-button.k-button.k-icon-button,
._cm_toolbar .k-button-icon,
._cm_toolbar .k-icon-button{
	background-color: inherit !important;
	color: inherit !important;
}
.k-input-spinner.k-spin-button .k-button,
.k-input-button.k-button.k-icon-button{
	border: 0;
}
.k-scheduler .k-button-icon{
	background-color: inherit !important;
	color: rgb(50, 50, 50) !important;
}
.k-editor .k-button{
	background-color: inherit !important;
	color: rgb(50, 50, 50) !important;
}

.k-tabstrip-next {
    padding: 0 !important;
    height: calc(1.4285714286em + 5px) !important;
}
.k-tabstrip-prev {
    padding: 0 !important;
    height: calc(1.4285714286em + 5px) !important;
}

.tbi-list-button-group{
	border: 0;
	width: 100%;
	background-color: inherit;
}
.tbi-list-button-group .k-button[aria-pressed="true"], .tbi-list-button-group .k-button.k-active{
	background-color: var(--menu-node-selected-bg) !important;
	border-color: var(--menu-node-selected-bg) !important;
}

.tbi-list-button-group .k-button{
	background-color: inherit !important;
	border-color: rgb(255, 2255, 255) !important;
	color: var(--primary-color) !important;
	font-weight: 600;
	padding: 10px;
}
.tbi-list-button-group .k-button:hover{
	color: var(--color-on-primary-bg) !important;
    border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color) !important;
}
.tbi-list-button-group .k-button:active{
	border-width: 1px;
}

.k-menu-group .k-item > .k-link:active,
.k-menu-group .k-item > .k-link.k-active,
.k-menu-group .k-item > .k-link.k-selected,
.k-menu.k-context-menu .k-item > .k-link:active,
.k-menu.k-context-menu .k-item > .k-link.k-active,
.k-menu.k-context-menu .k-item > .k-link.k-selected {
    color: #ffffff;
    border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color);
}

.tbi-button-group .k-button-solid-base {
    border-color: var(--primary-color);
	color: var(--primary-color) !important;
    background-color: var(--dropzone-bg-color) !important;
}
.tbi-button-group .k-button-solid-base.k-selected {
    border-color: var(--primary-hover-color);
	color: var(--color-on-primary-bg) !important;
    background-color: var(--primary-color) !important;
}

.k-button,
.k-button.k-button-icontext{
	border-radius: 4px;
    border-color: var(--primary-color);
    color: var(--color-on-primary-bg) !important;
    background-color: var(--primary-color) !important;
    background-image: none;
	white-space: normal;
}
.k-button:hover {
    color: var(--color-on-primary-bg) !important;
    border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color) !important;
}
.k-button.k-button-flat{
	background-color: inherit !important;
	color: inherit !important;
	border-color: white;
}
.k-button.k-button-flat:hover{
	background-color: var(--primary-hover-color) !important;
}
.k-button.k-state-active, .k-button:active {
    /* color: var(--color-on-primary-bg); */
    /* background-color: var(--primary-color) !important; */
    /* border-color: var(--primary-color); */
}
.k-button:focus:active {
    box-shadow: 0 0 2px 1px var(--primary-color) !important;
}
.k-button.k-state-focused, .k-button.k-state-focused.k-state-disabled, .k-button:focus, .k-button:focus:hover, .k-state-disabled .k-button.k-state-focused {
    /*border-color: var(--primary-hover-color) !important;*/
    border-color: transparent !important;
    box-shadow: none !important;
}

.k-primary {
    color: var(--color-on-primary-bg);
    border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color);
}
.k-primary.k-state-hover, .k-primary:hover {
    color: var(--color-on-primary-bg);
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.k-fab.k-fab-solid-primary {
    border-color: var(--primary-color);
    border-radius: 25px;
    color: var(--color-on-primary-bg);
    background-color: var(--primary-color);
    outline:0;
}
.k-fab.k-fab-solid-primary:hover,
.k-state-hover.k-fab-solid-primary {
    color: var(--color-on-primary-bg);
    border-color: var(--primary-hover-color);
    background-color: var(--primary-hover-color);
}
.k-fab-pill {
    border-radius: 5rem !important;
}

.k-dropzone {
    color: rgb(50, 50, 50);
    background-color: var(--dropzone-bg-color) !important;
}

.k-dialog-titlebar{
    color: rgb(50, 50, 50);
    /* background-color: var(--dropzone-bg-color) !important; */
}

.k-event, .k-task-complete {
    border-color: var(--primary-color);
    background: var(--primary-color) 0 -257px none repeat-x;
    color: rgb(100, 100, 100) !important;
}
.k-task-single {
    border-color: var(--primary-color);
    background: var(--primary-color) 0 -257px none repeat-x;
    color: var(--color-on-primary-bg) !important;
}

.k-event-inverse {
    color: rgb(255, 255, 255);
}

.k-radio{
	width: 16px !important;
	height: 16px !important;
	border-radius: 50% !important;
}
.thrcssv4 .k-radio{
	border-color: var(--primary-color);
}
.thrcssv4 .k-radio:focus {
    box-shadow: 0 0 3px 0 var(--primary-color);
}
.thrcssv4 .k-radio:checked {
	border: 2px solid #cecece;
    background-color: var(--primary-color);
    background-image: none;
}
.thrcssv4 .k-radio:checked:focus {
    box-shadow: 0 0 3px 0 var(--primary-color);
    /*border-color: var(--primary-color);*/
}

.thrcssv4 .wrong-level.k-radio:checked{
	color: red;
	border-color: red;
}
.thrcssv4 .wrong-level.k-radio:checked:focus {
    box-shadow: 0 0 3px 0 red;
    border-color: red;
}
.thrcssv4 .wrong-level.k-radio:checked::after{
	Qcontent: '*';
	margin-left: -14px;
}

.thrcssv4 .correct-level.k-radio{
	color: var(--primary-color);
	border-width: 3px;
	border-color: var(--primary-color);
}
.thrcssv4 .correct-level.k-radio::after{
	content: '*';
	margin-left: -14px;
}

.k-checkbox,
.k-checkbox:read-only,
.cf-2 .k-checkbox,
.cf-2 .k-checkbox:read-only{
	width: 16px !important;
	border: 1px solid var(--primary-color) !important;
    color: var(--primary-color)  !important;
    background-color: var(--color-on-primary-bg)  !important;
}
.k-checkbox:checked,
.k-checkbox:checked:read-only,
.cf-2 .k-checkbox:checked,
.cf-2 .k-checkbox:checked:read-only {
    color: var(--color-on-primary-bg) !important;
    background-color: var(--primary-color) !important;
}
.k-checkbox:checked:focus,
.cf-2 .k-checkbox:checked:focus {
    box-shadow: 0 0 3px 0 var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.thrcssv4 .k-checkbox:focus {
    box-shadow: 0 0 3px 0 var(--primary-color);
    border-color: var(--primary-color);
}

.thrcssv4 .wrong-level.k-checkbox:checked{
	color: red;
	border-color: red;
	background-color: #fff;
}
.thrcssv4 .wrong-level.k-checkbox:checked:focus {
    box-shadow: 0 0 3px 0 red;
    border-color: red;
}
.thrcssv4 .wrong-level.k-checkbox:checked::after{
	Qcontent: '*';
	margin-left: -14px;
}

.thrcssv4 .correct-level.k-checkbox{
	color: var(--primary-color);
	border-width: 3px;
	border-color: var(--primary-color);
}
.thrcssv4 .correct-level.k-checkbox::after{
	content: '*';
	margin-left: -14px;
}

.k-calendar td.k-state-focused .k-link {
    box-shadow: inset 0 0 2px 1px var(--primary-color) !important;
}
.k-calendar .k-footer .k-nav-today {
    color: var(--primary-color) !important;
}
.k-calendar .k-footer .k-nav-today:hover {
    color: var(--primary-color) !important;
}
.k-calendar td.k-selected .k-link {
    color: var(--color-on-primary-bg);
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.k-slider .k-draghandle {
    border-color: var(--primary-color);
    color: white;
    background-color: rgb(233, 247, 239);
    border-radius: 50%;
}
.k-slider.k-slider-horizontal{
	background-color: inherit;
}
.k-slider .k-slider-track {
    background-color: rgb(233, 247, 239);
}
.k-slider .k-slider-selection {
    background-color: var(--primary-color);
}

.k-card.k-card-primary, .k-card.k-state-primary {
    border-color: rgb(233, 242, 233);
    color: rgb(122, 44, 0);
    background-color: rgb(233, 242, 233);
}

.k-tabstrip-item.k-item {
    border-color: #c5c5c5;
}
.k-tabstrip{
	padding: 0;
	border: 0;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper {
    border-color: rgb(220,220,220);
    line-height: 1.39;
	width: calc(100% - 1px);
}
.k-tabstrip-bottom>.k-tabstrip-items-wrapper {
    border-color: rgb(220,220,220);
}
.k-tabstrip-top>.k-tabstrip-items {
	border-bottom: 1px solid rgb(200, 200, 200) !important;
	padding-left: 0px;
}
.k-tabstrip-top>.k-tabstrip-items-wrapper .k-item.k-active {
    border-bottom-color: rgb(255, 255, 255) !important;
}
.k-tabstrip-bottom>.k-tabstrip-items {
	border-top: 1px solid rgb(200, 200, 200) !important;
}
.k-tabstrip-bottom>.k-tabstrip-items .k-active {
    box-shadow: 0px 2px 2px 0px #a7929d;
}
.k-tabstrip-bottom>.k-button.k-bare {
    bottom: .55em !important;
}
.k-tabstrip-items .k-link {
    max-width: 220px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-bottom: 4px;
    display: inline-block;
}
.k-tabstrip-items .k-loading{
	border: 0px;
}
	 .tabs_text_css.k-tabstrip-top .k-tabstrip-items .k-tabstrip-item.k-active,
.cf-2.tabs_text_css.k-tabstrip-top .k-tabstrip-items .k-tabstrip-item.k-active {
	border-bottom: solid 5px var(--primary-color) !important;
	box-shadow: none !important;
}
	 .tabs_text_css .k-item.k-active .k-link,
.cf-2.tabs_text_css .k-item.k-active .k-link {
	color: var(--primary-color) !important;
}
     .tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset .k-tabstrip-item.k-active,
     .tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset:not(.k-tabstriptop-top .k-tabstrip-items.k-reset) .k-tabstrip-item.k-active,
.cf-2.tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset .k-tabstrip-item.k-active,
.cf-2.tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset:not(.k-tabstriptop-top .k-tabstrip-items.k-reset) .k-tabstrip-item.k-active {
	border-top: solid 5px var(--primary-color) !important;
	box-shadow: none !important;
}
     .tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset .k-tabstrip-item,
     .tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset:not(.k-tabstriptop-top .k-tabstrip-items.k-reset) .k-tabstrip-item,
.cf-2.tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset .k-tabstrip-item,
.cf-2.tabs_text_css.k-tabstrip-bottom .k-tabstrip-items.k-reset:not(.k-tabstriptop-top .k-tabstrip-items.k-reset) .k-tabstrip-item {
	border-top: solid 5px rgba(0, 0, 0, 0) !important;
	box-shadow: none !important;
}

.k-menu .k-selected>.k-link {
    color: var(--whiteleftmenu-color);
    background-color: var(--menu-node-selected-bg) !important;
    border-color: var(--menu-node-selected-bg) !important;
}
.k-menu:not(.k-context-menu) > .k-item {
    color: var(--whiteleftmenu-color);
}

.k-button[zrole="button"] {
    /* border-radius: 3px; */
    /* background-color: var(--primary-hover-color); */
    /* color: white; */
}
.k-tooltip, .k-tooltip.k-popup, .k-tooltip.k-widget{
    background-color: white;
	color: black;
}

.k-window.sidebar-popup,
.k-window.sidebar-popup .k-widget,
.k-window.sidebar-popup .cmtopcontainer,
.k-window.sidebar-popup .cmcontainer-content,
.k-window.sidebar-popup .cmportlet-header.k-header.cmcontainer-header-div.buttons-container{
	background-color: var(--sidebar-popup-content-bg-color);
}

.k-window,
.k-window .k-widget,
.k-window .cmtopcontainer,
.k-window .cmcontainer-content,
.k-window .cmportlet-header.k-header.cmcontainer-header-div.buttons-container{
	background-color: var(--window-content-bg-color);
}

.k-window-titlebar {
    border: 0;
    background-color: inherit;
    background-image: none;
    border-top-left-radius: var(--window-border-radius);
    border-top-right-radius: var(--window-border-radius);
}
.k-window {
    border-radius: var(--window-border-radius);
    outline: 0;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.k-window>div.k-popup-edit-form {
    border-radius: 7px;
}

.k-pager-wrap{
	border: 0;
	/* border-top: 1px solid #d5d5d5; */
}

.k-listview-bordered {
    border-width: 0px;
}

.k-grid.assessResult_grid .k-header,
.k-grid.assessResult_grid .k-grid-header,
.k-grid.cf-2-grid .k-header,
.k-grid.cf-2-grid .k-grid-header,
.k-grid.cf-2 .k-header,
.k-grid.cf-2 .k-grid-header,
.k-grid.home_page_item .k-header,
.k-grid.home_page_item .k-grid-header,
.k-grid.row-span-grid .k-header,
.k-grid.row-span-grid .k-grid-header{
  background-color: rgb(255, 255, 255) !important;
  background-image: none;
}
.k-grid .k-grid-header .k-header>.k-link, .k-header, .k-treemap-title {
    /* color: rgb(100, 100, 100); */
}
.k-grid .k-table-row.k-table-alt-row,
.k-grid .k-alt {
  background-color: white; 
}
.k-grid .k-table-td,
.k-grid td {
    box-shadow: unset !important;
    border-left-style: unset;
    border-bottom-width: 1px;
    padding-block: 0.4em;
    padding-inline: 0.6em;
}
.k-grid.cf-2 .k-header {
    border-left-width: 0px!important;
    border-bottom-width: 2px !important;
    border-top-style: unset;
}
.k-grid .k-cell-inner{
	align-items: end;
}
.k-grid .k-cell-inner .k-grid-column-menu{
	margin-bottom: 4px;
}
.cf-2.k-grid td,
.cf-2-grid.k-grid td,
.row-span-grid.k-grid td {
	white-space: normal;
}

.white-row.k-grid tr,
.white-row.k-grid .k-master-row {
    background-color: rgb(255, 255, 255);
}
.white-row.k-grid .k-master-row.k-selected,
.white-row.k-grid tr.k-selected{
    background-color: var(--color-on-primary-bg) !important;
    color: var(--primary-color) !important;
}
.white-row.k-grid .k-master-row:hover,
.white-row.k-grid tr:hover{
    background-color: var(--row-selected-bg) !important;
    color: var(--primary-color) !important;
}

.cf-2-grid .k-master-row:hover {
    background-color: var(--row-selected-bg) !important;
}

.k-grid .k-table-row.k-treelist-group:hover td,
.k-grid .k-table-row:hover td,
.k-grid tr:hover td {
    background-color: inherit;
}
.k-grid .k-grid-content-locked .k-selected > .k-table-td,
.k-grid .k-grid-content-locked .k-table-alt-row.k-selected > .k-table-td,
.k-grid td.k-selected,
.k-grid .k-table-row.k-selected > td,
.k-grid .k-table-td.k-selected,
.k-grid .k-table-row.k-selected > .k-table-td {
    background-color: inherit;
}

.k-grid .k-grouping-row.k-table-row.k-selected td.k-table-td,
.k-grid .k-grouping-row.k-selected td,
.k-grid .k-grouping-row td.k-table-td,
.k-grid td.k-table-td.k-group-cell {
    background-color: rgb(255, 255, 255);
}

.k-pager-wrap .k-link, .k-pager-info.k-label {
    font-weight: 400;
}

.k-panelbar {
    background-color: inherit;
}
.k-autocomplete, .k-draghandle, .k-grouping-header, .k-numeric-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item {
    background-image: none;
    background-color: var(--dropzone-bg-color);
}
.k-dropdown-wrap{
	background-color: rgb(255, 255, 255);
}
.k-grid .k-toolbar{
	background-color: rgb(255, 255, 255);
	flex-wrap: wrap;
	border-color: #eeeeee;
}
.k-toolbar.k-toolbar-resizable{
	flex-wrap: wrap;
}

.k-toolbar .k-toolbar-overflow-button.k-button {
    padding: 0;
    margin: 0;
    /* background-color: inherit !important; */
    /* color: rgb(50, 50, 50) !important; */
    /* background-image: none; */
    /* max-width: 1px !important; */
    /* min-width: 1px !important; */
    /* margin-inline-start: 0; */
    position: absolute;
    right: 0;
}

.bpButtons a[role="button"]{
	background-color: inherit !important;
	color: inherit !important;
}
.k-overflow-container .k-overflow-button{
	background-color: transparent !important;
	color: inherit !important;
}
.k-overflow-container .k-overflow-button:hover {
    background-color: var(--primary-hover-color) !important;
    color: var(--color-on-primary-bg);
}

.k-tooltip-error, .k-validator-tooltip, .k-invalid-msg {
	color: black;
	background-color: white;
}

.k-timeline-flag{
  background-color: var(--primary-color) !important;
}
.k-timeline-circle{
  background-color: var(--primary-color) !important;
}
.kek{
  font-family:IBMPlexSans;
  font-size:18px !important;
  margin-left:20px;
  margin-right:20px;
  margin-top:20px;
}
.timelineStatus{
 font-family:IBMPlexSans; 
}

.k-scrollview .k-scrollview-nav>.k-link.k-primary, kendo-scrollview.k-scrollview-wrap .k-scrollview-pageable>.k-button.k-primary {
    background: var(--primary-color) !important;
    border:  var(--primary-color) !important;
}

.z-link{
	color: var(--primary-color);
}

.k-filter-row th, .k-grid-header th.k-header {
    padding-left: 3px !important;
}

.k-grid-header .k-grid-header-menu.k-active{
	color: rgb(50,50,50);
	background-color: var(--color-on-primary-bg);
}

/* wizard stepper */
.k-stepper .k-step-done .k-step-indicator {
    border-color: var(--primary-color);
    color: var(--color-on-primary-bg);
    background-color: var(--primary-color);
}
.k-stepper .k-step-done:hover .k-step-indicator {
    border-color: var(--primary-hover-color);
    color: false;
    background-color: var(--primary-hover-color);
}
.k-stepper .k-step-current .k-step-indicator {
    border-color: var(--primary-color);
    color: var(--color-on-primary-bg);
    background-color: var(--primary-color);
}
.k-stepper .k-step-current:hover .k-step-indicator {
    border-color: var(--primary-hover-color);
    color: false;
    background-color: var(--primary-hover-color);
}
.k-stepper .k-progressbar-vertical .k-selected,
.k-stepper .k-progressbar-horizontal .k-selected{
    background-color: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

/* Wizard stepper - horizontal - only progressbar */
.progress-only .k-stepper .k-step-list.k-step-list-horizontal .k-step-indicator {
	display: none;
}
.progress-only .k-stepper .k-step-list.k-step-list-horizontal~ .k-progressbar {
    height: 8px;
    top: 8px;
}

.k-splitbar:focus, .k-splitbar.k-focus {
    color: #ffffff;
    background: rgb(228, 242, 234);
}
.k-state-disabled{
  opacity: 0.6;
}

.k-toolbar .k-toolbar-button-group{
	background-color: inherit;
}

.k-popup{
	box-shadow: 0px 1px 7px 0px #cccccc;
}

.k-multiselect .k-chip-list .k-chip{
	background-color: var(--primary-color);
	color: var(--color-on-primary-bg);
}

.sidebar-popup,
.sidebar-popup.k-window:focus, .sidebar-popup.k-window.k-focus{
    border-radius: 0px;
    box-shadow: var(--sidebar-popup-shadow);
    border: var(--sidebar-popup-border);
}