/*
	formerly eapgreen, etc.
*/
/*------------------------------------------------*/
/*	Skin: 
/*------------------------------------------------*/

:root {
	/* base color elements */
	--base-color: #275b9d;
	--base-button-background-color: #fff;
	--base-button-color: #000;
	--base-button-primary-background-color: #3985e6;
	--base-button-primary-border-color: #275b9d;
	--base-button-primary-color: #fff;
	--base-button-hover-background-color: #275b9d;
	--base-button-hover-color: #fff;
	--base-link-text-color: #275b9d;
	--base-link-hover-color: #fff;
	--base-border-color: #ced4da;
	--base-focus-border-color: var(--base-color);
	--base-focus-box-shadow: 0 0 0 .25rem #275b9d33;
	--base-readonly-background-color: #eee;
	/* login */
	--login-max-width: 400px;
	/* Components */
	/* Button */
	--button-background-color: var(--base-button-background-color);
	--button-border: 1px solid #ced4da;
	--button-border-color: var(--base-button-background-color);
	--button-border-bottom: 1px solid #ced4da;
	--button-border-bottom-color: #ced4da;
	--button-color: var(--base-button-color);
	--button-primary-background-color: var(--base-button-primary-background-color);
	--button-primary-border-color: var(--base-button-primary-background-color);
	--button-primary-color: var(--base-button-primary-color);
	--button-hover-background-color: var(--base-button-hover-background-color);
	--button-hover-border: none;
	--button-hover-border-color: var(--base-button-hover-background-color);
	--button-hover-border-bottom: none;
	--button-hover-border-bottom-color: #5c6667;
	--button-hover-color: var(--base-button-hover-color);
	--button-state-active-color: #000 !important;
	--button-state-active-background-color: #ebebeb !important;
	--button-state-active-border-color: var(--base-button-color) !important;
	/* Calendar */
	--calendar-today-selected-background-color: var(--base-color);
	--calendar-button-hover-background-color: var(--base-link-text-color);
	--calendar-button-hover-color: var(--base-button-hover-color);
	/* CheckBox */
	--checkbox-state-checked-color: #fff;
	--checkbox-state-checked-background-color: var(--base-link-text-color);
	--checkbox-state-checked-border-color: #ccc;
	--checkbox-state-indeterminate-background-color: var(--base-color);
	--checkbox-state-indeterminate-border-color: #76abd9;
	--checkbox-state-indeterminate-hover-background-color: var(--base-color);
	--checkbox-state-indeterminate-hover-border-color: #76abd9;
	/* DatePicker */
	--datepicker-button-background-color: var(--base-color);
	--datepicker-header-background-color: #eaecef;
	--datepicker-header-color: #000;
	--datepicker-header-hover-background-color: var(--base-button-hover-background-color);
	/* DropDownList */
	--dropdownlist-input-button-hover-background-color: var(--base-color);
	--dropdownlist-input-button-hover-color: #fff;
	/* Grid */
	--grid-toolbar-background-color: #fafafa;
	--grid-toolbar-color: #000;
	--grid-header-background-color: var(--base-button-primary-background-color);
	--grid-header-color: #fff;
	--grid-header-sort-color: var(--base-link-text-color);
	--grid-pager-numbers-link-hover-background-color: var(--grid-header-background-color);
	--grid-pager-numbers-link-hover-color: var(--base-link-text-color);
	--grid-pager-numbers-link-selected-color: #fff;
	--grid-pager-numbers-link-selected-background-color: var(--base-link-text-color);
	--grid-row-selected-background-color: #eaecef;
	/* Menu */
	--menu-background-color: #fff;
	--menu-item-color: #000;
	--menu-state-active-background-color: #eaecef;
	--menu-state-active-color: var(--base-link-text-color);
	--menu-state-highlight-background-color: #eaecef;
	--menu-state-highlight-color: var(--base-link-text-color);
	--menu-state-hover-background-color: #275b9d;
	--menu-state-hover-border-color: var(--base-link-text-color);
	--menu-state-hover-border-style: none;
	--menu-state-hover-border-width: 1px;
	--menu-state-hover-color: #fff;
	--menu-state-selected-color: #000 !important;
	--menu-vertical-padding: 0;
	/* Switch */
	--switch-border-color: var(--base-link-text-color);
	--switch-checked-on-color: #fff;
	--switch-checked-on-background-color: var(--base-link-text-color);
	/* Other View Elements */
	--roeing-navbar-background-color: #fff;
	--roeing-navbar-footer-background-color: #fff;
	--roeing-navbar-footer-color: #000;
	--roeing-navbar-footer-font-size: .8em;
	--roeing-navbar-footer-height: 36x;
	--roeing-navbar-footer-padding: 0 6px 0 6px;
	--roeing-navbar-footer-copyright-background-color: #fff;
	--roeing-navbar-footer-copyright-color: #000;
	--roeing-navbar-footer-copyright-font-size: 8px;
	--roeing-navbar-footer-copyright-height: 12px;
	--roeing-navbar-padding: 5px 0 5px 0;
	--roeing-main-background-color: #fff;
	/* top right bottom left */
	--roeing-body-padding-left: 0;
	--roeing-body-padding-top: 86px;
	--roeing-body-padding-right: 0;
	--roeing-body-padding-bottom: 0;
	--roeing-body-margin: 0;
	--state-focused-background-color: #fff;
	--state-focused-border-color: #34bcdb;
	--state-focused-box-shadow: 0 0 7px 0 #34bcdb;
	--state-selected-hover-color: var(--base-link-hover-color);
	--state-selected-hover-background-color: var(--base-link-text-color);
	--state-visited-color: #333;
	--state-active-color: #000 !important;
	--state-active-background-color: #ebebeb !important;
	--state-active-border-color: var(--base-color) !important;
	--bs-card-cap-padding-y: 0px;
	--bs-card-cap-padding-x: 4px;
	--bs-card-cap-color: #9fc69f;
	--bs-code-color: #eaecef;
}

/* general */
html, body {
	font-family: "Open Sans",sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: #555;
	/*background: #ececec;*/
	-webkit-font-smoothing: antialiased;
	padding-left: var(--roeing-body-padding-left);
	/*padding-top: var(--roeing-body-padding-top);*/
	padding-right: var(--roeing-body-padding-right);
	padding-bottom: var(--roeing-body-padding-bottom);
	margin: var(--roeing-body-margin);
}

a {
	color: var(--base-color);
}

	a:hover, a:focus {
		color: #4C814B;
	}

.validation-summary-valid > ul {
	margin: 0;
}

.pathways-tabstrip > .k-tabstrip-content,
.pathways-tabstrip > .k-tabstrip > .k-content {
	padding-block: 0;
	padding-inline: 0;
}

.roeing-base-body {
	padding-left: var(--roeing-body-padding-left);
	padding-top: var(--roeing-body-padding-top);
	padding-right: var(--roeing-body-padding-right);
	padding-bottom: var(--roeing-body-padding-bottom);
}

