/* It's very important that we set the height in the class rather than in the style, because the style can be removed by the drawer widget */
#aware_app {
	height: 100%;
}
/* If we don't specify default font sizes he .k-sprite size of 0 will be used */
.fa, .fab,.fas, .far, .fal, .fat, .fad, .fadr, .fadl, .fadt, .fass, .fasr, .fasl, .fast, .fasds, .fasdr, .fasdl, .fasdt, .ini
{
  font-size: 1em;
  width: 1.28rem;
  height: 1.28rem;
}
.k-button .k-sprite,.k-tabstrip .k-sprite {
    margin-right: 0.2em;
}
.k-listview .k-sprite,
.k-listview .k-sprite::before {
	opacity: 1.0;
	margin-right: 3px;
}
/* so that it can be displayed in a popup window */
.k-actionsheet-container {
	z-index: 40000;
}
.aw-list-menu li {
	padding: 0.5em 0.7em;
	border: 1px solid #ccc;
	cursor: pointer;
}
.k-mobile .aw-list-menu li {
	padding: 1em 0.7em;
}
.aw-panelbar-item .k-sprite{
	margin-right: 0.3em !important;
}
/* Gap between icon and text is too big by default */
.k-button {
	gap: 0.1rem;
}
span.aw-text-input {
    align-items: center;
    justify-content: space-between;
    padding-left: 8px;
    background-color: white;
}
input.aw-text-input {
	border: none;
}
textarea {
	padding-left: 12px !important;
	padding-right: 12px !important;
}
/* Also it sets max width to 100px in the horiz. orientation */
.k-card-horizontal .k-card-image {
	max-width: 100000px;
}
.aw-form-buttons .k-button {
	display: inline-flex;
}
/* Make sure index of the mask is greater than that of window (10003), so that it can be displayed on top of it */
.k-loading-mask {
  z-index: 10100 !important;
}
/* splitter hides overflow, so unless we make it visible popup menu items will not be shown */
#BAS_FRAME_top_bar {
   overflow: visible;
}
/* When there is no text margin doesn't look good */
.k-sprite.aw-tool-no-text,
.aw-trigger-button .k-sprite,
.aw-ss-button .k-sprite,
.aw-link-no-text .k-sprite,
.aw-link-no-text .k-sprite:before,
.k-rpanel-toggle .k-sprite.aw-no-text,
.k-sprite.aw-tool-no-text::before {
	margin-right: 0px; 
}
/* Hide the Grid header, pager and operations during PDF export */
.k-pdf-export .k-grid-toolbar,
.k-pdf-export .k-pager-wrap,
.k-pdf-export .aw-link,
.k-pdf-export .k-filter-row
{
    display: none;
}
.k-pdf-export .k-scheduler-toolbar,
.k-pdf-export .k-scheduler-navigation .k-nav-today,
.k-pdf-export .k-scheduler-navigation .k-nav-prev,
.k-pdf-export .k-scheduler-navigation .k-nav-next,
.k-pdf-export .k-scheduler-footer
{
    display: none;
}
.k-pdf-export .k-gantt-toolbar
{
    display: none;
}
.fa.k-sprite.aw-closable-tab::before {
	font-size: 12px !important;
}
.k-window-content .aw-form-body {
	padding-top: 5px;
}
.aw-closable-tab {
	position: relative;
	top: 2px;
	left: 0px;	
	height: 20px !important;
	cursor: pointer;
}
.k-tabstrip-left .aw-closable-tab,.k-tabstrip-right .aw-closable-tab {
	position: absolute;
	left: initial;
	right: 2px;	
}
.aw-req-field {
    vertical-align:top;
}
.k-window .aw-form {
	padding-bottom: 15px;
}
.aw-form-custom-header {
	background-color: inherit;
}
.aw-form-body {
    padding-left: 15px;
    padding-right: 15px;
    padding-top:  15px;
}
.aw-phone .k-grid, .aw-phone .aw-form {
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 18px;
  padding-right: 25px;
}
.aw-phone .aw-form .k-grid {
  padding: 0px;
}
.aw-phone .aw-form-body {
    padding: 0px;
}
.aw-tab-section {
    padding-top:  15px;
}
.aw-phone .aw-tab-section {
    padding-top:  5px;
}
.aw-phone .k-pane-wrapper.k-widget {
	border: none;
}
.aw-phone .k-tabstrip-top > .k-tabstrip-items-wrapper {
    border: none;
}
.aw-phone .k-tabstrip-content {
	padding-block: 10px;
	padding-inline: 0px;
}

