* {
	box-sizing: border-box;
}

html,
body {
	padding: 0;
	margin: 0;
	color: #323130;
	font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
	font-size: 14px;
	font-weight: normal;
}

div {
	/*outline: 1px dashed grey;*/
}
.toggle-right {
	display: none;
}
.hide {
	display: none;
}
.show {
	display: block;
}

#processevo-application.sidebar-is-visible {
	display: grid;
	height: 100vh;
	grid-template-columns: 320px repeat(12, 1fr);
	grid-template-rows: 48px auto minmax(32px, max-content);
	justify-content: stretch;
	align-content: stretch;	
	justify-items: stretch;
	align-items: stretch;
	overflow: hidden;
}

#processevo-application {
	display: grid;
	height: 100vh;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: 48px auto 32px;
	justify-content: stretch;
	align-content: stretch;	
	justify-items: stretch;
	align-items: stretch;
}

#processevo-application.sidebar-is-visible #header {
	grid-column: 1 / 14;
}


#header {
	grid-column: 1 / 13;
    grid-row: 1 / 2;
	display: grid;
	grid-template-columns: max-content auto;
	grid-row: 1;
	grid-template-areas: 
		"app-header-info app-acions";
	align-content: stretch;	
	justify-content: stretch;
	justify-items: stretch;
	align-items: stretch;
}

#left-panel-container {
	height: calc(100vh - 80px);
	overflow: auto;
}

#left-panel-container.is-opened {
    grid-column: 1;
    grid-row: 2 / 3;
}

#left-panel-container.is-closed {
	display: none;
}

#main-container {
	background-color: #f4f4f4;
	/*padding: 12px 12px;*/
	display: grid;
	grid-template-rows: min-content 100%;
	grid-template-areas:
				"main-header-notifications"			
				"workspace-container";
	height: calc(100vh - 80px);
}

#main-container.main-is-fullwidth {
	grid-column: 1 / 13;
    grid-row: 2 / 3;
}

#main-container.main-is-boxed {
	grid-column: 2 / 14;
    grid-row: 2 / 3;
}

#workspace-container {
	display: grid;
	grid-area: workspace-container;
	grid-template-rows: max-content auto;
	grid-row-gap: 12px;
	padding: 12px;
	overflow: auto;
}

#processevo-application.sidebar-is-visible #overlay-panel {
	grid-column: 1 / 14;
}

#overlay-panel {
    /*display: grid;*/
    grid-column: 1 / 13;
    grid-row: 2 / 4;
    background-color: rgba(255,255,255,0.5);
    z-index: 15000;
	grid-template-columns: 1fr minmax(360px, max-content);
	overflow: auto;
    height: calc(100vh - 48px);
}

#processevo-application.sidebar-is-visible #status-bar-container {
	grid-column: 1 / 14;
}

#status-bar-container {
	grid-column: 1 / 13;
    grid-row: 3 / 4;
	padding: 6px 12px;
	font-size: 12px;
	display: grid;
	grid-template-columns: auto auto;
}
.connection-status {
	display: grid;
    grid-auto-flow: column;
	justify-self: end;
	align-content: center;
}
.connection-status .ms-Icon {
	padding: 2px 0px 0px 0px;
	font-size: 16px;
	line-height: 14px;
}

#app-header-info {
	display: grid;
	grid-area: app-header-info;
	/*grid-column: 1 / 10;*/
	grid-row: 1;
	/*justify-content: start;*/
	align-items: center;
}

#app-header-info div,
#app-header-actions i {
	grid-row: 1;
}

#app-header-actions {
	display: grid;
	grid-area: app-acions;
	/*grid-column: 10 / 13;*/
	grid-row: 1;
	/*justify-content: end;*/
	align-items: center;
	padding-right: 12px;
}

#app-toolbar {
	justify-content: flex-end;
}

#app-toolbar.k-toolbar,
#app-main-header-toolbar.k-toolbar {
	background-color: transparent;
	background-image: none;
	border: 0px;
}