.roeing-login-body {
	background-image: url('../images/LoginBackground.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.roeing-login-full-page-wrapper {
	width: 100%;
	margin: 0 auto;
	/*	height: 100% !important;*/
	min-height: 100%;
	overflow: hidden;
	height: 100vh;
	/*overflow: hidden;*/
}

.roeing-login-container {
	padding-top: 64px;
	width: 100%;
	max-width: var(--login-max-width);
	/*	min-width: 341px;*/
	margin: 0 auto;
}

.roeing-login-logo-image {
	margin-top: 14px;
	background-color: #437042;
}

.roeing-login-logo-container {
	background-color: #437042;
	height: 46px;
	width: 100%;
	max-width: var(--login-max-width);
	/*min-width: 320px;*/
	border-radius: 4px;
}

.roeing-login-content-container {
	width: 100%;
	max-width: var(--login-max-width);
	/*min-width: 320px;*/
}

.roeing-login-button {
	background-color: var(--button-primary-background-color) !important;
	/*border-color: #437042;*/
	width: 100%;
	max-width: var(--login-max-width);
	/*	min-width: 320px;*/
	/*	padding-top: 10px;
	padding-bottom: 10px;*/
	font-size: 1.25rem;
	/*	border-radius: 0.3rem;
	vertical-align: middle;*/
	color: var(--button-primary-color) !important;
}

	.roeing-login-button .k-sprite {
		font-size: 1.25rem !important;
	}
	/*	.roeing-login-button .k-button-text {
		color: var(--button-primary-color) !important;
	}*/

	.roeing-login-button.k-hover,
	.roeing-login-button:hover {
		background-color: var(--button-hover-background-color) !important;
		border-color: #437042;
		/*		border-width: 10px;*/
		/*		width: 100%;
		max-width: var(--login-max-width);
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 1.25rem;
		border-radius: 0.3rem;
		vertical-align: middle;*/
		color: var(--button-hover-color) !important;
	}


.roeing-main {
	background-color: var(--roeing-main-background-color);
}

.roeing-main-content {
	/*overflow: hidden;*/
	padding-left: 2px !important;
	/*padding: 20px;*/
	/*min-height: 580px;*/
	vertical-align: top;
}

.roeing-main-header {
	color: rgb(159, 198, 159);
	margin: unset;
}

	.roeing-main-header em {
		color: #437042;
	}

.roeing-main {
	background-color: var(--roeing-main-background-color);
}

.roeing-navbar {
	padding: var(--roeing-navbar-padding);
	background-color: var(--roeing-navbar-background-color);
}

	.roeing-navbar .top-bar-right .btn-link {
		color: #fde0b4;
	}

		.roeing-navbar .top-bar-right .btn-link:hover {
			color: #fff;
		}

	.roeing-navbar .notifications .count {
		border-color: #569155;
	}

	.roeing-navbar .searchbox input[type="search"] {
		background-color: #1D301C;
		border-color: #1D301C;
	}

	.roeing-navbar .searchbox .btn {
		background-color: #437042;
		border-color: #1D301C;
	}

		.roeing-navbar .searchbox .btn i {
			color: #30502F;
		}

		.roeing-navbar .searchbox .btn:hover {
			border-color: #1D301C;
		}

			.roeing-navbar .searchbox .btn:hover i {
				color: #264026;
			}

.roeing-navbar-footer {
	/*background-color: var(--roeing-navbar-footer-background-color);*/
	font-size: var(--roeing-navbar-footer-font-size);
	height: var(--roeing-navbar-footer-height);
	line-height: var(--roeing-navbar-footer-height);
	padding: var(--roeing-navbar-footer-padding);
}

.roeing-navbar-footer-copyright {
	color: var(--roeing-navbar-footer-color);
	text-align: center;
	margin: 0;
	font-size: var(--roeing-navbar-footer-copyright-font-size);
	line-height: var(--roeing-navbar-footer-copyright-height);
}

.roeing-spinner-color {
	color: #569155;
}

.roeing-character-count-msg {
	font-size: smaller;
}
.k-window.k-dialog {
	background-color: var(--base-readonly-background-color) !important;
	border-color: var(--base-border-color) !important;
	border-radius: 4px !important;
	border-width: 1px !important;
}

.k-dialog .k-dialog-titlebar:where(.roeing-alert-dialog-title *) {
	background-color: var(--base-color) !important;
	color: white;
}

.roeing-loading-spinner-color {
	color: #569155;
}

/*.roeing-loading-dialog {
	z-index: 999999;
}
*/
.roeing-loading-dialog.k-dialog-titlebar {
	display: none;
}

.k-notification-roeing-notification {
	border-color: rgba(0, 0, 0, 0.08);
	color: #000;
	background-color: #ffffff;
	box-shadow: 0 0 0 .25rem rgba(86,148,85,.25);
}

.roeing-logo {
	height: 30px;
	vertical-align: middle;
	padding-top: 4px;
}

.roeing-input-readonly {
	background-color: var(--base-readonly-background-color) !important;
	border-color: var(--base-border-color) !important;
	border-radius: 4px !important;
	border-width: 1px !important;
}

.roeing-search {
	width: 100%;
}

/*.roeing-search-button-wrapper .k-toolbar .k-input {
	width: auto !important;
}*/

.roeing-toggle-button {
	color: #ffffff;
	font-size: 22px;
	margin-right: 15px;
	line-height: 34px;
}

.roeing-navigation-sidebar {
	z-index: 9997;
}

	.roeing-navigation-sidebar.k-rpanel-expanded {
		top: 40px !important;
	}

.roeing-navigation-drawer {
	z-index: 9998;
}

.roeing-navigation-menu {
	z-index: 9999;
}

.k-input[readonly],
.k-input.k-input-solid .k-input-inner[readonly],
.k-textarea[readonly],
.k-dropdown[aria-readonly="true"] > .k-dropdown-wrap.k-state-default,
.k-dropdownlist[aria-readonly=true],
.k-switch[aria-readonly=true] > .k-switch-track {
	background-color: var(--base-readonly-background-color) !important;
	color: black;
}

.k-textbox[readonly], .k-dropdown[aria-readonly="true"] > .k-dropdown-wrap.k-state-default, .k-switch.k-state-readonly > .k-switch-container {
	background-color: var(--base-readonly-background-color) !important;
}

.k-checkbox {
	border-color: rgba(0, 0, 0, 0.75);
	background-color: #ffffff;
}


/*
.k-window .roeing-alert-dialog .k-window-titlebar {
	background-color: blue !important;
}
.k-window[class="roeing-alert-dialog"] ~ .k-window.k-window-titlebar {
	background-color: blue !important;
}*/
/*------------------------------------------------*/
/*	Main Content
/*------------------------------------------------*/
.content-wrapper {
	background-color: #fdfdfd;
	border-left: 1px solid #e4e4e4;
}

/*------------------------------------------------*/
/*	Main Navigation
/*------------------------------------------------*/
/* main menu */
ul.main-menu {
	padding-left: 0;
	list-style-type: none;
	margin-bottom: 4px;
}

	ul.main-menu > li a {
		display: block;
		position: relative;
		padding: 13px 0 13px 15px;
		font-size: 14px;
		color: #ffffff;
		background-color: #437042;
		border-top: 1px solid #dfdfdf;
		text-decoration: none;
	}

		ul.main-menu > li a:hover {
			text-decoration: none;
			background-color: #f1f1f1;
			color: #000000;
		}

	ul.main-menu > li.active > a {
		background-color: #dfdfdf;
		color: #437042;
	}

	ul.main-menu > li:first-child > a {
		border-top: none;
	}

	ul.main-menu > li i {
		width: 14px;
		text-align: center;
	}

	ul.main-menu > li .text {
		padding-left: 8px;
		font-size: 0.9em;
	}

	ul.main-menu > li .toggle-icon {
		font-size: 14px;
		width: 10px;
		position: absolute;
		right: 10px;
		top: 16px;
		text-shadow: none;
	}

	ul.main-menu .sub-menu {
		position: relative;
		display: none;
		padding-left: 0;
		background-color: #9FC69F;
	}

		ul.main-menu .sub-menu.open {
			overflow: hidden;
			display: block;
		}

		ul.main-menu .sub-menu li a {
			padding-left: 33px;
			background-color: #9FC69F;
		}

		ul.main-menu .sub-menu li.active > a {
			font-weight: 700;
		}

		ul.main-menu .sub-menu .sub-menu li a {
			padding-left: 50px;
		}

	ul.main-menu > li > a,
	.content-wrapper {
		-moz-transition: all 0.3s ease-in-out;
		-o-transition: all 0.3s ease-in-out;
		-webkit-transition: all 0.3s ease-in-out;
		transition: all 0.3s ease-in-out;
	}

/* SideNavigation */
.left-navigation-bar {
	width: 180px;
	max-width: 180px;
	/*	height: 100%;
	position: fixed;
	margin-left: -300px;
	background-color: #100901;
	transition: 0.5s;*/
}

.nav-link:active,
.nav-link:focus,
.nav-link:hover {
	background-color: #ffffff26;
}


/* Sidebar */
/* Must override to set to proper size */
.k-rpanel-left, .k-rpanel-right {
	min-width: unset;
}

#sidebar {
	margin: 0;
	/*padding: 20px 0 20px 20px;*/
	vertical-align: top;
}

.menu-drawer {
	width: 180px;
	border: 0;
	z-index: 99999;
}

.k-drawer-content {
	padding: 1em;
}