.aw-form-buttons {
    padding-top: 20px;
    padding-bottom: 15px;
    padding-left: 8px;
    padding-right: 8px;
}
.aw-continue-button {
	width: 90px;
}
.aw-cancel-button, .aw-close-button {
	width: 70px;
}
.aw-stepper-wizard {
    margin-top: 15px;
    margin-bottom: 32px;
}
.k-stepper {
	background-color: inherit !important;
}
/* Without it long labels are cut-off */
.k-stepper .k-step-label {
	display: inline-block !important;
}
/* This has been copied from panelbar */
.aw-panel-header {
	display: block;
	line-height: 2.34em;
	padding-left: 14px;
	padding-right: 14px;
	position: relative;
	cursor: initial !important;
}
.aw-panel-header-icon, .aw-panel-header-img {
	margin-right: 8px;
}
.k-sprite.aw-panel-header-icon
{
	vertical-align: middle;
}
.aw-panel-header-elem {
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* Used in AwareApp_FramePanel */
.aw-panel-header-placeholder {
	height:  100%;
	width:   35px;
}
.aw-panel-placeholder-title {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform-origin: 50% 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	margin-top: 18px;
	margin-left: -2px;
}
.aw-panel-collapsed {
	margin-bottom: 5px;
}
/* Copied from k-panelbar-expand */
.aw-panel-tool {
	cursor: pointer;
	position:absolute;
	top:50%;
	right:8px;
	margin-top:-8px;
	opacity: 0.5;
	color: white;
	font-size: 16px;
}
.aw-panel-placeholder-tool {
	cursor: pointer;
	opacity: 0.5;
	color: white;
	font-size: 16px;
	margin-left: 10px;
	margin-top: 10px;
}
.aw-menu-item {
    border-bottom: 1px solid #e3e3e3 !important; 
}
.aw-menu-spacer {
	width: 40px;
	display: inline-block;
}
.aw-menu-toolbar {
	border: none;
}
.aw_main_splitter {
	border-width: 0px;
}
#aw_menu_top_bar {
    box-shadow: none;
    margin-top: 5px;
}
#BAS_FRAME_left_wr {
    border-right: 1px solid rgb(204,204,204);
}
#BAS_FRAME_left_wr .k-panelbar .k-link 
{
	padding: 6px 1em; 
}
/* Turn off overflow so that it is enabled on the parent div, which looks nicer */
.aw-tree-menu {
	overflow: initial !important;
}
.aw-tree-menu span.k-in {
  cursor: pointer;
}
.k-window .aw-form-buttons {
	border-style: none;
}
.aw-item-disabled * {
	cursor:default!important;
}
.aw-item-disabled .ui-resizable-handle {
	cursor:e-resize!important;
}
.aw-item-disabled label {
	color: #aba1a1;
}
.aw-label-top {
	width: 100%;
}
.form-group.aw-label-top {
	white-space: normal;  /* Must wrap around */
}
/* This has been copied from Bootsrap col- classes for columns with defined width % */
.aw-column {

	position: relative;
	float: left;
}
.aw-fieldset {
	margin-top: 5px;
	margin-bottom: 1.1em;
	padding-top: 0.2em;
	padding-right: 1.1em;
	padding-left:  1.1em;
	position: relative;
}
.aw-fieldset-collapsed {
	border-width: 1px 1px 0 1px;
	border-left-color: transparent;
	border-right-color: transparent;
	margin-bottom: 0px;
}
.aw-fieldset-icon {
	margin-left: 3px;
	margin-right: 3px;
	cursor: pointer;
}
.aw-fieldset-legend {
	overflow: hidden;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 1px;
	/* Override Bootstrap styles */
	width: auto !important;
	font-size: 1.1em !important;
	border-bottom-style: none !important;
	margin-bottom: 0.8em !important;
}