.app-toolbar-item {
	display: grid;
    width: 160px;
	grid-template-columns: 32px auto;
	column-gap: 0px;
	align-items: center;
	cursor: pointer;
	background-color: #ffffff;
	padding-right: 12px;
}
.app-toolbar-item:hover,
.app-toolbar-item .ms-Icon:hover  {
	background-color: rgb(243, 242, 241) !important;
}
.app-toolbar-item .ms-Icon {
	padding: 10px 0px;
}
.app-toolbar-item i {
	text-align: center;
}

#app-toolbar.k-toolbar > .k-button,
#app-toolbar.k-toolbar > .k-button.k-state-active, 
#app-toolbar.k-toolbar > .k-button:active,
#app-main-header-toolbar.k-toolbar > .k-button,
#app-main-header-toolbar.k-toolbar > .k-button.k-state-active, 
#app-main-header-toolbar.k-toolbar > .k-button:active {
	padding: 0px !important;
	border: 0px;
}

#app-toolbar.k-toolbar > .k-button:focus,
#app-toolbar.k-toolbar > .k-button:focus:hover,
#app-main-header-toolbar.k-toolbar > .k-button:focus, 
#app-main-header-toolbar.k-toolbar > .k-button:focus:hover {
	box-shadow: none;
	border: 0px;
}

#app-main-header-toolbar.k-toolbar > .k-button.k-state-hover,
#app-main-header-toolbar.k-toolbar > .k-button:hover {
	background-color: rgb(243, 242, 241);
	background-image: none;
}

#app-main-header-toolbar.k-toolbar > .k-overflow-anchor {
	padding: 0px !important;
	width: 32px;
	height: 32px;
	top: 4px;
	background-color: #e1e1e1;
	background-image: none;
}

#app-toolbar.k-toolbar  > .k-overflow-anchor {
	padding: 0px !important;
	width: 36px;
	height: 36px;
	top: 4px;	
}
#app-toolbar.k-toolbar  > .k-button.k-state-hover,
#app-toolbar.k-toolbar  > .k-button:hover {
	background-color: rgb(243, 242, 241);
	background-image: none;
}



#header .ms-Icon {
	font-size: 20px;
}
.ms-Icon {
	grid-row: 1;
	padding: 8px 4px;
}
.ms-Icon:before {
	margin: auto 4px 
}

#hamburger .ms-Icon  {
	padding: 12px 8px;
	font-size: 24px;
}

#app-header-info__logo,
#app-header-info__icon-logo {
	height: 22px;
	margin-left: 0px;
	margin-right: 12px;
}

#app-header-info__logo img,
#app-header-info__icon-logo img {
	width: auto;
	height: 22px;
}

#app-header-info__icon-logo {
	display: none;
}

#app-header-info__separator {
	width: 1px;
	background-color: #fff;
	height: 24px;
	margin-right: 12px;
}

#app-header-info__tenant-info {
	font-size: 22px;
    font-weight: 300;
    line-height: 48px;
}

.app-sidebar-actions {
	display: grid;
	grid-template-columns: 1fr;
	align-content: start;
	justify-items: stretch;
}

#panelbar * {
	line-height: 31px;
	font-size: 14px;
}
#panelbar .k-link {
	display: grid;
	grid-template-columns: auto 32px;
}
#panelbar .k-link.k-header {
	padding: 0 6px;
}

#panelbar ul > li > span.k-link {
	padding: 0 6px 0 24px;
}
#panelbar ul > li > ul > li > span.k-link {
	padding: 0 6px 0 42px;
}

#panelbar span.k-link {
	border-bottom: 1px solid #282726;
}

#panelbar span.k-link div {
	display: grid;
	grid-template-columns: 32px auto;
	align-items: center;
	/*margin-left: 12px;*/
}
#panelbar .my-left-menu-text {
    line-height: 20px;
    padding: 6px 0px 5px 0px;
}
#panelbar .ms-Icon {
	padding: 6px 2px 6px 2px;
	line-height: 1;
	font-size: 16px;
	color: #f09000;
}
#panelbar .k-state-hover,
#panelbar .k-state-focused,
#panelbar .k-header.k-state-hover,
#panelbar .k-header.k-state-focused {
	background-color:  #2c2b2a; /*2f2e2d*/
	background-image: none;
	color: #ffffff;
	box-shadow: none;
}
#panelbar .k-state-selected,
#panelbar .k-header.k-state-selected {
	background-color:  #282726; /*2c2b2a*/
	background-image: none;
}