/*#btnToggleSidebar {
	display: unset;
}*/
@media (max-width: 1080px) {
	#sidebar {
		background: #fff;
		border-left: 1px solid #e5e5e5;
		/* show sidebar in container, demo only*/
		position: absolute;
		top: 42px;
		bottom: 0;
		z-index: 600;
	}

		#sidebar.k-rpanel-expanded {
			box-shadow: 0 0 10px rgba(0,0,0,.3);
		}

	#sidebar-button {
		display: none;
	}
}


/* widget */
.widget {
	border: 0px;
	/*border-color: #7FB47E;*/
}

	.widget .widget-header {
		background-color: #569155;
		border-bottom-color: #2798c4;
		color: #fff;
	}

		.widget .widget-header em {
			color: #fff;
		}

		.widget .widget-header .btn-help {
			color: #63A362;
		}

		.widget .widget-header .widget-header-toolbar {
			border-left-color: #396039;
		}

			.widget .widget-header .widget-header-toolbar .control-title {
				color: #ffffff;
			}

		.widget .widget-header .btn-group > a {
			color: #ffffff;
		}

			.widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus {
				color: #DFECDF;
			}

/* main content */
.main-header h2 {
	color: #34bcdb;
	border-right-color: #7FB47E;
}

.main-header em {
	color: #437042;
}

.vic-name {
	color: #D9D9D9;
}

	.vic-name:hover, .vic-name:focus {
		color: #FFFFFF;
	}


/* footer */
.footer {
	background-color: #569155;
	color: white;
}


.custom-flex-grid .wj-header.wj-cell {
	color: #fff;
	background-color: #000;
	border-bottom: solid 1px #404040;
	border-right: solid 1px #404040;
	font-weight: bold;
}

.custom-flex-grid .wj-cell {
	background-color: #fff;
	border: none;
}

.custom-flex-grid .wj-alt:not(.wj-state-selected):not(.wj-state-multi-selected) {
	background-color: #fff;
}

.custom-flex-grid .wj-state-selected {
	background: #000;
	color: #fff;
}

.custom-flex-grid .wj-state-multi-selected {
	background: #222;
	color: #fff;
}


.btn-primary {
	background-color: #4C814B;
	border-color: #437042;
}

	.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
	.btn-primary .open .dropdown-toggle.btn-primary {
		background-color: #198099;
	}

.btn-info {
	background-color: #46B0CF;
	border-color: #34a6c8;
}

	.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
	.btn-info .open .dropdown-toggle.btn-info {
		background-color: #34a6c8;
	}

.btn-success {
	background-color: #4BA84B;
	border-color: #439643;
}

	.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
	.btn-success .open .dropdown-toggle.btn-success {
		background-color: #439643;
	}

.btn-warning {
	background-color: #E7A13D;
	border-color: #e49626;
}

	.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
	.btn-warning .open .dropdown-toggle.btn-warning {
		background-color: #e49626;
	}

.btn-danger {
	background-color: #DB3833;
	border-color: #d02a25;
}

	.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
	.btn-danger .open .dropdown-toggle.btn-danger {
		background-color: #d02a25;
	}

.btn-link {
	border-color: transparent;
}

	.btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active,
	.btn-link .open .dropdown-toggle.btn-link {
		outline: none;
		text-decoration: none;
		color: black !important;
	}

/* FontAwesome Setup */
.k-sprite {
	text-indent: 0;
	font-size: 1em;
}

/*.fab.k-sprite, .fab.k-sprite::before,
.fal.k-sprite, .fal.k-sprite::before,
.far.k-sprite, .far.k-sprite::before,
.fad.k-sprite, .fad.k-sprite::before,
.fas.k-sprite, .fas.k-sprite::before {
	width: 1.2em !important;
	padding-top: 2px;
}*/

	.fab.k-sprite.k-button-icon, .fab.k-sprite.k-button-icon::before,
	.fal.k-sprite.k-button-icon, .fal.k-sprite.k-button-icon::before,
	.far.k-sprite.k-button-icon, .far.k-sprite.k-button-icon::before,
	.fad.k-sprite.k-button-icon, .fad.k-sprite.k-button-icon::before,
	.fas.k-sprite.k-button-icon, .fas.k-sprite.k-button-icon::before {
		width: 1.2em !important;
		height: 1.1em !important;
		padding-top: 1px;
		font-size: 14px;
		line-height: 14px;
	}

		.fab.k-sprite.k-button-icon.k-input-button, .fab.k-sprite.k-button-icon.k-input-button::before,
		.fal.k-sprite.k-button-icon.k-input-button, .fal.k-sprite.k-button-icon.k-input-button::before,
		.far.k-sprite.k-button-icon.k-input-button, .far.k-sprite.k-button-icon.k-input-button::before,
		.fad.k-sprite.k-button-icon.k-input-button, .fad.k-sprite.k-button-icon.k-input-button::before,
		.fas.k-sprite.k-button-icon.k-input-button, .fas.k-sprite.k-button-icon.k-input-button::before {
			width: 18px !important;
			height: 18px !important;
			padding-top: 1px;
			font-size: 16px;
			/* line-height: 14px;*/
		}

/* Kendo Controls */



/* State-Focused */
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-multiselect.k-header.k-state-focused,
.k-numeric-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-textbox:focus {
	background-color: var(--state-focused-background-color);
	background-image: none;
	background-position: 50% 50%;
	border-color: var(--state-focused-border-color);
	box-shadow: var(--state-focused-box-shadow);
}

/* Inputs */
.k-input.k-input-solid,
.k-input.k-input-flat,
.k-picker.k-dropdownlist {
	border-color: var(--base-border-color) !important;
}

	.k-input-solid:focus-within,
	.k-input-flat:focus-within,
	.k-picker.k-dropdownlist:focus-within {
		border-color: var(--base-focus-border-color) !important; /*rgba(159,198,159)*/
		border-width: 1px;
		color: #495057;
		background-color: #fff;
		box-shadow: var(--base-focus-box-shadow);
	}

.k-input,
.k-picker,
.k-switch {
	box-shadow: 2px 2px 2px #275b9d33;
}

/* Links */
.k-list-item.k-selected,
.k-selected.k-list-optionlabel,
.k-pager-numbers .k-link.k-selected {
	color: #fff;
	background-color: var(--button-primary-background-color);
}

	.k-list-item.k-selected.k-hover, .k-list-item.k-selected:hover,
	.k-list-item.k-hover, .k-list-item:hover,
	.k-selected.k-hover.k-list-optionlabel, .k-selected.k-list-optionlabel:hover,
	.k-hover.k-list-optionlabel, .k-list-optionlabel:hover,
	.k-selected.k-hover.k-pager-numbers {
		color: var(--state-selected-hover-color);
		background-color: var(--state-selected-hover-background-color);
	}

/*.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover
.k-link {
	color: var(--button-primary-background-color);
}*/

.k-focus.k-list-optionlabel, .k-list-item.k-focus, .k-list-item:focus, .k-list-optionlabel:focus {
	box-shadow: none;
}

.roeing-breadcrumb-link-color {
	color: var(--roeing-navbar-background-color);
}

/* Badge*/
.k-badge {
	background-color: var(--button-primary-background-color);
	color: #fff;
	border-radius: 3px;
}

/* Button */
.k-button-md.k-icon-button > .k-button-icon {
	min-width: 0;
	min-height: 0;
}

.k-button.roeing-input-group-button {
	border: none;
	/*	border-color: var(--button-border-color);
	border-bottom: var(--button-border-bottom);
	border-bottom-color: var(--button-border-bottom-color);*/
	color: #000;
	background-color: #fff;
}

.k-button:not(.k-split-button).k-primary, .k-button:not(.k-split-button).k-button-solid-primary {
	background-color: var(--button-primary-background-color);
	border: var(--button-primary-border);
	border-color: var(--button-primary-border-color);
	color: var(--button-primary-color);
	background-image: none;
	background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
	background-image: none,-webkit-linear-gradient(top,false);
	background-image: none,linear-gradient(to bottom,false);
}

.k-primary:hover,
.k-primary.k-state-hover {
	color: #ffffff;
	border-color: #8ebc00;
	background-color: #4C814B;
}