.aw-html-box {
	display: table-cell;
	padding-right:1em;
}

/* Override Bootstrap settings */
.aw-trigger-button {
    width: 30px !important;
    padding-left: 0px;
    padding-right: 0px;
    background-color: transparent;
    padding-top: 5px;
}
.aw-html-box-wrapper .aw-trigger-button {
	vertical-align: middle;
}
.aw-help-right {
	margin-left: 10px;
}
.aw-input-group .aw-help-right {
	padding-left: 10px;
	display: table-cell;
	white-space: nowrap;
	width: 2%;
}
/* Reduce default of 10px */
.aw-help-under,.aw-char-counter {
	margin-bottom: 5px;
}
.aw-help-under-ops {
	display: table-row;
	position: relative;
	top: 5px;
}
/* Using Bootstrap input-group causes all sorts of problems with Kendo form widgets - their markup is not compatible with this. So we are taking only what is essential */
.aw-input-group {
	display: inline-table;
}
.aw-radio-group-label {
	padding-top: 2px;
}
.aw-invisible-row,.aw-field-invisible {
	display: none !important;
}
.aw-column-multi .aw-field-invisible {
	visibility: hidden;
	display: inline-block !important; /* Make sure the space is allocated for the field */
}
.aw-field-visible {
	display: inline-block;
}
.aw-column-multi .aw-field-visible {
	visibility: visible;
}
.aw-ref-tabs {
	margin-top: 15px;
}
.aw-vertical-toolbar {
	vertical-align: top;
}
.aw-vertical-left-toolbar {
	padding-left: 10px;
}
.aw-vert-left-toolbar, .aw-vert-right-toolbar {
	display: block !important;
}
div.aw-vertical-toolbar button:not(.k-step-link) {
	display: block !important;
	margin: 10px !important;
	text-align: left !important;
}
div.aw-vertical-toolbar .k-split-button a, div.aw-vertical-toolbar .k-split-button .k-split-button-arrow {
	display: inline-block !important;
	margin: 0px !important;
}
div.aw-vertical-toolbar .k-split-button {
	margin: 0px 10px 10px 10px !important;
	text-align: left !important;
}
/*
.aw-horiz-top-toolbar {
	margin-bottom: 10px;
}
.aw-horiz-bottom-toolbar {
	margin-top: 10px;
}
*/
.aw-vp-tl-td {
	vertical-align: top;
}
.aw-msgbox-msg {
	text-align: center;
	margin-top: 5px;
}
.aw-msgbox-buttons {
	text-align: center;
}
/* This adds some spaces to the list of columns in the query column menu */
.k-menu-group.k-popup input[type=checkbox] {
	margin-right: 5px !important;
}
.aw-link {
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 3em !important;  /* for links with no text */
}
.aw-link.k-button {
	padding-left: 0.7em;
	padding-right: 0.7em;
	padding-top: 6px;
	padding-bottom: 6px;
}
.aw-link.k-button.aw-link-no-text {
	padding-left: 0.3em;
	padding-right: 0em;
	height: 2.5em;
}
.aw-link img {
	padding-right: 3px;
}
.aw-link.aw-link-no-text img {
	padding-right: 0px;
}
.aw-decorated-grid-cell {
	overflow: hidden;
	text-overflow: ellipsis;
}
/* In tree grids we must have inline, otherwise the row will be displayed underneath the expand symbol */
.k-treelist .aw-decorated-grid-cell {
        display: inline;
}
.aw-hover-form-table {
	padding-bottom: 10px;
	width: 170px;
}
.aw-hover-form-header {
	padding-bottom:  12px;
	text-align: center;
}
.aw-hover-form-tr {
	height:  20px;
}
.aw-hover-form-td-label {
	vertical-align:  top;
	text-align: right;
}
.aw-hover-form-td-value {
	vertical-align:  top;
	padding-left:  10px;
	text-align: left;
}
/* Upload widget in a form */
.form-inline .k-upload {
	display: inline-block;
	vertical-align: middle;
}
/* In Kendo font size is set to 170px (why??) - this causes issiues in FF */
.k-upload-button-wrap input {	
	font-size: initial !important;
}
.k-upload-actions, .k-file-icon-wrapper {
	cursor: pointer;
}
.aw-picture-wrapper {
	display: inline-block;
	text-align: center;
}
.aw-label-top .aw-picture-wrapper {
	display: block;
}
.aw-picture-files-shown {
	z-index: 10000;   /* Make sure we are not overwritten by other rows that can obscure control buttons */
}
.aw-picture {
	margin-bottom: 10px;
	cursor: pointer;
}
.aw-picture-file {
	cursor: pointer;
}
.aw-image-editor-wrapper {
	display:  inline-block;
	min-width: 450px;
}

