@font-face {
	font-family: 'MyWeblySleek';
	src: url("fonts/weblysleek.eot");
	src: url("fonts/weblysleek.woff2") format("woff2"), url("fonts/weblysleek.woff") format("woff"), url("fonts/weblysleek.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Quicksand";
	src: url("fonts/quicksand.ttf") format("truetype");
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	position: absolute;
	box-sizing: border-box;
	left: 0px;
	top: 0px;
}

div {
	font-size: 8pt;
	font-family: 'WeblySleek UI';
	font-style: normal;
	font-weight: lighter;
	box-sizing: border-box;
	position: absolute;
	outline: none;
	overscroll-behavior: contain;
	overflow: hidden;
}

canvas {
	position: absolute;
	box-sizing: border-box;
	outline: none;
	display: inherit;
}

button, input, select, label, textarea {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	box-sizing: border-box;
	position: absolute;
	word-break: break-word;
}

input {
	padding-left: 4px !important;
}

	input:focus,
	select:focus,
	textarea:focus,
	label:focus,
	button:focus {
		outline: none;
	}

	input::-ms-clear {
		display: none;
	}

table, th, td, input, label {
	color: black;
	font-size: 8pt;
	font-family: 'WeblySleek UI', 'MyWeblySleek', 'Lucida Grande', 'Helvetica Neue';
	font-style: normal;
	font-weight: lighter;
	box-sizing: border-box;
	overflow: hidden;
	table-layout: fixed;
	border-collapse: collapse;
	outline: none;
	white-space: nowrap;
}

th, td {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
	user-select: none;
}

	td > * {
		vertical-align: middle;
	}

.center-center-element {
	display: flex;
	justify-content: center;
	align-items: center;
}

.center-left-element {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.center-right-element {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.zoom-bottom-right {
	position: absolute;
	right: 2%;
	bottom: 2%;
}

.gridview-cell-style {
	white-space: nowrap;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-style: solid;
	background-repeat: no-repeat;
	text-align: left;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-color: whitesmoke;
	border-bottom-color: whitesmoke;
	border-left-color: transparent;
	border-top-color: transparent;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.gridview-cell-number-style {
	text-align: right;
}

.gridview-cell-checkBox-style {
	margin: 0px;
}

.gridview-cell-style [focus=true] {
	border-style: dashed;
	border-width: 1px;
	background-color: lightyellow;
	color: black;
}

.gridview-cell-header {
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
	vertical-align: middle;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-right-color: whitesmoke;
	border-right-style: solid;
	background-repeat: no-repeat;
}

.gridview-cell-edit {
	padding-left: 0px !important;
	padding-right: 0px !important;
	overflow: hidden;
}

.gridview-cell-checkbox {
	padding: 0px !important;
}

.editing-control {
	position: relative !important;
	max-width: 100% !important;
	min-width: 100% !important;
	width: 100% !important;
	border-style: none !important;
	border-radius: 0px !important;
}

.cell-control {
	position: relative !important;
}

.form-container {
	width: 100%;
	height: 100%;
	margin: 0px;
	box-sizing: border-box;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000;
	overflow: auto;
}

.dialog-container {
	background-color: rgba(238, 238, 238, 0.4);
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
}

.dialog-container-effect {
	background-color: lightgray;
	opacity: 0.3;
}

.dialog-container-effect-cover {
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.form-space-panel {
	margin: 0px !important;
	padding: 0px !important;
	border-style: hidden !important;
	border-width: 0px !important;
	background-repeat: no-repeat;
	overflow: auto;
}

.measure-text {
	display: none;
	left: -1000px;
	top: -1000px;
}

.header-right {
	float: right;
	white-space: normal;
	vertical-align: top;
	display: inline-block;
	border-style: solid;
	border-width: 0px;
	border-color: transparent;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	opacity: 0.8;
}

	.header-right:hover {
		opacity: 1;
		border-color: darkorange;
		border-radius: 2px;
	}

.gridview-header {
	border: none;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	width: inherit;
	display: block;
	border-width: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.gridview-header-element {
	border: none;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	display: inline-block;
	border-width: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
}

.gridview-table {
	table-layout: fixed;
	white-space: nowrap;
	margin: 0px;
	max-width: none;
	border-spacing: 0px;
	empty-cells: show;
	border-width: 0px !important;
	padding: 0px !important;
	outline-width: 0px;
	display: inline-block;
	height: inherit;
	width: 100%;
	border-collapse: collapse;
	position: absolute;
	left: 0px;
	top: 0px;
}

.gridview-table-header {
	width: 100%;
	float: left;
	border-color: transparent !important;
	border-width: 0px !important;
}

.gridview-table-body {
	overflow-y: hidden;
	display: block;
	overflow-x: hidden;
	width: inherit;
}

.gridview-scroll {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 17px;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	overscroll-behavior-y: contain;
	overscroll-behavior-x: none;
}

.gridview-resize {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 100%;
	max-width: 2px;
	background-color: gray;
	cursor: col-resize;
	opacity: 0.4;
}

.gridview-scroll-content {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
}

.gridview-content {
	display: block;
	overflow-y: auto;
	overflow-x: auto;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	top: 0px;
}

.wb-controlcontainer {
	background-color: transparent;
	border-radius: 0px;
	border-style: none;
	border-width: 0px;
}

.wb-groupbox {
	background-color: transparent;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px;
}

.wb-groupbox-item {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	width: 100%;
	background-color: transparent;
	border-style: none;
	border-width: 0px;
	height: inherit;
}

.wb-splitter {
	background-color: lightgray;
}

.wb-cover {
	width: 100%;
	height: 100%;
	font-size: inherit;
	font-weight: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}

.wb-linklabel {
	background-color: transparent;
	min-height: 21px;
	white-space: pre;
	color: blue;
}

	.wb-linklabel:hover {
		color: green;
	}

	.wb-linklabel:visited {
		color: rgb(128, 0, 128);
	}

	.wb-linklabel:disabled {
		color: grey;
	}

.wb-label {
	background-color: transparent;
	min-height: 21px;
	white-space: pre;
	overflow-y: hidden;
}

.wb-input {
	background-color: transparent;
	border-color: transparent;
	border-width: 0px;
	border-style: none;
	border-radius: 0px;
	text-align: inherit;
	height: inherit;
	font-size: inherit;
	font-family: inherit;
	font-style: inherit;
	font-weight: inherit;
	margin: 0px;
	position: absolute;
	top: -1px;
	left: 0px;
	padding-left: 4px;
	color: inherit;
}

.wb-input-button {
	top: 0px;
	right: 0px;
}

.wb-input-button-top {
	top: 0px;
	right: 0px;
}

.wb-input-button-bottom {
	bottom: 0px;
	right: 0px;
}

.wb-button-text-cover {
	background-color: transparent !important;
	border-style: none !important;
	border-width: 0px !important;
}

.wb-button {
	padding: 0px;
	min-height: 21px;
	text-align: center;
	border-style: none;
	border-width: 0px;
	border-color: transparent;
	border-radius: 0px;
	color: black;
}

.wb-toolstrip {
	border-color: transparent;
	background-color: white;
	overflow: hidden;
}

.wb-toolstrip-header {
	border-color: transparent !important;
	border-style: none !important;
	background-color: transparent !important;
	overflow: hidden;
	color: black;
	width: inherit;
	margin: 0px;
	float: right;
}

.wb-statusstrip {
	border-color: transparent;
	background-color: white;
	overflow: hidden;
	color: black;
	width: inherit;
	height: inherit;
}

.wb-statusstrip-footer {
	border-color: transparent !important;
	border-style: none !important;
	background-color: transparent !important;
	overflow: hidden;
	color: black;
	top: 0px;
	left: 0px;
}

.wb-toolstripbutton {
	padding: 0px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
	background-color: transparent !important;
}

.wb-seperator {
	border-style: none;
	margin: 0px;
	height: 1px;
	border-width: 0px;
}

.wb-imagebox {
	background-size: auto;
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
}

	.wb-imagebox:hover {
		background-size: auto;
		background-repeat: no-repeat;
		opacity: 0.4;
		text-align: center;
	}

.wb-asyncimagebox {
	background-size: auto;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	background-color: transparent;
	text-align: center;
}

.wb-form {
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 4px;
	margin: 0px !important;
	padding: 0px !important;
	background-color: white;
	position: absolute;
}

.wb-treeview {
	overflow-x: auto;
	overflow-y: auto;
}

.wb-virtualcontrol {
	overflow-x: hidden;
	overflow-y: hidden;
	border-width: 1px;
	border-color: gray;
	border-style: solid;
	border-radius: 0px;
}

.wb-virtualcontrol-header {
	overflow-x: hidden;
	overflow-y: hidden;
	border-width: 0px;
	border-color: transparent;
	border-style: none;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 100%;
}

.wb-virtualcontrol-body {
	overflow-y: hidden;
	overflow-x: hidden;
	border-width: 0px;
	border-color: transparent;
	border-style: none;
	border-radius: 0px;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	width: 100%;
	height: inherit;
}

.wb-form-body {
	margin: 0px;
	padding: 0px;
	border-style: none;
	border-width: 0px;
	background-color: transparent;
	position: absolute;
	left: 0px;
	right: 0px;
	width: 100% !important;
	min-width: 100% !important;
	overflow: hidden;
}

.wb-form-element {
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	box-sizing: border-box;
}

.wb-form-header {
	margin: 0px;
	box-sizing: border-box;
	border-top-style: none;
	border-top-width: 0px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
	height: 25px;
	/*border-top-left-radius: 4px;
	border-top-right-radius: 4px;*/
	overflow: hidden;
}

.wb-form-maximize {
	border-width: 0px !important;
	border-style: none !important;
	border-color: transparent !important;
	border-radius: 0px !important;
	left: 0px !important;
	top: 0px !important;
	width: inherit !important;
	height: inherit !important;
}

.wb-form-maximize-nosize {
	border-width: 0px !important;
	border-style: none !important;
	border-color: transparent !important;
	border-radius: 0px !important;
	left: 0px !important;
	top: 0px !important;
}

.wb-form-container {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	border-style: none;
	width: 100%;
	position: absolute;
	left: 0px;
}

.wb-form-mid {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	vertical-align: top;
	border-style: none !important;
	margin: 0px;
	border-radius: 0px !important;
	border-width: 0px !important;
	top: 0px;
	left: 0px;
	position: absolute;
	overflow: hidden;
}

.wb-form-mid-space-panel {
	width: 100%;
	height: 100%;
	white-space: nowrap;
	vertical-align: top;
	border-style: none !important;
	margin: 0px;
	border-radius: 0px !important;
	border-width: 0px !important;
	top: 0px;
	left: 0px;
	position: absolute;
	overflow: hidden;
}

.wb-form-footer {
	margin: 0px;
	box-sizing: border-box;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-style: none;
	border-left-width: 0px;
	border-right-style: none;
	border-right-width: 0px;
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: white;
	overflow: hidden;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 25px;
}

.wb-form-content {
	top: 0px;
	left: 0px;
	width: inherit;
	height: inherit;
}

.wb-gridview {
	border-width: 1px;
	border-color: black;
	border-style: solid;
	cursor: auto;
	overflow-y: hidden;
	overflow-x: auto;
	overscroll-behavior-y: contain;
	overscroll-behavior-x: none;
}

.wb-tabcontrol {
	border-style: solid;
	border-width: 1px;
	background-color: transparent;
	border-color: transparent;
	overflow: hidden;
}

.wb-tabcontrol-header {
	position: absolute;
	border-style: none !important;
	border-width: 0px !important;
	background-color: transparent !important;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.wb-tabcontrol-container {
	position: absolute;
	border-style: none;
	border-width: 0px;
	background-color: white;
	border-color: transparent;
	overflow: hidden;
}

.wb-tabpage {
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.wb-headercontrol {
	overflow: hidden;
	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.wb-wizard {
	border-style: none !important;
	border-width: 0px !important;
	background-color: transparent !important;
	overflow: hidden;
}

.wb-wizardpage {
	border-style: none !important;
	border-width: 0px !important;
	background-color: transparent !important;
	overflow: hidden;
}

.wb-wizardpage-element {
	border-style: none !important;
	border-width: 0px !important;
	overflow: hidden;
}

.wb-wizardpage-header-footer {
	border-style: none !important;
	border-width: 0px !important;
	overflow: hidden;
	width: 100%;
}

.wb-textbox {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	white-space: pre;
}

	.wb-textbox:focus {
		background-color: lightyellow;
	}

.wb-richtextbox {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	word-break: break-word;
	white-space: pre;
	resize: none;
}

	.wb-richtextbox:focus {
		background-color: lightyellow;
	}

	.wb-richtextbox:read-only {
		background-color: white;
	}

.wb-richtextbox-readonly {
	border-width: 0px !important;
	border-style: none !important;
	border-color: transparent;
	background-color: transparent !important;
	word-break: break-word;
	white-space: pre;
}

.wb-combobox {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	color: black;
}

	.wb-combobox[focus=true] {
		background-color: lightyellow;
	}

	.wb-combobox[enabled=false] {
		color: gray;
	}

.wb-dateeditor {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-dateeditor :focus {
		background-color: lightyellow;
	}

.wb-datepicker {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-datepicker[focus=true] {
		background-color: lightyellow;
	}

	.wb-datepicker[enabled=false] {
		color: gray;
	}

.wb-lookupcontrol {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-lookupcontrol[focus=true] {
		background-color: lightyellow;
	}

	.wb-lookupcontrol[enabled=false] {
		color: gray;
	}

.wb-reference {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-reference[focus=true] {
		background-color: lightyellow;
	}

	.wb-reference[enabled=false] {
		color: gray;
	}

.wb-uploadercontrol {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-uploadercontrol[focus=true] {
		background-color: lightyellow;
	}

	.wb-uploadercontrol[enabled=false] {
		color: gray;
	}

.wb-decimaleditor {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-right: 4px;
}

	.wb-decimaleditor:focus {
		background-color: lightyellow;
	}

.wb-numericeditor {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-right: 4px;
}

	.wb-numericeditor:focus {
		background-color: lightyellow;
	}

.wb-numericupdown {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	padding-right: 4px;
	overflow: hidden;
}

	.wb-numericupdown[focus=true] {
		background-color: lightyellow;
	}

	.wb-numericupdown[enabled=false] {
		color: gray;
	}

.wb-maskedtextbox {
	border-width: 1px;
	border-style: solid;
	border-color: black;
}

	.wb-maskedtextbox:focus {
		background-color: lightyellow;
	}

.wb-dropdown {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	color: black;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	scrollbar-arrow-color: black;
	scrollbar-base-color: lightgray;
	scrollbar-highlight-color: whitesmoke;
	scrollbar-shadow-color: lightgray;
}

	.wb-dropdown:hover {
		scrollbar-base-color: silver;
	}

	.wb-dropdown:active {
		scrollbar-base-color: silver;
	}

	.wb-dropdown[autocomplete=true] {
		overflow-x: hidden;
		overflow-y: auto;
	}

.wb-dropdown-datepicker {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	color: black;
	overflow-y: hidden;
	overflow-x: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	box-sizing: border-box;
}

.wb-listbox {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	color: black;
	scrollbar-arrow-color: black;
	scrollbar-base-color: lightgray;
	scrollbar-highlight-color: whitesmoke;
	scrollbar-shadow-color: lightgray;
	overflow: auto;
}

	.wb-listbox:hover {
		scrollbar-base-color: silver;
	}

	.wb-listbox:active {
		scrollbar-base-color: silver;
	}

.wb-listitem {
	display: block;
	position: static;
}

.wb-toolstripstatuslabel {
	background-color: transparent !important;
	color: black;
}

.wb-toolstriplabel {
	background-color: transparent !important;
	color: black;
}

.wb-popup {
	border-width: 1px;
	border-style: solid;
}

.wb-webbrowser {
	overflow-x: auto;
	overflow-y: auto;
	word-break: break-word;
	white-space: pre;
	resize: none;
	display: table;
}

.wb-progressbar {
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	background-color: lightgray;
	border-color: lightgray;
}

.wb-tooltip {
	overflow: hidden;
}

.wb-import-cover {
	overflow: hidden;
	padding: 4px;
	left: 0px;
	top: 0px;
	z-index: 5;
	white-space: nowrap;
}

	.wb-import-cover[focus=true] {
		border-color: gray;
	}

.effectshadow {
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
}

.wb-checkbox {
	word-break: break-word;
	white-space: pre;
	text-align: left;
}

.wb-colorpicker {
	border-width: 1px;
	border-style: solid;
	border-color: black;
	background-color: white;
	color: black;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 2px !important;
	padding-right: 2px !important;
}

	.wb-colorpicker[focus=true] {
		background-color: lightyellow;
	}

.loader-round {
	position: absolute;
	border-radius: 50%;
	height: 25%;
	width: 25%;
	background-color: WhiteSmoke;
}

.zero-waiting {
	animation: zero 1s infinite linear;
	-webkit-animation: zero 1s infinite linear;
}

@keyframes zero {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes zero {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.one-waiting {
	animation: one 1s infinite linear;
	-webkit-animation: one 1s infinite linear;
}

@keyframes one {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes one {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.two-waiting {
	animation: two 1s infinite linear;
	-webkit-animation: two 1s infinite linear;
}

@keyframes two {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes two {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.three-waiting {
	animation: three 1s infinite linear;
	-webkit-animation: three 1s infinite linear;
}

@keyframes three {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes three {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.four-waiting {
	animation: four 1s infinite linear;
	-webkit-animation: four 1s infinite linear;
}

@keyframes four {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes four {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.five-waiting {
	animation: five 1s infinite linear;
	-webkit-animation: five 1s infinite linear;
}

@keyframes five {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes five {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.six-waiting {
	animation: six 1s infinite linear;
	-webkit-animation: six 1s infinite linear;
}

@keyframes six {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes six {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.seven-waiting {
	animation: seven 1s infinite linear;
	-webkit-animation: seven 1s infinite linear;
}

@keyframes seven {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes seven {
	0% {
		opacity: .4;
	}

	100% {
		opacity: 1;
	}
}

.form-resize-button {
	right: 0px;
	bottom: 0px;
}

.autocomplete {
	overflow: hidden;
	padding: 2px;
}

.table-autocomplete {
	border-style: none;
	border-width: 0px;
	width: 100%;
	height: inherit;
	border-collapse: collapse;
	table-layout: fixed;
}

.autocomplete-cell {
	border-style: none;
	border-width: 0px;
	margin: 0px;
	white-space: pre-wrap;
}

	.autocomplete-cell[selected=true] {
		border-style: none;
		border-width: 0px;
		margin: 0px;
		color: white;
		background-color: gray;
	}

	.autocomplete-cell:hover {
		border-style: none;
		border-width: 0px;
		margin: 0px;
		color: grey;
		background-color: white;
	}

.clicked-effect {
	opacity: 0.8;
	background-color: #F8F8F8 !important;
}

.offscreen {
	display: none;
	left: -1000px;
	top: -1000px;
}

canvas[key="btnMinimizeOfSideBar2ForSkyBlueTheme"] {
	z-index: 1;
}

div[key="ccBtnMinimizeOfSideBar2ForSkyBlueTheme"] {
	overflow: hidden;
	z-index: 1;
}

#form_container > div > div[key="ccLeft"] {
	overflow: visible;
}

.csv-sample-container {
	border-style: solid !important;
	border-width: 1px !important;
	overflow-x: auto;
	overflow-y: hidden;
}

.csv-sample-cell {
	border-left-style: none;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: solid;
	border-left-width: 0px;
	border-bottom-width: 0px;
	border-top-width: 0px;
	border-right-width: 1px;
	margin: 2px;
	vertical-align: top;
}

.csv-sample-cell-data {
	border-left-style: none;
	border-bottom-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	margin: 2px;
	vertical-align: middle;
}

	.csv-sample-cell-data[focus=true] {
		background-color: lightblue;
	}


wb-dropdown-control {
    overflow: hidden;
}