.k-button:not(.k-header):not(.roeing-input-group-button):not(.k-input-button):not(.roeing-login-button):not(.k-split-button):not(.k-split-button-arrow):hover,
.k-button:not(.k-header):not(.roeing-input-group-button):not(.k-input-button):not(.roeing-login-button):not(.k-split-button):not(.k-split-button-arrow).k-state-hover {
	background-color: var(--button-hover-background-color) !important;
	border: var(--button-hover-border);
	border-color: var(--button-hover-border-color);
	border-bottom: var(--button-hover-border-bottom);
	border-bottom-color: var(--button-hover-border-bottom-color);
	color: var(--button-hover-color);
}

.k-grid-toolbar .k-button:hover,
.k-grid-toolbar .k-button.k-state-hover {
	background-color: var(--button-hover-background-color);
	border: var(--button-hover-border);
	border-color: var(--button-hover-border-color);
	border-bottom: var(--button-hover-border-bottom);
	border-bottom-color: var(--button-hover-border-bottom-color);
	color: var(--button-hover-color);
}

.k-button:not(.k-header):not(.roeing-input-group-button):not(.k-input-button):not(.roeing-login-button).k-state-active,
.k-button:not(.k-header):not(.roeing-input-group-button):not(.k-input-button):not(.roeing-login-button):active {
	color: var(--button-state-active-color);
	background-color: var(--button-state-active-background-color);
	border-color: var(--button-state-active-border-color);
}

.k-button:not(.k-header).roeing-input-group-button.k-state-active,
.k-button:not(.k-header).roeing-input-group-button:active {
	color: var(--button-state-active-color);
	/*background-color: var(--button-state-active-background-color);*/
	border-color: var(--button-state-active-border-color);
}

.k-button-solid-base:focus,
.k-button-solid-primary:focus,
.k-button-solid-base.k-focus,
.k-button-solid-primary.k-focus {
	box-shadow: var(--base-focus-box-shadow);
}

.k-datepicker.k-input > .k-input-inner[readonly] {
	background-color: var(--base-readonly-background-color) !important;
}

	.k-datepicker.k-input > .k-input-inner[readonly] + .k-input-button.k-button-solid-base {
		border: none;
		background-color: var(--base-readonly-background-color) !important;
		border-inline-start-width: 0;
	}

/*.k-datepicker.k-input:not(.k-hover):not(.k-state-hover) > :not(.k-input-inner[readonly]) + .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover) {
	border: none;
	background-color: transparent !important;*/ /*var(--base-readonly-background-color) !important;*/
/*border-inline-start-width: 0;
}

.k-datepicker.k-input:not(.k-hover):not(.k-state-hover) > :not(.k-input-inner[aria-readonly="true"]) + .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover) {
	border: none;
	background-color: red !important;*/ /*var(--base-readonly-background-color) !important;*/
/*border-inline-start-width: 0;
}

.k-datepicker.k-input:not(.k-hover):not(.k-state-hover) > :not(.k-input-inner[aria-readonly="false"]) + .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover) {
	border: none;
	background-color: blue !important;*/ /*var(--base-readonly-background-color) !important;*/
/*border-inline-start-width: 0;
}*/

.k-datepicker.k-input:not(.k-hover):not(.k-state-hover) > .k-input-inner[readonly] ~ .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover),
.k-datepicker.k-input.k-hover.k-state-hover > .k-input-inner[readonly] ~ .k-input-button.k-button-solid-base.k-hover.k-state-hover,
.k-datetimepicker.k-input:not(.k-hover):not(.k-state-hover) > .k-input-inner[readonly] ~ .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover),
.k-datetimepicker.k-input.k-hover.k-state-hover > .k-input-inner[readonly] ~ .k-input-button.k-button-solid-base.k-hover.k-state-hover {
	border: none;
	background-color: var(--base-readonly-background-color) !important;
	border-inline-start-width: 0;
	color: black;
}

.k-datepicker.k-input:not(.k-hover):not(.k-state-hover) > .k-input-inner:not(:read-only) ~ .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover),
.k-datetimepicker.k-input:not(.k-hover):not(.k-state-hover) > .k-input-inner:not(:read-only) ~ .k-input-button.k-button-solid-base:not(.k-hover):not(.k-state-hover) {
	border: none;
	background-color: transparent !important; /*var(--base-readonly-background-color) !important;*/
	border-inline-start-width: 0;
}

.k-button.roeing-input-group-button:hover,
.k-button.roeing-input-group-button.k-state-hover,
.k-picker[aria-readonly="false"] > .k-button.k-input-button:hover,
.k-picker[aria-readonly="false"] > .k-button.k-input-button.k-state-hover,
.k-datepicker > :not(.k-input-inner[readonly]) + .k-input-button.k-button-solid-base:hover,
.k-datepicker > :not(.k-input-inner[readonly]) + .k-input-button.k-button-solid-base.k-state-hover,
.k-datepicker.k-input > :not(.k-input-inner[readonly]) + .k-button.k-input-button:hover,
.k-datepicker.k-input > :not(.k-input-inner[readonly]) + .k-button.k-input-button.k-state-hover,
.k-datetimepicker > :not(.k-input-inner[readonly]) + .k-input-button.k-button-solid-base:hover,
.k-datetimepicker > :not(.k-input-inner[readonly]) + .k-input-button.k-button-solid-base.k-state-hover,
.k-datetimepicker.k-input > :not(.k-input-inner[readonly]) + .k-button.k-input-button:hover,
.k-datetimepicker.k-input > :not(.k-input-inner[readonly]) + .k-button.k-input-button.k-state-hover {
	border: var(--button-hover-border);
	border-color: var(--button-hover-border-color);
	border-bottom: var(--button-hover-border-bottom);
	border-bottom-color: var(--button-hover-border-bottom-color);
	color: var(--dropdownlist-input-button-hover-color);
	background-color: var(--dropdownlist-input-button-hover-background-color) !important;
	/*	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;*/
	border-inline-start-width: 0;
}

.k-button:not(.k-header).k-disabled, .k-button:disabled {
	cursor: not-allowed !important;
	filter: opacity(65);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .65;
}

.k-button-flat-primary:not(k-hover):not(.k-calendar-nav-today) {
	color: var(--base-button-primary-background-color);
}

/*.k-datepicker.k-input-inner[aria-readonly="true"] > .k-input-button.k-button-solid-base,
.k-datepicker.k-input-inner[aria-readonly="true"].k-hover > .k-input-button.k-button-solid-base {
	border: none !important;
	color: black;
	background-color: #eee !important;
	border-inline-start-width: 0 !important;
}*/

.k-calendar-nav-today.k-button-flat-primary {
	color: var(--base-button-primary-background-color);
}

.k-calendar-nav-today.k-button.k-state-hover .k-button-text,
.k-calendar-nav-today.k-button:hover .k-button-text {
	/*background-color: var(--base-button-primary-background-color);*/
}

.k-button:not(.k-input-button):not(.k-window-titlebar-action):not(.roeing-login-button):not(:where(.k-pdf-viewer *)) .k-icon.k-button-icon {
	font-size: 16px;
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
}

/* Calendar*/
.k-calendar .k-today.k-state-selected {
	background-color: var(--calendar-today-selected-background-color);
}

.k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
.k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-hover .k-link {
	border-color: rgba(0, 0, 0, 0.08);
	color: #424242;
	background-color: var(--calendar-button-hover-background-color) !important;
}

/* Checkbox */
/*.k-checkbox:checked + .k-checkbox-label:before {
	background-color: var(--checkbox-state-checked-background-color);
	border-color: var(--checkbox-state-checked-border-color);
	color: var(--checkbox-state-checked-color);
}*/

.k-checkbox:checked {
	background-color: var(--checkbox-state-checked-background-color);
	border-color: var(--checkbox-state-checked-border-color);
	/*color: var(--checkbox-state-checked-color);*/
}
/*.k-checkbox:checked {
	background-color: blue;
	border-color: var(--checkbox-state-checked-border-color);
	color: black;
}*/
/*	.k-checkbox:checked:focus {
		border-color: #007bff;
		box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	}*/

.k-checkbox:indeterminate + .k-checkbox-label:after {
	background-color: var(--checkbox-state-indeterminate-background-color);
	background-image: none;
	border-color: var(--checkbox-state-indeterminate-border-color);
	border-radius: 2px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
	background-color: var(--checkbox-state-indeterminate-hover-background-color);
	border-color: var(--checkbox-state-indeterminate-hover-border-color);
}