.form-inline .aw-picture-wrapper .k-upload {
	display: block;
}
.aw-editor-wrapper {
	display: inline-block;
	vertical-align: top;
}
.aw-signature-pad canvas
{
 	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
 	background-color: white;
}
.aw-signature-clear-button
{
	margin-top: 10px !important;
}
a.aw_custom_form_button
{
	cursor: pointer !important;
}
.aw_custom_form_button.hide-label {
	position: relative;
	top: -4px;
}
.aw_custom_form_button.aw-custom-form-button-row {
	margin-right: 8px;
}
.aw-checkbox-label {
	display: inline;
}
.aw-label-top .aw-checkbox-label {
	display: inline-block;
}
.aw-checkbox-group-label {
	vertical-align: top;
}
.aw-checkbox-group {
	vertical-align: top;
}
.aw-checkbox-group input {
	vertical-align: middle !important;
}
.aw-checkbox-group.ui-resizable, .aw-ss-wrapper.ui-resizable {
	border: dashed 1px rgb(177,169,169);
}
.aw-checkbox-group label {
	font-weight: normal !important;
	margin-left: 8px !important;
	top: 3px;
}
.aw-checkbox-group td {
	padding-left:  0px !important;
	padding-top:   0px !important;
	border: none !important;  /* This is relevant when a form is inside expanded grid */
}