#panelbar .k-icon {
	font-size: 14px;
	font-family: FabricMDL2Icons;
	padding: 9px 9px 8px 9px;
	position: relative;
    top: 0;
    right: 0;
    margin-top: auto;
}

#panelbar .k-i-arrow-60-up:before {
    content: "\E70E";
}
#panelbar .k-i-arrow-60-down:before {
    content: "\E70D";
}
#app-sidebar-content {
    display: grid;
    grid-template-columns: 100%;
	grid-template-rows: 36px auto;
}
#app-sidebar-header {
    display: grid;
    grid-template-columns: auto min-content;
}
#app-sidebar-header-title {
	line-height: 24px;
	font-size: 18px;
	padding: 0px 12px;
	font-weight: 400; 
	align-self: center;
	/*text-transform: uppercase;*/
}
.app-sidebar-widget {
	grid-column: 1 / span 2;
}

#app-main-header {
    display: grid;
	grid-template-rows: auto auto;
	grid-template-areas:			
				"main-header-content"
				"main-header-description";

}

#app-main-header-content {
	display: grid;
	grid-area: main-header-content;
    grid-template-columns: max-content auto;
	grid-template-areas: "main-header-title main-header-actions"
}

#app-main-content {
	height: 100%;
	overflow: auto;
}
#app-main-header-title {
	display: grid;
	grid-area: main-header-title;
	align-items: center;

}

#app-main-header-actions {
	display: grid;
	grid-area: main-header-actions;
	align-items: center;
}

#app-main-header-toolbar {
	justify-content: flex-end;
}

#app-main-header-toolbar > div > i.ms-Icon,
#list-view-header-actions > i.ms-Icon,
.list-view-content-actions > i.ms-Icon,
.app-overlay-panel-header-actions > .ms-Icon,
.k-list-container.k-state-border-up  i.ms-Icon,
#kb-article-edit-actions i.ms-Icon,
#app-main-content .k-command-cell .ms-Icon,
#overlay-panel-search .ms-Icon {
	font-size: 16px;
	color: #8a181b;
	cursor: pointer;
}
#app-main-header-toolbar > div >  i.ms-Icon:hover,
.k-list-container.k-state-border-up  i.ms-Icon:hover,
#kb-article-edit-actions i.ms-Icon:hover  {
    background-color: #e1e1e1;
	cursor: pointer;
}
.app-overlay-panel-header-actions > .ms-Icon:hover,
#list-view-header-actions > i.ms-Icon:hover,
.list-view-content-actions > i.ms-Icon:hover,
#app-main-content .k-command-cell .ms-Icon:hover,
#overlay-panel-search .ms-Icon:hover {
    background-color: #eaeaea;
	cursor: pointer;
}

#app-main-content .k-command-cell a {
	line-height: 16px;
}

#app-main-content .k-command-cell {
	padding: 4px 8px;
}

#overlay-panel-modules .app-overlay-panel-content #modules-list {
	display: grid;
	grid-template-columns: repeat(3, 108px);
	gap: 6px;
	border: 0px;
}

#overlay-panel-modules .app-overlay-panel-content #modules-list div {
	display: grid;
	grid-template-rows: max-content max-content;
	justify-items: center;
	border: 1px solid transparent;
	padding: 6px 0px;
	font-weight: 600;
	align-content: center;
    text-align: center;
}

#overlay-panel-modules .app-overlay-panel-content #modules-list div:hover,
#overlay-panel-modules .app-overlay-panel-content #modules-list div.k-state-selected {
	border-color: rgb(200, 198, 196);
	cursor: pointer;
	background-color: transparent;
	color: inherit;
}
#overlay-panel-modules .app-overlay-panel-content #modules-list .ms-Icon {
	font-size: 32px;
    color: #8a181b;
    padding: 16px 12px;
}

#overlay-panel-modules .app-overlay-panel-content #modules-list div#btn-module-analytics {
	display: grid;
	grid-template-rows: max-content;
}
.app-overlay-panel-content  #modules-list  div#btn-module-analytics a {
	display: grid;
	grid-template-rows: max-content 22px;
    justify-items: center;
	text-decoration: none;
	color: #323130;
}