/* DatePicker/Calendar */
.k-calendar .k-header {
	background-color: var(--datepicker-header-background-color);
	color: var(--datepicker-header-color);
}

	.k-calendar .k-header .k-button {
		color: var(--datepicker-header-color);
	}

.k-calendar .k-link.k-nav-today {
	color: var(--base-link-text-color);
}

.k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.k-focus .k-link,
.k-calendar .k-calendar-td.k-selected.focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected.focus .k-link {
	border-color: rgba(0,0,0,.08);
	color: var(--base-button-color);
	background-color: var(--base-button-background-color);
}

.k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-focus .k-link,
.k-calendar .k-calendar-td:focus .k-calendar-cell-inner,
.k-calendar .k-calendar-td:focus .k-link {
	box-shadow: inset 0 0 0 2px rgba(0,0,0,.08%);
}

.k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-selected .k-link {
	border-color: rgba(0,0,0,.08);
	color: var(--base-button-color);
	background-color: var(--base-button-background-color);
}

.k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td.k-hover .k-link,
.k-calendar .k-calendar-td:hover .k-calendar-cell-inner,
.k-calendar .k-calendar-td:hover .k-link {
	color: var(--calendar-button-hover-color);
	background-color: var(--calendar-button-hover-background-color);
}

/* DropDownList */
.k-picker.k-dropdownlist > .k-input-inner > .k-input-value-text {
	white-space: normal;
}

.k-dropdown[aria-readonly="true"] > .k-dropdown-wrap.k-state-default > .k-select {
	color: #a1a1a1;
}

.k-picker.k-dropdownlist {
	/*border-color: rgba(0,0,0,.08);*/
	background-color: white;
}
/*
	.k-picker.k-dropdownlist.k-picker-solid {
		border-color: #ced4da;
	}

	.k-picker.k-dropdownlist.k-picker-flat {
		border-color: #ced4da;
	}

		.k-picker.k-dropdownlist.k-picker-solid:focus-within, .k-picker.k-dropdownlist.k-picker-flat:focus-within {
			border-color: var(--base-border-color) !important;
			border-width: 1px;
			color: #495057;
			background-color: #fff;
			box-shadow: var(--base-focus-box-shadow:);
		}
*/

/* Expansion Panel */
.k-expander {
	border-radius: 4px;
}

.k-expander-content {
	padding: 0px;
}

.k-expander-title {
	color: #000;
}

.k-expander-title {
	text-transform: none;
	font-weight: 500;
}

/* Grid */
.k-grid-toolbar.k-toolbar {
	background: var(--grid-toolbar-background-color);
	color: var(--grid-toolbar-color);
}

.k-grid .k-grid-header {
	background-color: var(--grid-header-background-color);
}

.k-grid-header {
	background: var(--grid-header-background-color);
}

	.k-grid-header .k-link:link, .k-grid-header .k-link:visited, .k-grouping-header .k-link {
		color: #fff !important;
	}


.k-header:not(k-datepicker):not(k-dialog-titlebar.k-header) {
	background: var(--grid-header-background-color);
}

.k-grid-header span.k-link {
	color: var(--grid-header-color);
}

.k-grid .k-pager-numbers .k-button,
.k-grid .k-button.k-pager-nav {
	/*sets the grid pager number buttons to round */
	height: 29px;
	width: 29px;
	border-radius: 50%;
}

	.k-grid .k-link.k-pager-nav:hover,
	.k-grid .k-link.k-pager-nav .k-icon:hover*/
	.k-grid .k-pager-numbers .k-button:hover,
	.k-grid .k-button.k-pager-nav:hover,
	.k-grid .k-button.k-pager-nav .k-icon:hover {
		height: 29px;
		width: 29px;
		border-radius: 50%;
		background-color: var(--grid-pager-numbers-link-hover-background-color) !important;
		border-width: 1px;
		border-color: var(--grid-pager-numbers-link-hover-color);
		color: var(--grid-pager-numbers-link-hover-color);
	}

.k-grid .k-pager .k-pager-numbers .k-button.k-hover,
.k-grid .k-pager .k-pager-numbers .k-button:hover,
.k-grid .k-pager .k-pager-nav.k-button.k-icon-button.k-hover,
.k-grid .k-pager .k-pager-nav.k-button.k-icon-button:hover {
	height: 29px;
	width: 29px;
	border-radius: 50%;
	background-color: var(--grid-pager-numbers-link-hover-background-color) !important;
	border-width: 1px;
	border-color: var(--grid-pager-numbers-link-hover-color);
	color: var(--grid-pager-numbers-link-hover-color);
}


.k-grid .k-grid-filter, .k-grid .k-header-column-menu, .k-grid .k-hierarchy-cell .k-icon {
	color: var(--grid-header-sort-color);
}

.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: var(--grid-row-selected-background-color);
}

/*.k-grid-header:hover span.k-link {
	color: var(--menu-state-hover-color) !important;
}*/

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
	color: var(--grid-header-sort-color);
}

.k-grid .k-grid-pager .k-pager-numbers-wrap .k-dropdown.k-picker {
	display: none;
}

.k-master-row .k-grid-row-sticky {
	border-top-color: rgba(33, 37, 41, 0.5);
	border-bottom-color: rgba(33, 37, 41, 0.5);
	background-color: #ffffff;
}

.k-master-row.k-alt .k-grid-content-sticky,
.k-master-row.k-alt .k-grid-row-sticky {
	background-color: #34bcdb;
}

.k-master-row.k-state-selected {
	background-color: #34bcdb;
}

	.k-master-row.k-state-selected.k-alt .k-grid-content-sticky,
	.k-master-row.k-state-selected.k-alt .k-grid-row-sticky {
		background-color: #34bcdb;
	}

.k-master-row:hover .k-grid-content-sticky,
.k-master-row:hover .k-grid-row-sticky,
.k-master-row.k-state-hover .k-grid-content-sticky,
.k-master-row.k-state-hover .k-grid-row-sticky {
	background-color: var(--base-color); /*#ebebeb;*/
}

.k-master-row.k-state-selected:hover .k-grid-content-sticky,
.k-master-row.k-state-selected:hover .k-grid-row-sticky,
.k-master-row.k-state-selected.k-state-hover .k-grid-content-sticky,
.k-master-row.k-state-selected.k-state-hover .k-grid-row-sticky {
	background-color: #34bcdb;
}

.k-grid.roeing-grid-panel > .k-grid-pager {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
}