/* Bootstrap changes */
/* This is for responsive grid layout. Kendo has content-box sizing which throws calculation of widths for Bootstrap. Can be a risky change */
.k-widget .container *{
	box-sizing: border-box !important;
}
/* container-fluid setting that sets box-sizing to border-box below will screw up vertical header in grids, grid headers should be exempt from this change */
.container-fluid .k-grid-header th.k-header,
.container-fluid .k-grid-header a.k-link {
	box-sizing: content-box !important;
}
.k-widget .container-fluid *{
	box-sizing: border-box !important;
}
/* This is a correction to Bootstrap where margins are set to -15px - this causes scrollbars in forms */
.aw-form .form-inline .form-group,
.form-inline .k-grid {
	margin-bottom: 1em !important;
}
.control-label {
	padding-right: 10px;
	box-sizing: border-box;   /* This is important when label column width is specified in % */
}
/* This is borrowed from Kendo UI */
.row,
.container-fluid {
   padding: 0;
   margin: 0;
}
/* dashboard control */
.form-group.aw-adc {
	margin-bottom: 5px !important;
}
.aw-adc-header {
	margin-bottom: 10px;
}
/* Calendar */
.aw-cal-title-img {
	display: inline-block;
	margin-right: 3px;
}
.aw-cal-event {
	height: 100%;
}
.aw-progress-bar {
	margin-top: 15px;
	margin-bottom: 15px;
}
.aw-online-switch {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.aw-badge.badge {
	margin-left: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	position: relative;
	top: -6px;
	right: -2px;
	font-size: 9px;
}
.aw-menu-panelbar .aw-badge.badge, 
.aw-list-menu .aw-badge.badge, 
.aw-menu .aw-badge.badge 
{
	right: -6px;
}
.aw-modern-left-menu .aw-badge.badge
{
	top: -46px;
}
.aw-form .aw-badge.badge
{
	right: -4px;
}
.aw-empty-data {
	padding: 5px;
}
/* Vertical orientation of column names in grids */
.k-grid-header .k-header .verticalText{
  display: inline-block;
  white-space: nowrap;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
  position: absolute;
  padding-left: 20px;
}
.aw-pres-wrapper ul {
  list-style-type: none;
}
/* Prevents underlining on mouse hover in presentations */
.aw-pres-wrapper a:hover{
	text-decoration: none;
}
/* Override validator settings */
span.k-widget.k-tooltip-validation {
    margin: 0px 0px 0px 5px;
    color: red;
    background-color: transparent;
    border: 0;
}
/* Swap select */
.aw-swap-select {
	min-height:  180px;
	min-width:   150px;
	width:       100% !important;
	height:      100% !important;
}
.aw-ss-label {
	vertical-align: top !important;
}
.aw-ss-wrapper {
	display: inline-table;
	white-space: normal;
}
.aw-ss-column {
	display: table-cell;
	vertical-align: top;
	margin-right: 20px;
	height: 100% !important;
}
.aw-ss-button-column {
	padding-left: 20px;
	padding-right: 20px;
}
.aw-ss-button {
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
	width: 40px;
}
.aw-ss-labels-wrapper {
	display: table-row;
}
.aw-ss-label-from, .aw-ss-label-to {
	display: table-cell;
	padding-bottom: 8px;
}
#aw-polygon-tip {
	background-color: rgb(249,249,179);
	border: 1px solid black;
}
.aw-color-box {
	width:  100%;
	height: 20px;
}
.aw-mobile-header .aw-panel-header {
	font-weight: normal;
	font-size: 18px;
	text-align: center;
}
/* operation on record button in list view */
.aw-mobile-lvb {
	position: absolute;
	right: 10px;
	top: 30%;
	padding: 0.8em;
}
.aw-mobile-lvb .k-sprite,.aw-mobile-lvb .k-sprite::before {
	margin-right: 0px; 
}
.aw-text {
	margin-right: 8px;
}
.aw-mobile-tab {
	min-width: 100px;
}
.aw-mobile-tab-icon {
	padding-top: 16px;
	/*padding-bottom: 26px*/
	height:40px;;
	padding-left: 4px !important;
	padding-right: 4px !important;
	width: 100% !important;
	/*display: block; */
	margin: 0px !important;
}
.aw-mobile-tab-text {
	font-size: 14px;
	padding-left: 4px !important;
	padding-right: 4px !important;
	width: 100% !important;
	text-align: center !important;
	display: block !important;
}
li.aw-mobile-tab {
	display: block !important;
	text-align: center;
}
/* after is important for DuoTone fonts */
.k-sprite.aw-mobile-tab-icon:before, .k-sprite.aw-mobile-tab-icon:after {
	/*display: block; - doesn't work in Duotone font*/
	font-size: 25px !important;
	margin-right: 0px;
}
.aw-mobile-tab-badge {
	top: 6px ! important;
    right: 6px !important;
    position: absolute !important;
}
/* Swap effect for transitions -  the initial position of the next div */
 .k-fx-swap.k-fx-start .k-fx-next {
     -webkit-transform: translatex(100%);
     -moz-transform: translatex(100%);
     transform: translatex(100%);
 }
 /* the final position of the current div */
 .k-fx-swap.k-fx-end .k-fx-current {
     opacity: 0;
     -webkit-transform: scale(0.9);
     -moz-transform: scale(0.9);
     transform: scale(0.9);
 }
 
 .aw-udq-first .aw-checkbox-group td
{
	padding-bottom: 0px !important;
	padding-top: 5px;
}
#aw-eq-attr-grid
{
	margin-bottom: 5px !important;
}
/* Fieldset has overflow hidden, so grids don't scroll properly if places inside */
.aw-fieldset .k-grid {
	overflow: auto;
}
/* splitbutton for item operations */
.aw-iomb.k-toolbar {
	border: none;
	background-color: transparent;
}
.aw-iomb .k-split-button-arrow {
	min-width: initial !important;
}
.aw-modern-tb-query {
	border: none;
	box-shadow: none;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}

.aw-modern-caption {
	font-size: 15px;
	font-weight: 600;
}

/* Toggle left menu command - icons only */
.aw_left_min_width .k-panelbar-item-text, .aw_left_min_width .k-menu-link-text {
	display: none;
}
.aw_left_min_width .k-group .k-menu-link-text {
	display: flex !important;
}
.aw_left_min_width .k-sprite{
	margin-right:  0px !important;
}
.aw_left_min_width .k-panelbar-item > .k-link, .aw_left_min_width .k-menu-link {
	padding-inline: 5px !important;
	justify-content: center;
}
.aw_left_min_width .aw-modern-left-menu .k-panelbar-item-text {
    display: none !important;
}
.aw_left_min_width .k-menu-item {
	padding-block: 0.8em;
}