#overlay-panel-modules .app-overlay-panel-content #modules-list div.module-disabled,
#overlay-panel-modules .app-overlay-panel-content #modules-list div.module-disabled:hover,
#overlay-panel-modules .app-overlay-panel-content #modules-list div.module-disabled .ms-Icon {
	background-color: #f4f4f4;
	color: #bab8b7;
	border-color: transparent;
	cursor: auto;
}

div[id$="_tt_active"] {
	background-color: #eaeaea !important;
	background-image: none;
	border-radius: 2px; 
}
div[id$="_tt_active"].k-tooltip {
	padding: 20px;
	box-sizing: border-box;
}
div[id$="_tt_active"].k-tooltip p {
	margin: 0px;
	line-height: 20px;
	text-align: left;
}

div[id$="_tt_active"] .k-callout-s {
	border-top-color: #eaeaea !important;
	bottom: -24px;
    margin-left: -12px;
}

div[id$="_tt_active"] .k-callout {
	border-width: 12px;
}

#overlay-panel-my-feed #pe-messaging {
	border: 0px ;
	width: 100%;
	height: calc(100vh - 140px);
}


.k-list-container.k-state-border-up {
	border-radius: 0px !important;
}
.k-popup.k-list-container {
	padding: 0px !important;
	background-color: #eaeaea;
	border: 0px !important;
	right: 1px;
}

.k-popup {
	box-shadow: rgba(0, 0, 0, 0.133) 0px 3.2px 7.2px 0px, rgba(0, 0, 0, 0.11) 0px 0.6px 1.8px 0px !important;
}

#main-content-list-view {
	display: grid;
	grid-template-columns: 2fr 1fr;
	height: 100%;
	column-gap: 12px;
}

#list-view-container {
	display: grid;
	grid-template-rows: max-content;
	row-gap: 12px;
	background-color: #ffffff;
	padding: 12px;
}
#list-view-header {
	display: grid;
	grid-template-columns: max-content auto;
	grid-template-rows: 32px auto;
}
#list-view-header-title {
	align-self: center;
	font-size: 18px;
	font-weight: 600;
}
#list-view-header-actions {
	display: grid;
    justify-content: end;
}

#list-view-header-description {
	grid-column: 1 /span 2;
}

.list-view-content-item {
	display: grid;
	grid-template-columns: max-content 1fr auto;
	align-items: center;
	column-gap: 4px;
	font-size: 14px;
}
.list-view-content-item:hover {
	background-color: rgb(243, 242, 241);
}

.content-item-label {
	font-weight: 600;
	text-align: right;
	padding-left: 12px;
}


.list-view-content-actions {
	display: grid;
    justify-content: end;
}

#app-main-header-title,
.app-overlay-panel-header-title {
	font-size: 21px;
    line-height: 28px;
    font-weight: lighter;
}
#app-main-header-description {
	grid-column: span 2;
	grid-area: main-header-description;
}
#hamburger,
#search,
#app-sidebar-content__collapse,
#app-sidebar-actions__filter-icon {
	cursor: pointer;
}


.hamburger,
#header,
#left-panel-container,
#left-panel-container .k-header,
#status-bar-container {
	background-color: #323130;
	color: #ffffff !important;
	background-image: none;
	border: 0px;
}

.hamburger i.ms-Icon,
#header i.ms-Icon,
#left-panel-container  i.ms-Icon,
#status-bar-container  i.ms-Icon {
	color: #f09000;
	cursor: pointer;
}

.hamburger i.ms-Icon:hover,
#header i.ms-Icon:hover,
#left-panel-container  i.ms-Icon:hover,
#status-bar-container  i.ms-Icon:hover {
	background-color: #2f2e2d; /*rgb(44, 43, 42)*/
	color: #d88100;
	cursor: pointer;
}

.app-overlay-panel-container {
	padding: 12px;
    grid-column: 2;
    grid-row: 1;
    background: #fff;
	grid-template-rows: min-content auto;
	box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
}