.k-grid.roeing-grid-panel.k-grid-md:not(.k-grid-table) {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.k-column-menu .k-menu:not(.k-context-menu) .k-item.k-selected {
	color: var(--menu-state-highlight-color);
	background-color: var(--menu-state-highlight-background-color);
}

.k-column-menu .k-menu:not(.k-context-menu) > .k-item:hover,
.k-column-menu .k-menu:not(.k-context-menu) > .k-item.k-hover,
.k-menu-group .k-item.k-hover > .k-link,
.k-menu-group .k-item:hover > k-link {
	color: var(--menu-state-hover-color);
	background-color: var(--menu-state-hover-background-color);
}

.k-column-menu > .k-menu:not(.k-context-menu) > .k-menu-item:hover .k-menu-link.k-menu-link-text,
.k-column-menu > .k-menu:not(.k-context-menu) > .k-menu-item.hover .k-menu-link.k-menu-link-text,
.k-column-menu .k-menu:not(.k-context-menu) .k-menu-item:hover .k-menu-link .k-icon,
.k-column-menu .k-menu:not(.k-context-menu) .k-menu-item.hover .k-menu-link .k-icon,
.k-column-menu > .k-menu-group .k-item.k-hover > .k-link .k-menu-link .k-menu-link-text,
.k-column-menu > .k-menu-group .k-item:hover > k-link .k-menu-link .k-menu-link-text {
	color: var(--menu-state-hover-color) !important;
}

.k-column-menu > .k-menu:not(.roeing-nav) .k-menu-item:not(.k-hover) .k-menu-link .k-menu-link-text,
.k-column-menu > .k-menu:not(.roeing-nav):not(.k-context-menu) > .k-menu-item:not(.k-hover) .k-menu-link .k-menu-link-text {
	color: var(--menu-state-hover-color);
}

/*.k-menu-group .k-item > .k-link.k-hover,
.k-menu-group .k-item > k-link:hover {
	color: var(--menu-state-hover-color);
}*/

/* Listbox  */
.k-listbox .k-item.k-state-focused {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 2px 0 var(--base-color),inset 0 0 7px 0 #76abd9;
	box-shadow: inset 0 0 2px 0 var(--base-color),inset 0 0 7px 0 #76abd9;
}

.k-listbox .k-drop-hint {
	height: 0;
	border-top: 1px solid var(--base-color);
}

/* MediPlayer */
.k-mediaplayer-toolbar .k-button.k-bare.k-state-active, .k-mediaplayer-toolbar .k-button.k-bare.k-state-active:hover, .k-mediaplayer-toolbar .k-button.k-bare:active {
	color: var(--base-color);
}

/* Map */
.k-map .k-marker {
	font-size: 28px;
	color: var(--base-color);
}

/* Menu */
.k-menu.k-header,
.k-menu.k-header:not(.roeing-login-menu) {
	background-color: var(--menu-background-color);
}

.k-menu:not(.k-context-menu) > .k-item:focus, .k-menu:not(.k-context-menu) > .k-item.k-focus {
	border-radius: 3px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}

.trv-nav {
	background-color: var(--menu-background-color);
}

/*.k-menu .k-item.k-menu-item.k-state-highlight.k-hover .k-menu-link-text {
	color: var(--menu-item-color);
}*/

.k-menu .k-item.k-menu-item:not(.k-state-highlight) .k-menu-link-text {
	color: var(--menu-state-hover-color);
}

/*#navigation-menu.roeing-navigation-menu.nav.flex-column.k-menu.k-header.k-reset.k-widget.k-menu-vertical 
	li.k-state-highlight.k-item.k-menu-item div.k-animation-container div.k-child-animation-container 
	div.k-menu-popup.k-popup ul#bded75fc-8556-4213-81a7-7c50d333bf5f.k-group.k-menu-group.k-reset.k-menu-group-md 
	li.k-state-highlight.k-item.k-menu-item div.k-animation-container div.k-child-animation-container 
	div.k-menu-popup.k-popup ul#c5fee58e-d61e-4dee-8fbd-b82bf7717a52.k-group.k-menu-group.k-reset.k-menu-group-md 
	li#navigation-menu_mn_active.k-selected.k-item.k-menu-item.k-first.k-focus a.k-link.k-menu-link

#navigation-menu_mn_active > a:nth-child(1)
*/
/*.k-menu .k-link.k-state-active,
.roeing-navigation-menu .k-state-highlight.k-item.k-menu-item .k-menu-group .k-item.k-menu-item.k-selected:not(.k-hover) .k-link.k-menu-link:visited {*/
/*background-color: var(--menu-state-highlight-background-color);*/
/*background-color: red !important;*/
/*color: var(--menu-state-active-color);*/
/*color: green;
}*/



.k-menu .k-link.k-state-active {
	background-color: var(--menu-state-active-background-color);
	color: var(--menu-state-active-color);
}

/*#navigation-menu_mn_active:not(.k-hover),*/
.k-menu:not(.roeing-logged-in-menu) > li.k-state-highlight.k-item.k-menu-item:not(.k-hover),
.k-menu:not(.roeing-logged-in-menu) > li.k-selected.k-item.k-menu-item:not(.k-hover) {
	background-color: var(--menu-state-highlight-background-color) !important;
}

li.k-state-highlight.k-item.k-menu-item:not(.k-hover) .k-link,
li.k-selected.k-item.k-menu-item:not(.k-hover) .k-link {
	color: var(--menu-state-highlight-color) !important;
}

/* test */
/*.k-menu-group, .k-menu.k-context-menu {
	border-color: rgba(0, 0, 0, 0.08);
	color: #424242;
	background-color: blue;
}*/


.k-menu:not(.roeing-navigation-menu) .k-item.k-menu-item.k-state-highlight {
	background-color: var(--menu-state-highlight-background-color);
	color: var(--menu-state-highlight-color);
	border-radius: 3px;
}

.k-menu .k-item.k-menu-item.k-hover {
	color: var(--menu-state-hover-color);
	background-color: var(--menu-state-hover-background-color);
	border-color: var(--menu-state-hover-border-color);
	border-width: var(--menu-state-hover-border-width);
	border-style: var(--menu-state-hover-border-style);
	border-radius: 3px;
}

.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: var(--menu-state-hover-color);
	background-color: var(--menu-state-hover-background-color);
	border-radius: 3px;
}

/*.k-menu-scroll-wrapper .k-menu-scroll-button {
	border-color: rgba(0, 0, 0, 0.08);
	color: #ff6358;
	background-color: #ffffff;
}

	.k-menu-scroll-wrapper .k-menu-scroll-button:hover {
		color: #d6534a;
	}*/

.k-menu.k-header.roeing-login-menu {
	background-color: transparent;
}

	.k-menu.k-header.roeing-login-menu .k-menu-item:not(.k-hover) .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item:not(.k-hover) .k-menu-link .k-menu-link-text {
		color: #fde0b4;
	}

	/*	.k-menu.k-header.roeing-login-menu .k-menu-item.k-hover .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-item:hover .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-item.k-state-border-down .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-item.hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item:hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item.k-state-border-down .k-menu-link {
		color: #000;
	}*/

	.k-menu.k-header.roeing-login-menu .k-menu-item.k-hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item:hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item.k-state-border-down .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-item.k-hover .k-menu-link .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-item:hover .k-menu-link .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-item.k-state-border-down .k-menu-link .k-menu-link-text {
		color: #000;
	}

	.k-menu.k-header.roeing-login-menu .k-menu-group .k-menu-item.k-hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-group .k-menu-item:hover .k-menu-link,
	.k-menu.k-header.roeing-login-menu .k-menu-group .k-menu-item.k-hover .k-menu-link .k-menu-link-text,
	.k-menu.k-header.roeing-login-menu .k-menu-group .k-menu-item:hover .k-menu-link .k-menu-link-text {
		color: #fff
	}


.k-menu:not(.k-context-menu) > .k-item {
	color: var(--menu-item-color);
	/*font-weight: bold;*/
}

.trv-menu-large > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon, .trv-menu-small > li.trv-menu-toggleable.k-selected > .k-menu-link > .k-icon:not(.k-hover) {
	color: var(--menu-item-color) !important;
}

/*
.k-item.k-menu-item.k-hover,
.k-item.k-menu-item:hover {
	color: var(--menu-state-hover-color);
}
*/
/*.k-menu:not(.roeing-nav):not(.k-column-menu) .k-menu-link-text,
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.k-context-menu) > .k-menu-link-text,
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.k-context-menu) > .k-item:hover {
	color: var(--menu-item-color);
}*/
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.roeing-login-menu) .k-menu-item:not(.k-hover):not(.k-state-highlight) .k-menu-link .k-menu-link-text,
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.roeing-login-menu):not(.k-context-menu) > .k-menu-item:not(.k-hover):not(.k-state-highlight) .k-menu-link .k-menu-link-text,
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.roeing-login-menu) .k-menu-item:not(.k-hover):not(.k-state-highlight) .k-menu-link .k-menu-link-text,
.k-menu:not(.roeing-nav):not(.k-column-menu):not(.roeing-login-menu):not(.k-context-menu) > .k-menu-item:not(.k-hover):not(.k-state-highlight) .k-menu-link .k-menu-link-text {
	color: var(--menu-item-color);
}

.k-menu.roeing-nav .k-item.k-hover .k-menu-link-text,
.k-menu.roeing-nav .k-item:hover .k-menu-link-text {
	color: var(--menu-state-hover-color) !important;
}

.k-menu.roeing-nav .k-item:not(:hover) .k-link.k-menu-link.k-menu-link-text,
.k-menu.roeing-nav .k-item:not(.k-hover) .k-link.k-menu-link.k-menu-link-text {
	color: var(--menu-item-color);
}

.k-menu.roeing-nav .k-item:not(:hover) .k-menu-link-text {
	color: var(--menu-item-color);
}


/*.k-menu.k-menu-vertical > .k-item:not(:hover) > .k-link.k-menu-link.k-menu-link-text,
.k-menu.k-menu-vertical > .k-item:not(:hover).k-menu-item > .k-link.k-menu-link.k-menu-link-text {
	color: var(--menu-item-color);
}*/