/* Modern left menu */
.aw-modern-left-menu.k-panelbar {
	text-align: center;
}
.aw-modern-left-menu.k-panelbar ul {
	border-bottom: none;
}
.aw-modern-left-menu.k-panelbar .k-link {
	display: block !important;
	border: none;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.aw-modern-left-menu.k-panelbar .k-link .k-sprite {
    display: block;
    width: 100% !important;
    font-size: 32px !important;
    line-height: 2.9em !important;
    height: 2em;
    margin-bottom: 3px;
}
.aw-modern-left-menu .k-sprite {
    margin-top: 0.0em !important;
}
.aw-modern-left-menu .k-panelbar-header {
    border: none !important;
}
.aw-business-space {
    font-weight: 600;
    font-style: italic;
    margin-left: 20px;
}
#aw_mobile_popup {
	background-color: rgb(51,51,51) !important;
	color: white;
	font-size: 19px !important;
}
#aw_mobile_popup .k-actionsheet-item {
	border: 1px solid rgba(255,255,255,0.2);
}
#aw_mobile_popup .k-actionsheet-item:hover {
	color: rgb(51,51,51) !important;
}

}/* CPCard */
.aw-cp-card {
	border-radius: 20px;
	cursor: pointer;
	height: 175px;
}
.aw-cp-card-item-lt,.aw-cp-card-item-lm,.aw-cp-card-item-lb,.aw-cp-card-item-mt,.aw-cp-card-item-mm,.aw-cp-card-item-mb,.aw-cp-card-item-rt,.aw-cp-card-item-rm,.aw-cp-card-item-rb {
	min-height: 25px;
	padding: 15px;
}
.aw-cp-card-item-mt,.aw-cp-card-item-mm,.aw-cp-card-item-mb {
	text-align: center;
}
.aw-cp-card-item-rt,.aw-cp-card-item-rm,.aw-cp-card-item-rb {
	text-align: right;
}
/* profiler */
.aw-prof-header {
	font-weight: bold;
	padding-bottom: 10px;
}
.aw-prof-value {
	padding-bottom: 10px;
}

/* Query preview */
.aw-pvw-grid .k-header th, .aw-pvw-grid .k-header a, .aw-pvw-grid td[role=gridcell] {
	cursor: pointer;
}

/* Form preview */
.aw-form.aw-pvw {
	/* This marks the border of the form for easy dragging */
	border-right: 1px dashed gray;
}
.aw-pvw-form-cell {
	/* background-color: rgb(255, 255, 210); */
	border: dashed 1px rgb(225,225,225);
}
.aw-pvw-multi-attr-cell {
	border-right: dashed 1px rgb(225,225,225);
}
.aw-pvw-multi-attr-cell.aw-pvw-multi-attr-cell-last {
	border-right: none;
}
.aw-pvw-form-cell.selected, .aw-fieldset.selected, .aw-pvw-grid-column-selected, .aw-pvw-tb-elem-selected  {
	background-color: cyan !important;
	border: solid 1px rgb(210,210,210) !important;
}
.aw-pvw-form-cell.col-selected, .aw-fieldset.col-selected  {
	background-color: #e3efdc !important;
	border: solid 1px rgb(210,210,210) !important;
}
.aw-pvw-elem, .aw-pvw-grid .k-filter-row, .aw-pvw-grid .k-grid-pager {
	cursor: pointer !important;
}
.aw-pvw-cpanel-selected {
	border: solid 2px cyan !important;
}
.aw-pvw-dd-draggable {
	opacity: 0.5;
}
.aw-pvw-dd-add-cell {
	background-color: lightyellow;
}
.aw-pvw-dd-insert-cell-before {
	border-top-color: brown !important;
	border-top-width: 3px !important;
	border-top-style: solid !important;
}
.aw-pvw-dd-insert-cell-after {
	border-bottom-color: brown !important;
	border-bottom-width: 3px !important;
	border-bottom-style: solid !important;
}
.aw-pvw-sortable-placeholder {
	border: solid 1px blue;
	opacity: 0.3;
}
.aw-pvw-cpanel-margins {
	border: 1px lightgray dashed;
}
.aw-pvw-palette {
	width: 180px;
	overflow:auto;
}
.aw-pvw-palette-header {
	height: 450px;
	overflow:auto;
}
.aw-pvw-palette-spacer {
	width: 10px;
}