.app-overlay-panel-header { 
	display: grid;
	grid-template-columns: auto min-content;
	grid-template-rows: auto 32px;
}
.app-overlay-panel-header-actions { 
	display: grid;
    grid-template-columns: 1fr;
    align-content: end;
}
.app-overlay-panel-header-description {
    grid-column: span 2;
}

.app-overlay-panel-content__search { 
	display: grid;
	grid-template-columns: auto 32px;
	grid-template-areas: "search-input search-button"
}

#overlay-panel-search .app-overlay-panel-content {
	display: grid;
	row-gap: 12px;
}

#module-search-input {
	grid-area: search-input;
    padding: 0px 8px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid rgb(138, 136, 134);
}

#module-search-input:hover,
#module-search-input:focus,
#module-search-input:active {
	border-color: rgb(32, 31, 30);
    box-shadow: none;
    outline: none;
}

#module-search-button {
	grid-area: search-button;
}

#module-tasks-list .task-list-item{
	display: grid;
	grid-template-columns: 16px auto;
}

.app-overlay-panel-header-actions > .ms-Icon {
	font-size: 16px;
}


.app-main-header-notificaitons {
	grid-column: span 2;
	grid-area: main-header-notifications;
}

.app-main-header-notificaitons .k-notification {
    border: 0px;
	border-radius: 0px;
	background-image: none;
}
.app-main-header-notificaitons .k-notification-wrap {
    padding-top: 17px;
    padding-bottom: 15px;
    padding-left: 16px;
    color: rgb(50, 49, 48);
	line-height: 16px;
	
}
.app-main-header-notificaitons .k-notification-error {
    background-color: rgba(232, 17, 35, 0.2);
	padding: 8px;
}
.app-main-header-notificaitons .k-notification-info {
	background-color:rgba(113, 175, 229, 0.2);
	padding: 8px;
}
.app-main-header-notificaitons .k-notification-success {
	background-color: rgba(95, 210, 85, 0.2);
	padding: 8px;
}


.app-main-header-notificaitons .k-notification-error .k-icon.k-i-error {
    color: rgb(164, 38, 44);
}
.app-main-header-notificaitons .k-notification-wrap .k-i-error::before {
    content: "\EA39" ;
    font-family: FabricMDL2Icons;
}

.app-main-header-notificaitons .k-notification-info .k-icon.k-i-info {
    color: rgb(0, 24, 143);
}
.app-main-header-notificaitons .k-notification-wrap .k-i-info::before {
    content: "\E946" ;
    font-family: FabricMDL2Icons;
}

.app-main-header-notificaitons .k-notification-success .k-icon.k-i-success {
    color: rgb(16, 124, 16);
}
.app-main-header-notificaitons .k-notification-wrap .k-i-info::before {
    content: "\E930" ;
    font-family: FabricMDL2Icons;
}



.app-main-header-notificaitons .k-notification-wrap > .k-icon {vertical-align: top;}
.app-main-header-notificaitons .k-notification-wrap > .k-icon.k-i-close {
    top: 24px;
    right: 8px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-family: 'FabricMDL2Icons';
    font-style: normal;
    font-weight: normal;
    speak: none;
    height: 32px;
    width: 32px;
}

.app-main-header-notificaitons .k-notification-wrap > .k-icon.k-i-close:hover {
    background-color: rgb(243, 242, 241);
}

.app-main-header-notificaitons .k-notification-wrap .k-i-close::before {
    content: "\E894" ;
}
.app-main-header-notificaitons .k-notification-wrap .k-i-close::before {
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: rgb(50, 49, 48);
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-family: 'FabricMDL2Icons';
    margin-top: 0px;
    margin-right: 4px;
    margin-bottom: 0px;
    margin-left: 4px;
    text-align: center;
    vertical-align: middle;
    flex-shrink: 0;
    padding: 10px 6px;
}



#app-sidebar-content > .k-panelbar .k-content,
#app-sidebar-content > .k-panelbar .k-item,
#app-sidebar-content > .k-panelbar .k-panel {
	background-color: #323130;
	color: #ffffff;
	border: 0px;
}