.k-menu:not(.roeing-login-menu) .k-link.k-state-active {
	background-color: var(--menu-state-active-background-color);
	color: var(--menu-state-active-color);
}

/*.k-menu:not(.roeing-login-menu) .k-item.k-menu-item.k-state-highlight {
	background-color: var(--menu-state-highlight-background-color);
	color: var(--menu-state-highlight-color);
}*/

.k-menu:not(.roeing-login-menu) .k-item.k-menu-item.k-hover {
	color: var(--menu-state-hover-color);
	background-color: var(--menu-state-hover-background-color) !important;
	border-color: var(--menu-state-hover-border-color);
	border-width: var(--menu-state-hover-border-width);
	border-style: var(--menu-state-hover-border-style);
}

.k-menu:not(.k-content-menu) > .k-item.k-hover > .k-link.k-menu-link.k-menu-link-text,
.k-menu:not(.k-content-menu) > .k-item:hover > .k-link.k-menu-link.k-menu-link-text {
	color: var(--menu-state-hover-color) !important;
}

.k-item.k-menu-item.k-state-selected > a.k-link.k-menu-link {
	color: var(--menu-state-selected-color);
}

.k-menu.k-menu-vertical:not(.k-context-menu) {
	padding: var(--menu-vertical-padding);
}

.k-menu-vertical > .k-item.k-menu-item.k-menu-link, .k-menu-vertical > .k-item.k-menu-item {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}

.k-sprite.k-menu-button-icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 14px;
	text-align: center;
	-ms-high-contrast-adjust: none;
}

/*.k-menu-link > .fab.k-sprite.k-menu-button-icon, .k-menu-link > .fab.k-sprite.k-menu-button-icon::before,
.k-menu-link > .fal.k-sprite.k-menu-button-icon, .k-menu-link > .fal.k-sprite.k-menu-button-icon::before,
.k-menu-link > .far.k-sprite.k-menu-button-icon, .k-menu-link > .far.k-sprite.k-menu-button-icon::before,
.k-menu-link > .fad.k-sprite.k-menu-button-icon, .k-menu-link > .fad.k-sprite.k-menu-button-icon::before,
.k-menu-link > .fas.k-sprite.k-menu-button-icon, .k-menu-link > .fas.k-sprite.k-menu-button-icon::before,
.k-menu-item > .fab.k-sprite.k-menu-button-icon, .k-menu-item > .fab.k-sprite.k-menu-button-icon::before,
.k-menu-item > .fal.k-sprite.k-menu-button-icon, .k-menu-item > .fal.k-sprite.k-menu-button-icon::before,
.k-menu-item > .far.k-sprite.k-menu-button-icon, .k-menu-item > .far.k-sprite.k-menu-button-icon::before,
.k-menu-item > .fad.k-sprite.k-menu-button-icon, .k-menu-item > .fad.k-sprite.k-menu-button-icon::before,
.k-menu-item > .fas.k-sprite.k-menu-button-icon, .k-menu-item > .fas.k-sprite.k-menu-button-icon::before {
	width: 16px !important;
	height: 20px !important;
	padding-top: 3px;
	line-height: 14px;
	background-image: none;
	font-size: 1em;
	font-family: FontAwesome;
}*/

/* MultiSelect */
.k-multiselect .k-button {
	color: #fff;
	border-color: #569155;
	background-color: var(--base-color);
}

/* PDFViewer */
.k-pdf-viewer > .k-toolbar > .k-button-group > .k-toggle-button.k-selected.k-button {
	background-color: var(--base-color) !important;
	border-color: var(--base-color);
	color: #000;
}

.k-pdf-viewer > .k-toolbar > .k-button-group > .k-button:hover,
.k-pdf-viewer > .k-toolbar > .k-button-group > .k-toggle-button.k-button:hover {
	background-color: var(--base-color) !important;
	border-color: var(--base-color);
	color: #fff;
}

.k-pdf-viewer > .k-toolbar > .k-button,
.k-pdf-viewer > .k-toolbar > .k-pager-wrap > .k-button,
.k-pdf-viewer > .k-toolbar > .k-button-group > .k-button,
.k-pdf-viewer > .k-toolbar > .k-button-group > .k-toggle-button.k-button {
	color: var(--base-color);
}

	.k-pdf-viewer > .k-toolbar > .k-button:hover, .k-pdf-viewer > .k-toolbar > .k-pager-wrap > .k-button:hover {
		background-color: var(--base-color) !important;
		border-color: var(--base-color);
		color: #fff;
	}

.k-pdf-viewer > .k-toolbar > k-toggle-button k-selected k-button k-button-md k-button-rectangle k-rounded-md k-button-flat k-button-flat-base k-icon-button k-group-end {
}

/* RadioButton */
.k-radio {
	border-color: silver;
	background-color: #fff;
}

	.k-radio:checked:focus, .k-radio.k-checked.k-focus {
		box-shadow: 0 0 0 2px rgba(52,152,219,.3);
	}

	.k-radio:checked, .k-radio.k-checked {
		border-color: var(--menu-item-color);
		color: #fff;
		background-color: var(--menu-item-color);
	}

	.k-radio:not(:checked):hover {
		border-color: black;
	}

	.k-radio:checked + .k-radio-label:after {
		background-color: var(--base-color);
		border-radius: 50%;
	}

	.k-radio:disabled:checked + .k-radio-label:after {
		background-color: var(--base-color);
		opacity: .5;
	}

/* Slider */
.k-slider-selection {
	background-color: var(--base-color);
}

/* SplitButton */
.k-button > .k-split-button.k-primary, .k-button > .k-split-button-arrow.k-button-solid-primary {
	background-color: var(--button-primary-background-color);
	border: var(--button-primary-border);
	border-color: var(--button-primary-border-color);
	color: var(--button-primary-color);
	background-image: none;
	background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
	background-image: none,-webkit-linear-gradient(top,false);
	background-image: none,linear-gradient(to bottom,false);
}

.k-split-button > .k-button:last-child,
.k-split-button > .k-split-button-arrow {
	background-color: var(--button-primary-background-color);
	border: var(--button-primary-border);
	border-color: var(--button-primary-border-color);
	color: var(--button-primary-color);
	margin-left: -4px !important;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	/*	color: #fff !important;
	border: var(--button-primary-border);
	border-color: var(--button-primary-border-color);
	
	background-image: none !important;*/
}

.k-button > .k-split-button-arrow:hover,
.k-button > .k-split-button-arrow.k-state-hover {
	background-color: var(--button-hover-background-color);
	border: var(--button-hover-border);
	border-color: var(--button-hover-border-color);
	border-bottom: var(--button-hover-border-bottom);
	border-bottom-color: var(--button-hover-border-bottom-color);
	color: var(--button-hover-color);
}

/* Spreadsheet */
.k-spreadsheet-pane .k-filter-range {
	border-color: var(--base-color);
}

.k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial {
	border-bottom-color: var(--base-color);
}

.k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full, .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial {
	border-right-color: var(--base-color);
}

.k-auto-fill, .k-spreadsheet-selection {
	border-color: #428bca;
	-webkit-box-shadow: inset 0 0 0 1px var(--base-color);
	box-shadow: inset 0 0 0 1px var(--base-color);
}

.k-spreadsheet-active-cell {
	-webkit-box-shadow: inset 0 0 0 1px var(--base-color);
	box-shadow: inset 0 0 0 1px var(--base-color);
	background-color: #fff;
}

	.k-spreadsheet-active-cell.k-right {
		-webkit-box-shadow: inset 0 0 0 1px var(--base-color),inset -1px 0 0 1px var(--base-color);
		box-shadow: inset 0 0 0 1px var(--base-color),inset -1px 0 0 1px var(--base-color);
	}

	.k-spreadsheet-active-cell.k-bottom {
		-webkit-box-shadow: inset 0 0 0 1px var(--base-color),inset 0 -1px 0 1px var(--base-color);
		box-shadow: inset 0 0 0 1px var(--base-color),inset 0 -1px 0 1px var(--base-color);
	}

		.k-spreadsheet-active-cell.k-bottom.k-right {
			-webkit-box-shadow: inset 0 0 0 1px var(--base-color),inset -1px -1px 0 1px var(--base-color);
			box-shadow: inset 0 0 0 1px var(--base-color),inset -1px -1px 0 1px var(--base-color);
		}