/* Kanban */
.aw-kanban-col-wrapper {
	box-sizing: border-box !important;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
}
.aw-kanban-col-content {
	box-sizing: border-box !important;
    display: flex;
    flex-direction: column;
    max-height: 100%;
    min-height: 150px;
    position: relative;
    white-space: normal;
}
.aw-kanban-col-header {
    flex: 0 0 auto;
}
.aw-kanban-col-body {
    flex: 1 1 auto;
    margin-bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    margin: 0 4px;
    padding: 0 4px;
    min-height: 0;
    border: none;
    background-color: inherit !important;
}
.aw-kanban-item {
    cursor: move;
}
.aw-offline-grid-title, .aw-uds-grid-title {
	margin: 7px;
	color: brown;
	font-weight: bold;
}
.aw-offline-grid-title-system {
	margin-top: 20px;
}
.aw-offline-links {
	margin-top: -24px;
	float: right;
}
.aw-offline-link {
	text-decoration: underline;
	cursor: pointer;
}
.aw-uds-available {
	font-weight: normal;
}
/* Make rating in queries a little smaller */
.aw-rating .k-icon, .aw-rating-custom .k-icon {
	font-size: 20px !important;
}
/* grids on mobile don't look good */
.aw-phone .k-grid-md .k-table-td {
	padding-left: 5px;
	padding-right: 5px;
}
.aw-phone .aw-horiz-top-toolbar {
	box-shadow: none !important;
	padding-left: 0px !important;
}
.aw-phone .k-timeline-vertical, .aw-phone .k-timeline-horizontal {
	margin-block: 0px;
}

/* Value based filter */
.aw-vbf {
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	align-items: flex-start; 
	padding: 15px; 
	gap: 8px; 
	border-width: 1px 1px 0px 1px; 
	border-style: solid; 
	border-color: rgba(0, 0, 0, 0.08);
}
/* Unselected chips are displayed without an icon */
.aw-vbf .k-chip:not(.k-selected) .k-chip-icon {
   display: none;
}
/* for the container of a mobile scroll view */
.aw-msv-container {
    display: flex;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.aw-custom-query-cb {
	margin-left: 3px !important;
	margin-bottom: 4px !important;
}

.aw-label-image:before {
	margin-right: 5px;
}

.aw-data-assistant {
	/* 26 px is for the taskbar nd toolbar */
 	height: calc(100% - 26px);
 }
 
 .awda {
 	width: 100%;
 }
 .awda th,.awda td,.awda tr {
 	text-align: center;
 }
 
.k-filter-apply {
	margin-bottom: 8px;
}
.k-listview-item .k-checkbox, .k-listview-item .k-radio {
   width: 16px;
   height: 16px;
}
.k-mobile .k-splitter, .k-mobile .k-listview {
  border: none;
}
/* Kendo bug? Content beneath expanded panel can show through (Library app - dashboard tab) */
.k-rpanel-expanded {
	z-index: 2000;
}
/* PageGuide needs to be shown on popup windows - that's why its z-index needs to be big */
#lightboxOverlay {
	z-index: 99999 !important;
}
#lightbox {
	z-index: 100000 !important;
}
#tlyPageGuideWrapper #tlyPageGuideMessages {
	z-index: 100000 !important;
}
#tlyPageGuideWrapper .tlypageguide_toggle {
	z-index: 100000 !important;
}
#tlyPageGuideWrapper #tlyPageGuide li {
	z-index: 100000 !important;
}/* Seems like Kendo bug - for 480px date for scheduler is none and invisible */
@media only screen and (max-width: 480px) {
.k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
.k-ff .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, 
.k-ie11 .k-scheduler-toolbar li.k-nav-current .k-sm-date-format, 
.k-safari .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
display: inline;
}