@media only screen and (min-width: 320px) and (max-width: 479px)   {
	#processevo-application.sidebar-is-visible {
		grid-template-columns: 200px repeat(4, 1fr);
	}

	#processevo-application.sidebar-is-hidden {
		grid-template-columns: repeat(4, 1fr);
	}

	#processevo-application.sidebar-is-visible #header {
		grid-column: 1 / 6;
	}
	#header {
		grid-column: 1 / 5;
	}

	#left-panel-container.is-opened {
		grid-column: 1;
		grid-row: 2 / 3;
	}

	#main-container.main-is-boxed {
		grid-column: 2 / 6;
		grid-row: 2 / 3;
	}
	
	#processevo-application.sidebar-is-visible #overlay-panel {
		grid-column: 1 / 6;
	}
	#overlay-panel {
		grid-column: 1 / 5;
	}

	#app-header-info {
		width: calc(100vw - 52px);
	}
	#app-header-info__tenant-info {
		white-space: nowrap;
		width: 100%;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
	}
	#app-header-actions {
		padding-right: 0px;
	}
	
	#app-header-info__logo,
	#app-header-info__separator	{
		display: none;
	}
	#app-header-info__icon-logo {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}
	#app-header-info__tenant-info {
		margin-left: 12px;
	}
	
	#processevo-application.sidebar-is-visible #status-bar-container {
		grid-column: 1 / 6;
	}
	#status-bar-container {
		grid-column: 1 / 5;
	}
}


@media only screen and (min-width: 480px) and (max-width: 639px)   {
	
	#processevo-application.sidebar-is-visible {
		grid-template-columns: 200px repeat(4, 1fr);
	}

	#processevo-application.sidebar-is-hidden {
		grid-template-columns: repeat(4, 1fr);
	}

	#processevo-application.sidebar-is-visible #header {
		grid-column: 1 / 6;
	}
	#header {
		grid-column: 1 / 5;
	}

	#left-panel-container.is-opened {
		grid-column: 1;
		grid-row: 2 / 3;
	}

	#main-container.main-is-boxed {
		grid-column: 2 / 6;
		grid-row: 2 / 3;
	}

	#processevo-application.sidebar-is-visible #overlay-panel {
		grid-column: 1 / 10;
	}
	#overlay-panel {
		grid-column: 1 / 9;
	}

	#app-header-info {
		width: calc(100vw - 52px);
		justify-content: start;
	}
	#app-header-info__tenant-info {
		white-space: nowrap;
		max-width: 100%;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
	}
	#app-header-actions {
		padding-right: 0px;
	}

	#app-header-info__logo,
	#app-header-info__separator	{
		display: none;
	}
	#app-header-info__icon-logo {
		display: block;
		margin-left: 0px;
		margin-right: 0px;
	}
	#app-header-info__tenant-info {
		margin-left: 12px;
	}
	
	#processevo-application.sidebar-is-visible #status-bar-container {
		grid-column: 1 / 10;
	}
	#status-bar-container {
		grid-column: 1 / 9;
	}
}

@media only screen and (min-width: 640px) and (max-width: 767px)   {	
	#processevo-application.sidebar-is-visible {
		grid-template-columns: 200px repeat(8, 1fr);
	}

	#processevo-application.sidebar-is-hidden {
		grid-template-columns: repeat(8, 1fr);
	}

	#processevo-application.sidebar-is-visible #header {
		grid-column: 1 / 10;
	}
	#header {
		grid-column: 1 / 9;
	}

	#left-panel-container.is-opened {
		grid-column: 1;
		grid-row: 2 / 3;
	}

	#main-container.main-is-boxed {
		grid-column: 2 / 10;
		grid-row: 2 / 3;
	}

	#processevo-application.sidebar-is-visible #overlay-panel {
		grid-column: 1 / 10;
	}
	#overlay-panel {
		grid-column: 1 / 9;
	}

	#app-header-info {
		width: calc(100vw - 52px);
		justify-content: start;
	}
	#app-header-info__tenant-info {
		white-space: nowrap;
		max-width: 100%;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
	}
	#app-header-actions {
		padding-right: 0px;
	}

	#processevo-application.sidebar-is-visible #status-bar-container {
		grid-column: 1 / 10;
	}
	#status-bar-container {
		grid-column: 1 / 9;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1023px)   {
	
	#processevo-application.sidebar-is-visible {
		grid-template-columns: 200px repeat(8, 1fr);
	}

	#processevo-application.sidebar-is-hidden {
		grid-template-columns: repeat(8, 1fr);
	}

	#processevo-application.sidebar-is-visible #header {
		grid-column: 1 / 10;
	}
	#header {
		grid-column: 1 / 9;
	}

	#left-panel-container.is-opened {
		grid-column: 1;
		grid-row: 2 / 3;
	}

	#main-container.main-is-boxed {
		grid-column: 2 / 10;
		grid-row: 2 / 3;
	}

	#processevo-application.sidebar-is-visible #overlay-panel {
		grid-column: 1 / 10;
	}
	#overlay-panel {
		grid-column: 1 / 9;
	}

	#app-header-info__tenant-info {
		white-space: nowrap;
		max-width: 100%;
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
	}
	#app-header-actions {
		padding-right: 0px;
	}
	#processevo-application.sidebar-is-visible #status-bar-container {
		grid-column: 1 / 10;
	}
	#status-bar-container {
		grid-column: 1 / 9;
	}
}