.k-spreadsheet .k-resize-handle, .k-spreadsheet .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-marker {
	background-color: var(--base-color);
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle, .k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
	background-color: var(--base-color);
}

.k-spreadsheet .k-single-selection::after {
	background-color: var(--base-color);
	border-color: #fff;
}

.k-spreadsheet-filter.k-state-active {
	color: #fff;
	background-color: var(--base-color);
}

.k-spreadsheet-popup .k-state-active {
	background-color: var(--base-color);
	color: #000;
}

.k-series-a {
	border-color: var(--base-color);
	background-color: rgba(66,139,202,.15);
}

.k-spreadsheet-formula-list .k-state-focused {
	background-color: var(--base-color);
	color: #fff;
}

/* Switch */
.k-switch {
	border-radius: 6em;
	cursor: pointer;
	/*	width: 6em;*/
	background: 0 0;
	border: 0;
	outline: 0;
	display: -ms-inline-flexbox;
	display: inline-flex;
	overflow: hidden;
	vertical-align: middle;
	font-size: 14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-align: left;
}

.k-switch-md {
	width: 70px;
	height: 30px;
	font-size: 12px;
}

.k-switch-on .k-switch-track {
	border-color: var(--switch-border-color);
	color: var(--switch-checked-on-color);
	background-color: var(--switch-checked-on-background-color);
}

.k-switch-on .k-switch-thumb {
	border-color: var(--switch-border-color);
	color: var(--switch-checked-on-color);
	background-color: #fff !important;
}

.k-switch-on.k-state-hover .k-switch-track,
.k-switch-on:hover .k-switch-track {
	border-color: var(--switch-border-color);
	color: var(--switch-checked-on-color);
	background-color: var(--switch-checked-on-background-color);
}

.k-switch-on .k-switch-track.k-switch-on-label {
	border-color: var(--switch-border-color);
	color: var(--switch-checked-on-color);
	background-color: var(--switch-checked-on-background-color);
	display: block;
}


.k-switch-on.k-state-focused, .k-switch-on:focus,
.k-switch-off.k-state-focused, .k-switch-off:focus {
	box-shadow: var(--base-focus-box-shadow);
}

.k-switch-off .k-switch-track {
	border-color: var(--switch-border-color);
	color: #333;
	background-color: #fff !important;
}

	.k-switch-off .k-switch-track.k-switch-off-label {
		border-color: var(--switch-border-color);
		color: #000;
		background-color: #fff;
		display: block;
	}

.k-switch-track {
	border-width: 1px;
	border-style: solid;
	outline: 0;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	position: relative;
	transition: background-color .2s ease-in-out;
}

/* Tabstrip  */
.k-tabstrip-items-wrapper {
	background-color: #fff;
}

.k-tabstrip-items .k-item:not(.k-active) .k-link {
	/*	background-color: var(--menu-background-color);
	color: var(--menu-item-color);*/
	background-color: var(--menu-state-highlight-background-color) !important;
	color: var(--menu-state-highlight-color) !important;
}

.k-tabstrip-items .k-item.k-active,
.k-tabstrip-items .k-item.k-active .k-link {
	/*		background-color: var(--menu-state-highlight-background-color) !important;
	color: var(--menu-state-highlight-color) !important;*/
	background-color: var(--menu-background-color);
	color: var(--menu-item-color);
}

.k-tabstrip-items .k-item.k-state-hover .k-link,
.k-tabstrip-items-wrapper .k-item:hover .k-link,
.k-tabstrip-items-wrapper .k-item.k-hover {
	background-color: var(--menu-state-hover-background-color) !important;
	color: var(--menu-state-hover-color) !important;
}

.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item:hover,
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-hover {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}

/*.k-tabstrip-items-wrapper .k-item.k-active,
.k-tabstrip-items-wrapper .k-item.k-state-selected,
.k-tabstrip-items-wrapper .k-item:active {*/
/*border-color: rgba(0,0,0,.08) !important;*/
/*color: var(--menu-state-highlight-color) !important;
	background-color: var(--menu-background-color) !important;
	border-bottom-color: transparent !important;
}*/

/* Treeview */
.k-treeview .k-in.k-state-hover {
	color: var(--base-color);
}

.k-widget.k-treeview {
	color: var(--base-color);
}

/* Upload */
.k-upload .k-upload-selected {
	color: var(--base-color);
	border-color: #ccc;
}

	.k-upload .k-upload-selected:hover {
		color: #fff;
		background-color: var(--base-color);
	}



/* Other Kendo Elements */
.ktb-var-accent {
	color: var(--base-color);
}

.ktb-var-selected-background {
	color: var(--base-color);
}

.ktb-var-series-a {
	color: var(--base-color);
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited, .k-tool.k-state-selected {
	color: #fff;
	background-color: var(--base-color);
	border-color: var(--base-color);
}

.k-popup .k-list .k-state-focused {
	border-radius: 4px;
	-webkit-box-shadow: inset 0 0 2px 0 var(--base-color),inset 0 0 7px 0 #8FBD8F;
	box-shadow: inset 0 0 2px 0 var(--base-color),inset 0 0 7px 0 #8FBD8F;
}

.k-tiles li.k-state-selected {
	border-color: var(--base-color);
}

.k-editor-inline ::-moz-selection {
	background-color: var(--base-color);
	text-shadow: none;
	color: #fff;
}

.k-editor-inline ::selection {
	background-color: var(--base-color);
	text-shadow: none;
	color: #fff;
}

.k-editor-inline ::-moz-selection {
	background-color: var(--base-color);
	text-shadow: none;
	color: #fff;
}

.k-state-selected .k-task-summary-complete, .k-state-selected.k-task-milestone {
	border-color: var(--base-color);
	background: var(--base-color);
}

.k-state-selected.k-task-single {
	border-color: var(--base-color);
}

.k-state-selected.k-line {
	background-color: var(--base-color);
	color: var(--base-color);
}

.km-pane-wrapper .k-mobile-list .k-item.k-state-selected {
	background-color: var(--base-color);
	border-top-color: var(--base-color);
}

.trv-pages-area > .trv-error-pane > .trv-centered {
	background-color: #fff !important;
}

.roeing-card-background {
	background-color: #275b9d;
}

.card {
	box-shadow: 2px 2px 2px rgba(39,91,157,.25);
}

	.card:not(.roeing-card-background) .card-header {
		background-color: #275b9d;
		color: #fff;
	}

.roeing-card-h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 12px;
}

.roeing-home-header {
	color: #275b9d;
	padding-left: 0;
}

.logo-title {
	font-size: 19px;
	color: white;
	position: relative;
	top: 0px;
	padding-left: 4px;
}


/** {
	outline: 1px solid #f00 !important;
	opacity: 1 !important;
	visibility: visible !important;
}*/

.dashboard-item {
	float: left;
	position: relative;
	width: 150px;
	/* height: 100px; */
	margin: 0 5px 0 5px;
	padding: 0;
	border: 1px solid;
}

	.dashboard-item p {
		padding-top: 10px;
		font-weight: bold;
		text-align: center;
	}

	.dashboard-item h3 {
		margin: 0;
		padding: 3px 5px 3px 5px;
		overflow: hidden;
		font-size: 40px;
		font-weight: normal;
		text-transform: uppercase;
		text-align: center;
	}

.float-top {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
/* test */
/*#wrapper {
	overflow-x: hidden;
}

#sidebar-wrapper {
	min-height: 100vh;
	margin-left: -15rem;
	transition: margin 0.25s ease-out;
}

	#sidebar-wrapper .sidebar-heading {
		padding: 0.875rem 1.25rem;
		font-size: 1.2rem;
	}

	#sidebar-wrapper .list-group {
		width: 15rem;
	}

#page-content-wrapper {
	min-width: 100vw;
}

body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
	margin-left: 0;
}

@media (min-width: 768px) {
	#sidebar-wrapper {
		margin-left: 0;
	}

	#page-content-wrapper {
		min-width: 0;
		width: 100%;
	}

	body.sb-sidenav-toggled #wrapper #sidebar-wrapper {
		margin-left: -15rem;
	}
}
*/