.k-widget.k-window.k-dialog {
	box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;
	width: 340px;
	border: 0;
	border-radius: 0px;
}

.k-window-titlebar.k-dialog-titlebar.k-header {
    margin: 0px;
    padding: 16px 46px 24px 24px;
	line-height: normal;
	border: 0;
	background-color: #ffffff;
}

.k-window-title.k-dialog-title {
	font-size: 20px;
    font-weight: 600;
    color: rgb(50, 49, 48);
}
.k-dialog .k-content,
.k-dialog-buttongroup.k-dialog-button-layout-stretched  {
	padding: 0px 24px 24px 24px !important;
}
.k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
	flex: none !important;
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	cursor: pointer;
	vertical-align: top;
	padding: 0px 16px !important;
	min-width: 80px;
	height: 32px;
	border-radius: 2px !important;
	background-image: none;
	margin-left: 12px;
}
.k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:last-child {
	/*margin-left: 12px;*/
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
	background-color: #ffffff;
	border: 1px solid rgb(138, 136, 134) !important;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:hover,
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:focus,
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:active {
	background-color: rgb(243, 242, 241);
	box-shadow: none;
	color: #323130
}

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button.k-primary {
	background-color: #f09000;
	border: 1px solid #f09000 !important;
}
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button.k-primary:hover,
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button.k-primary:focus,
.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button.k-primary:active {
	background-color: #d88100;
	box-shadow: none;
	color: #ffffff;
	border: 1px solid #d88100 !important;
}

.k-i-close:before {
	font-family: FabricMDL2Icons;
    content: "\E894" !important;
}
.k-dialog-titlebar .k-dialog-actions {
    top: 14px !important;
    right: 14px !important;
}
.k-window-titlebar .k-window-action {
    padding: 0 !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 1 !important;
}

.k-window-titlebar .k-window-action:hover,
.k-window-titlebar .k-window-action:focus,
.k-window-titlebar .k-window-action:active {
	border-radius: 0px;
	background-color: #eaeaea !important;
	border: 0;
}
.k-button.k-bare.k-button-icon.k-window-action.k-dialog-action.k-dialog-close {
	background-color: transparent !important;
	transition: none !important;
	border: 0;
}

@media only screen and (min-width: 1024px) and (max-width: 1365px)   {
	
	#processevo-application.sidebar-is-visible {
		grid-template-columns: 200px repeat(12, 1fr);
	}

	#processevo-application.sidebar-is-hidden {
		grid-template-columns: repeat(12, 1fr);
	}

	#processevo-application.sidebar-is-visible #header {
		grid-column: 1 / 14;
	}
	#header {
		grid-column: 1 / 13;
	}

	#left-panel-container.is-opened {
		grid-column: 1;
		grid-row: 2 / 3;
	}

	#main-container.main-is-boxed {
		grid-column: 2 / 14;
		grid-row: 2 / 3;
	}
	#processevo-application.sidebar-is-visible #overlay-panel {
		grid-column: 1 / 14;
	}
	#overlay-panel {
		grid-column: 1 / 13;
	}
	#processevo-application.sidebar-is-visible #status-bar-container {
		grid-column: 1 / 14;
	}
}