[class^='aui-'],
[class*=' aui-'] {
	box-sizing: border-box;
}


/* ============================================ */
/* COMPONENTS
/* ============================================ */

.aui-panel {
	display: block;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	background: #fff;
	margin-bottom: 3em;
}

.aui-panel:hover {
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25)
}

.aui-panel:last-of-type {
	margin-bottom: 0;
}

.aui-panel .aui-section {
    display: block;
    margin: 0;
    padding: 1.5em;
    border-bottom: 0 none;
    border-top: 1px solid #c8c8c8;
    overflow: hidden;
}

.aui-panel > .aui-section:first-of-type,
.aui-panel > :first-of-type > .aui-section:first-of-type,
.aui-panel > :first-of-type > :first-of-type > .aui-section:first-of-type {
	border-top: 0 none;
}

.aui-panel header ~ .aui-section:first-of-type,
.aui-panel header ~ :first-of-type > .aui-section:first-of-type,
.aui-panel header ~ :first-of-type > :first-of-type > .aui-section:first-of-type,
.aui-panel > :first-of-type header ~ .aui-section:first-of-type,
.aui-panel > :first-of-type header ~ :first-of-type > .aui-section:first-of-type,
.aui-panel > :first-of-type header ~ :first-of-type > :first-of-type > .aui-section:first-of-type,
.aui-panel > :first-of-type > :first-of-type header ~ .aui-section:first-of-type,
.aui-panel > :first-of-type > :first-of-type header ~ :first-of-type > .aui-section:first-of-type,
.aui-panel > :first-of-type > :first-of-type header ~ :first-of-type > :first-of-type > .aui-section:first-of-type {
	border-top: 1px solid #c8c8c8;
}

.aui-panel .aui-section.aui-controls {
	background: #e8e8e8;
}

/*
.aui-panel .aui-fragment > .aui-section {
    border-top: 1px solid #c8c8c8;
}

.aui-panel .aui-fragment:first-of-type > .aui-section:first-of-type {
    border-top: 0 none;
}
*/

.aui-panel header {
	display: block;
    color: #000;
	background: #e8e8e8;
    font-size: 1.6em;
    margin: 0;
    padding: 0.3125em 1.25em;
    text-align: left;
    font-weight: inherit;
    font-style: inherit;
}

.aui-panel .aui-section ~ header,
.aui-panel header ~ header {
	border-top: 1px solid #c8c8c8;
}

.aui-panel .aui-section header {
    display: inline-block;
    width: 100%;
    float: left;
    margin: 0.9375em 0.3125em 0.3125em;
    padding: 0;
    color: #606060;
	background: inherit;
	border-top: 0 none;
}

.aui-panel .aui-section header:first-child {
	margin-top: 0.3125em;
	border-top: 0 none;
}

.aui-control-container {
	float: left;
	display: block;
	padding: 0.5em;
	vertical-align: middle;
}

.aui-text {
	padding: 0.5em;
	float: left;
}

.aui-output-text {
	cursor: text;
}

.aui-output-shell.aui-with-border {
	padding: 0;
	background-color: #fff;
	vertical-align: middle;
	border: 1px dotted #c8c8c8;
	border-radius: 2px;
	color: #000;
	box-sizing: border-box;
	height: 2em;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
}

.aui-output-shell.aui-with-border .aui-component {
	vertical-align: middle;
	padding: 0 0.5em;
}

.aui-input-shell {
	display: inline-block;
	padding: 0;
	background-color: #fff;
	vertical-align: middle;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	color: #000;
	box-sizing: border-box;
	height: 2em;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
}

.aui-input-shell .aui-input {
	display: inline-block;
	padding: 0 0.5em;
	width: 100%;
	height: 100%;
	border: 0 none;
	background: none;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}

.aui-input-shell .aui-prelabel,
.aui-input-shell .aui-postlabel {
	color: #606060;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: auto;
	max-width: 100%;
}

.aui-input-shell .aui-prelabel {
	padding-left: 0.5em;
	text-align: left;
}

.aui-input-shell .aui-postlabel {
	padding-right: 0.5em;
	text-align: right;
}

.aui-input-shell .aui-cell {
	vertical-align: middle;
}

.aui-input-shell .aui-help-btn {
	border-left: 1px dotted #c8c8c8;
	color: #a0a0a0;
	cursor: pointer;
	text-align: center;
	width: 2em;
	transition: color 0.1s;
}

.aui-input-shell .aui-help-btn.aui-before {
    border-right: 1px dotted #c8c8c8;
    border-left: 0 none;
}

.aui-input-shell .aui-help-btn::before {
	font-family: FontAwesome;
	font-size: 1em;
	content: "\f059";
	transition: font-size 0.1s;
}

.aui-input-shell .aui-help-btn:hover {
	color: #43659b;
}

.aui-input-shell .aui-help-btn:hover::before {
	font-size: 1.3em;
}

.aui-input-select {
	cursor: pointer;
}

.aui-input-select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.aui-input-select::-ms-expand {
	display: none;
}

.aui-select-wrapper {
	position: relative;
}

.aui-select-wrapper::after {
    content: "\f0d7";
    font-family: FontAwesome;
    color: #a0a0a0;
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translate(50%, -50%);
    pointer-events: none;
    transition: color 0.1s linear, font-size 0.1s linear;
}

.aui-select-wrapper:hover::after {
	color: #43659b;
	font-size: 1.3em;	
}

.aui-input-button {
	display: block;
	float: left;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	color: #404040;
	background: #e8e8e8;
	font-size: inherit;
	font-family: inherit;
	height: 2em;
	padding: 0;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	max-width: 100%;
	width: 100%;
}

.aui-input-button.aui-cancel {
    border-color: #955c3d;
    background: #a56c4d;
    color: #fff;
}

.aui-input-button.aui-default {
    border-color: #3d5c95;
	background-color: #4d6ca5;
	color: #fff;
}

.aui-input-button:hover,
.aui-input-button:focus {
	border-color: #3d5c95;
	background-color: #4d6ca5;
	color: #fff;
}

.aui-input-shell:hover {
	box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
	position: relative;
}

.aui-input-shell:focus,
.aui-input-shell.aui-focus {
	box-shadow: 0 0 0.2em rgba(0, 0, 0, 0.25) inset;
}

.aui-input-shell .aui-input-textarea {
	resize: none;
	padding: 0.25em 0.5em;
}

.aui-select-many-checkbox .aui-input-shell {
	border: 0 none;
	box-shadow: none;
	height: auto;
	background: none;
}

.aui-checkbox-wrapper .aui-input {
	display: table;
}

.aui-checkbox-wrapper input[type="checkbox"] {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	position: absolute;
}

.aui-checkbox-wrapper input[type="checkbox"]:focus + label {
	text-decoration: underline;
}

.aui-checkbox-wrapper input[type="checkbox"] + label {
	cursor: pointer;
}

.aui-checkbox-wrapper input[type="checkbox"] + label::before {
	background-image: url('');
	background-repeat: no-repeat;
	background-position: center;
	content: "";
	display: inline-block;
	height: 14px;
	width: 14px;
	transform: translate(0, 2px);
}

.aui-checkbox-wrapper input[type="checkbox"]:checked + label::before {
	background-image: url('');
}

.aui-scripting-container {
	display: none;
}

/* == COMMAND ICON =========================== */

.aui-command-icon-wrapper {
	display: block;
	float: left;
}

.aui-command-icon {
	display: block;
	width: 1.25em;
	height: 2em;
	padding: 0;
	margin: 0;
	font-size: 1em;
	background: none;
	border: 0 none;
	text-decoration: none;
	color: #000;
	transition: color 0.2s;
	position: relative;
}

.aui-command-icon:hover,
.aui-command-icon:focus {
	color: #43659b;
}

.aui-command-icon .aui-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) scale(1.0);
	transition: transform 0.2s;
}

.aui-command-icon:hover .aui-icon,
.aui-command-icon:focus .aui-icon {
	transform: translate(-50%, -50%) scale(1.5);
}

.aui-icon-area .aui-input-shell {
	text-align: center;
	padding: 0 0.25em;
	margin: 0 -0.25em;
	white-space: nowrap;
}

.aui-icon-area .aui-command-icon-wrapper {
	display: inline-block;
	float: none;
}

.aui-align-right .aui-icon-area .aui-input-shell {
	text-align: right;
}

.aui-align-center .aui-icon-area .aui-input-shell {
	text-align: center;
}

.aui-align-left .aui-icon-area .aui-input-shell {
	text-align: left;
}


/* == CONTROL GROUP =========================== */

.aui-control-group {
	float: left;
	max-width: 100%;
	width: 100%;
}

.aui-control-group {
	display: block;
}

.aui-control-group > div {
	display: block;
}

.aui-control-group > div > .aui-control-container {
	display: block;
	float: none;
	padding: 0 0.5em;
}

.aui-control-group > div > .aui-control-container:first-child {
	padding-top: 0.5em;
}

.aui-control-group > div > .aui-control-container:last-child {
	padding-bottom: 0.5em;
}

.aui-control-group > div > .aui-control-container:only-child {
	padding: 0.5em;
}

.aui-control-group .aui-control-container > .aui-input-shell {
	border-style: none solid solid;
	border-radius: 0;
}

.aui-control-group .aui-control-container:first-child > .aui-input-shell {
	border-style: solid solid solid;
	border-radius: 2px 2px 0 0;
}

.aui-control-group .aui-control-container:last-child > .aui-input-shell {
	border-style: none solid solid;
	border-radius: 0 0 2px 2px;
}

.aui-control-group .aui-control-container:only-child > .aui-input-shell {
	border-style: solid;
	border-radius: 2px;
}

.aui-control-group .aui-input-button {
	float: none;
}

/* == CONTROL BLOCK =========================== */

.aui-control-block {
	display: block;
	float: left;
}

.aui-control-block .aui-label {
	display: inline-block;
	float: left;
	color: #606060;
	padding: 0.1em 0.5em;
	height: 1.5em;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	max-width: 100%;
}

.aui-control-block > .aui-control-group.aui-horizontal > div > .aui-control-container,
.aui-control-block > .aui-control-group.aui-vertical > div > .aui-control-container {
    padding-top: 0;
}

/* == DATA TABLE =========================== */

.aui-data-table table {
	margin: 0;
}

.aui-data-table {
	padding: 0.5em;
	color: #404040;
	float: left;
}

.aui-data-table .aui-dt-shell {
	background: #f2f2f2;
	background: repeating-linear-gradient(
		135deg,
		#f2f2f2,
		#f2f2f2 0.50em,
		#ffffff 0.50em,
		#ffffff 1.00em
	);
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	overflow: hidden;
}

.aui-data-table .aui-dt-shell:hover {
	/*box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);*/
}

.aui-data-table .aui-dt-container {
	overflow: auto;
	background: #fff;
}

.aui-data-table table {
	border: 0 none;
	border-collapse: separate;
	width: 100%;
	border-spacing: 0;
}

.aui-data-table tr {
	height: 2em;
}

.aui-data-table td,
.aui-data-table th {
	padding: 0.0em 0.5em;
	text-align: left;
	vertical-align: middle;
	font-weight: inherit;
}

.aui-data-table tbody tr:last-child th {
	border-bottom: 0 none;
} 

.aui-data-table td.aui-align-left,
.aui-data-table th.aui-align-left {
	text-align: left;
}

.aui-data-table td.aui-align-center,
.aui-data-table th.aui-align-center {
	text-align: center;
}

.aui-data-table td.aui-align-right,
.aui-data-table th.aui-align-right {
	text-align: right;
}

.aui-data-table td.aui-align-top,
.aui-data-table th.aui-align-top {
	vertical-align: top;
}

.aui-data-table td.aui-align-middle,
.aui-data-table th.aui-align-middle {
	vertical-align: middle;
}

.aui-data-table td.aui-align-bottom,
.aui-data-table th.aui-align-bottom {
	vertical-align: bottom;
}

.aui-data-table th,
.aui-data-table tfoot td {
	border-right: 1px solid #c8c8c8;
}

.aui-data-table th:last-child,
.aui-data-table tfoot td:last-child {
	border-right: 0 none;
}

.aui-data-table th {
	border-bottom: 1px solid #c8c8c8;
}

.aui-data-table th .aui-table {
	width: 100%;
}

.aui-data-table th .aui-table .aui-cell:first-child,
.aui-data-table th .aui-table .aui-cell:last-child {
	width: 0;
}

.aui-data-table th .aui-table .aui-cell:first-child {
	text-align: left;
}

.aui-data-table th .aui-table .aui-cell:last-child {
	text-align: right;
}


.aui-data-table tbody {
	color: #000;
}

.aui-data-table tfoot td {
	border-top: 1px solid #c8c8c8;
}

.aui-data-table thead,
.aui-data-table tfoot {
	background: #e8e8e8;
}

.aui-data-table tbody:empty + tfoot td {
	border-top: 0 none;
}

.aui-data-table .aui-dt-head,
.aui-data-table .aui-dt-foot {
	display: block;
	background: #e8e8e8;
}

.aui-data-table .aui-dt-head {
	border-bottom: 1px solid #c8c8c8;
}

.aui-data-table .aui-dt-foot {
	border-top: 1px solid #c8c8c8;
}

.aui-data-table .aui-dt-filter {
	background: #fff;
}

.aui-data-table .aui-dt-filter td {
	border-bottom: 1px solid #c8c8c8;
}

.aui-data-table .aui-dt-msg-container,
.aui-data-table .aui-dt-ctrl {
	display: table;
	vertical-align: middle;
	height: 2em;
}

.aui-data-table .aui-dt-msg-container {
	float: left;
}
	
.aui-data-table .aui-dt-ctrl {
	float: right;
}

.aui-data-table .aui-dt-msg {
	display: table-cell;
	vertical-align: middle;
	padding: 0 0.5em;
}

.aui-data-table .aui-row-white {
	background: #fff;
}

.aui-data-table .aui-row-white td {
	border-right: 0 none;
}
	
.aui-row-odd {
	background: #ffffff;
}

.aui-row-even {
	background: #f2f2f2;
}

.aui-dt-no-data {
	padding: 0.5em;
	vertical-align: middle;
	text-align: center;
}

.aui-dt-no-data::before {
	content: "\f057";
	font-family: FontAwesome;
	padding-right: 0.25em;
	vertical-align: middle;
	font-size: 2em;
	color: #a0a0a0;
}

.aui-dt-paging {
	display: table;
	height: 2em;
/*	margin-top: -1px;
	border-top: 1px solid #c8c8c8; */
	box-sizing: content-box;
}

.aui-dt-p-btn {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 1em;
/*	border-right: 1px solid #c8c8c8; */
	cursor: pointer;
}

/*
.aui-dt-p-btn:first-child {
	border-left: 1px solid #c8c8c8;
}

.aui-dt-p-btn:last-child {
	border-right: 0 none;
}
*/

.aui-dt-p-btn:hover {
	background: #6A9519;
	color: #fff;
}

.aui-dt-p-cur,
.aui-dt-p-cur:hover {
	background: #fff;
	color: #000;
	cursor: default;
}

.aui-dt-foot .aui-dt-p-cur,
.aui-dt-foot .aui-dt-p-cur:hover {
    position: relative;
    top: -1px;
    border-radius: 0 0 2px 2px;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    border-color: #c0c0c0;
}

.aui-dt-head .aui-dt-p-cur,
.aui-dt-head .aui-dt-p-cur:hover {
    position: relative;
    bottom: -1px;
    border-radius: 2px 2px 0 0;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    border-color: #c0c0c0;
}

.aui-dt-p-collapsed .aui-dt-p-cur,
.aui-dt-p-collapsed .aui-dt-p-cur:hover {
	border: 0 none;
	top: unset;
	position: unset;
}

.aui-dt-p-disabled,
.aui-dt-p-disabled:hover {
	background: #e8e8e8;
	color: transparent;
	cursor: default;
}

.aui-dt-p-first,
.aui-dt-p-last {
	display: none;
}

.aui-dt-p-first,
.aui-dt-p-last,
.aui-dt-p-prev,
.aui-dt-p-next {
	font-family: FontAwesome;
}

.aui-dt-p-first::before {
	content: "\f100";
}

.aui-dt-p-last::before {
	content: "\f101";
}

.aui-dt-p-prev::before {
	content: "\f104";
}

.aui-dt-p-next::before {
	content: "\f105";
}

.aui-dt-p-menu {
    background: #e8e8e8 none repeat scroll 0 0;
    border: 1px solid #c8c8c8;
    display: none;
    max-height: 12em;
    overflow: auto;
    position: absolute;
    box-sizing: content-box;
    width: 5em;
    z-index: 50;
    margin: 0;
    padding: 0;
}

.aui-dt-p-menu.show {
	display: block;
}

.aui-dt-p-menu > li {
	line-height: 2em;
	color: #444;
	background: #e8e8e8;
	cursor: pointer;
	list-style: outside none none;
}

.aui-dt-p-menu > li:hover {
	background: #6A9519;
	color: #fff;
}

.aui-dt-p-menu > li.aui-dt-p-cur,
.aui-dt-p-menu > li.aui-dt-p-cur:hover {
	background: #fff;
	color: #000;
	cursor: default;
}

.aui-dt-sort-asc,
.aui-dt-sort-desc {
	background: #fff;
	color: #000;
}

.aui-dt-sort-none .aui-cell:last-child::before {
	content: "\f0dc";
}

.aui-dt-sort-asc .aui-cell:last-child::before {
	content: "\f0de";
}

.aui-dt-sort-desc .aui-cell:last-child::before {
	content: "\f0dd";
}

[class^='aui-dt-sort-'] .aui-cell:last-child::before,
[class*=' aui-dt-sort-'] .aui-cell:last-child::before {
	padding-left: 0.25em;
}

[class^='aui-dt-sort-'].aui-align-center .aui-cell:first-child::before,
[class*=' aui-dt-sort-'].aui-align-center .aui-cell:first-child::before {
	content: "\f0dc";
	color: transparent;
	padding-right: 0.25em;
}

[class^='aui-dt-sort-'].aui-align-right .aui-cell:last-child::before,
[class*=' aui-dt-sort-'].aui-align-right .aui-cell:last-child::before {
	content: none;
	padding-left: 0;
}

.aui-dt-sort-none.aui-align-right .aui-cell:first-child::before {
	content: "\f0dc";
}

.aui-dt-sort-asc.aui-align-right .aui-cell:first-child::before {
	content: "\f0de";
}

.aui-dt-sort-desc.aui-align-right .aui-cell:first-child::before {
	content: "\f0dd";
}

[class^='aui-dt-sort-'].aui-align-right .aui-cell:first-child::before,
[class*=' aui-dt-sort-'].aui-align-right .aui-cell:first-child::before {
	padding-right: 0.25em;
}

[class^='aui-dt-sort-'] .aui-cell:last-child,
[class*=' aui-dt-sort-'] .aui-cell:last-child,
[class^='aui-dt-sort-'] .aui-cell:first-child,
[class*=' aui-dt-sort-'] .aui-cell:first-child {
	font-family: FontAwesome;
	vertical-align: middle;
}

[class^='aui-dt-sort-']:hover,
[class*=' aui-dt-sort-']:hover {
	background: #6A9519;
	color: #fff;
	cursor: pointer;
}

/* == DATA TABLE CONTROLS ================== */

.aui-data-table .aui-control-container {
	padding: 0;
}

.aui-data-table .aui-input-shell {
	background: none;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
}

.aui-data-table .aui-input {
	border: 1px solid #c8c8c8;
	border-radius: 1px;
	min-width: 2em;
	padding: 0;
	height: 1.6em;
}

.aui-data-table .aui-input:hover,
.aui-data-table .aui-input:focus {
    border-bottom-style: solid;
}

.aui-data-table .aui-input-shell .aui-help-btn {
	border: 0 none;
}

.aui-data-table .aui-input-shell .aui-postlabel {
    padding-left: 0.5em;
    padding-right: 0;
}

.aui-data-table .aui-input-shell .aui-prelabel {
    padding-left: 0;
    padding-right: 0.5em;
}

.aui-data-table .aui-align-left .aui-input {
	text-align: left;
} 

.aui-data-table .aui-align-center .aui-input {
	text-align: center;
} 

.aui-data-table .aui-align-right .aui-input {
	text-align: right;
}

/* == REQUIRED COMPONENTS ====================== */

@keyframes required-input-animation {
	from {
		color: #900;
	}
	
	to {
		color: #f60;
	}
}

.aui-required .aui-input-shell .aui-component::before {
    content: '*';
    color: #c00;
    display: block;
    position: absolute;
    margin-top: -1px;
    margin-left: 1px;
    animation-name: required-input-animation;
    animation-duration: 3s;
    animation-direction: alternate;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.aui-required .aui-input-shell .aui-cell.aui-component::before {
    margin-top: calc(-0.5em + 1px);
}


/* == INVALID COMPONENTS ====================== */

@keyframes invalid-input-animation {
	from {
		border-color: #b00;
		background-color: #fed;
	}
	
	to {
		border-color: #ff0;
		background-color: #fff;
	}
}

.aui-control-container.aui-invalid .aui-input-shell {
	animation-name: invalid-input-animation;
	animation-duration: 0.2s;
	animation-delay: 0.4s;
	animation-iteration-count: 4;
	animation-direction: alternate;
	animation-timing-function: ease-in;
	background: #fed;
	border: 2px solid #b00;
}

.aui-control-container.aui-invalid + .aui-control-container.aui-invalid .aui-input-shell {
	border-top: 0 none;
}

.aui-control-container.aui-invalid .aui-prelabel,
.aui-control-container.aui-invalid .aui-postlabel {
	color: #b00;
}

.aui-control-container.aui-invalid .aui-help-btn {
	color: #b00;
	border-color: #b00;
}

.aui-data-table .aui-control-container.aui-invalid .aui-input-shell {
	animation: none;
	background: none;
	border: none;
}

@keyframes invalid-dt-input-animation {
	from {
		border-color: #b00;
		background-color: #fed;
	}
	
	to {
		border-color: #fff;
		background-color: #b00;
	}
}

.aui-data-table .aui-control-container.aui-invalid .aui-input {
	animation-name: invalid-dt-input-animation;
	animation-duration: 0.2s;
	animation-delay: 0.4s;
	animation-iteration-count: 4;
	animation-direction: alternate;
	animation-timing-function: ease-in;
	border-color: #b00;
	border-width: 2px;
	background: #fed;
}

.aui-control-group .aui-control-container.aui-invalid:last-child > .aui-input-shell {
	border-style: solid;
}

 


/* ============================================ */
/* POPUP-MENU
/* ============================================ */

.aui-menu-up::after {
    content: "\f0d8";
    font-family: FontAwesome;
    padding-left: 0.5em;
}

.aui-menu-down::after {
    content: "\f0d7";
    font-family: FontAwesome;
    padding-left: 0.5em;
}


/* ============================================ */
/* HELP-BUBBLE
/* ============================================ */

.aui-help-bubble {
	display: block;
	position: absolute;
	padding-top: 0.5em;
	z-index: 300;
}

.aui-help-text {
	padding: 1em;
	background: #ffc;
	color: #660;
	border: 1px solid #cc8;
	border-radius: 2px;
	box-shadow: 0 0 0.5em rgba(128, 128, 64, 0.3);
	overflow: hidden;
    word-wrap: break-word;
}

.aui-help-bubble.aui-point-top > .aui-help-text::before {
	content: "";
	display: block;
	position: absolute;
	left: calc(50% - 0.5em);
	top: -0.5em;
	top: calc(1px - 0.5em);
	border-color: #cc8 transparent;
	border-style: solid;
	border-width: 0 0.5em 1em;
}

.aui-help-bubble.aui-point-top > .aui-help-text::after {
	content: "";
	display: block;
	position: absolute;
	left: calc(50% - 0.5em);
	top: -0.5em;
	top: calc(3px - 0.5em);
	border-color: #ffc transparent;
	border-style: solid;
	border-width: 0 0.5em 1em;
}


/* ============================================ */
/* LAYOUT
/* ============================================ */

.aui-layout-block {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

.aui-table {
	display: table;
}

.aui-row {
	display: table-row;
}

.aui-cell {
	display: table-cell;
}

[class^='aui-size-'],
[class*=' aui-size-'] {
	max-width: 100%;
	width: 100%;
}

.aui-height-1 {
	height: 2em;
}

.aui-height-2 {
	height: 4em;
}

.aui-height-3 {
	height: 6em;
}

.aui-height-4 {
	height: 8em;
}

.aui-height-5 {
	height: 10em;
}

.aui-height-6 {
	height: 12em;
}

.aui-height-7 {
	height: 14em;
}

.aui-height-8 {
	height: 16em;
}

.aui-height-9 {
	height: 18em;
}

.aui-height-10 {
	height: 20em;
}

.aui-height-full {
	height: 100%;
}

.aui-right {
	float: right;
}

.aui-left {
	float: left;
}

.aui-text-right .aui-input {
	text-align: right;
}

.aui-text-center .aui-input {
	text-align: center;
}

.aui-text-left .aui-input {
	text-align: left;
}

.aui-align-left {
	text-align: left;
}

.aui-align-center {
	text-align: center;
}

.aui-align-right {
	text-align: right;
}

.aui-align-top {
	vertical-align: top;
}

.aui-align-middle {
	vertical-align: middle;
}

.aui-align-bottom {
	vertical-align: bottom;
}

.aui-clear {
	clear: both;
}


/* ============================================ */
/* EFFECTS
/* ============================================ */

@keyframes page-hide-left-animation {
	from {
		opacity: 1;
		right: 0;
	}
	
	to {
		opacity: 0;
		right: 100%;
	}
}

.aui-page-hide-left {
	position: relative;
	right: 100%;
	animation-name: page-hide-left-animation;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-in;
}

@keyframes page-hide-right-animation {
	from {
		opacity: 1;
		left: 0;
	}
	
	to {
		opacity: 0;
		left: 100%;
	}
}

.aui-page-hide-right {
	position: relative;
	left: 100%;
	animation-name: page-hide-right-animation;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-in;
}

@keyframes page-show-left-animation {
	from {
		opacity: 0;
		left: 100%;
	}
	
	to {
		opacity: 1;
		left: 0;
	}
}

.aui-page-show-left {
	position: relative;
	left: 0;
	animation-name: page-show-left-animation;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
}

@keyframes page-show-right-animation {
	from {
		opacity: 0;
		right: 100%;
	}
	
	to {
		opacity: 1;
		right: 0;
	}
}

.aui-page-show-right {
	position: relative;
	right: 0;
	animation-name: page-show-right-animation;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
}

@keyframes sort-show-animation {
	from {
		opacity: 0;
		filter: blur(1em);
	}
	
	to {
		opacity: 1;
		filter: blur(0);
	}
}

.aui-sort-show {
	opacity: 1;
	animation-name: sort-show-animation;
	animation-duration: 0.3s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-out;
}

@keyframes sort-hide-animation {
	from {
		opacity: 1;
		filter: blur(0);
	}
	
	to {
		opacity: 0;
		filter: blur(1em);
	}
}

.aui-sort-hide {
	opacity: 0;
	animation-name: sort-hide-animation;
	animation-duration: 0.2s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-timing-function: ease-in;
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                           */
/*   SCREEN AB 700                                                                           */
/*                                                                                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 700px) {

	/* ============================================ */
	/* COMPONENTS
	/* ============================================ */

	.aui-dt-p-first,
	.aui-dt-p-last {
		display: table-cell;
	}
	
	/* ============================================ */
	/* LAYOUT
	/* ============================================ */
	
	.aui-size-1,
	.aui-size-2,
	.aui-size-3 {
		width: 50%;
	}
	
	.aui-size-4,
	.aui-size-5,
	.aui-size-6,
	.aui-size-7,
	.aui-size-8,
	.aui-size-9,
	.aui-size-10,
	.aui-size-full {
		width: 100%;
	}
	
	.aui-control-group .aui-control-container[class^='aui-size-'],
	.aui-control-group .aui-control-container[class*=' aui-size-'] {
		width: 100%;
	}
	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                           */
/*   SCREEN AB 1000                                                                          */
/*                                                                                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 1000px) {

	/* ============================================ */
	/* COMPONENTS
	/* ============================================ */

	.aui-control-group.aui-horizontal {
		display: table;
	}
	
	.aui-control-group.aui-horizontal > div {
		display: table-row;
	}
	
	.aui-control-group.aui-horizontal > div > .aui-control-container {
		display: table-cell;
		float: none;
		padding: 0.5em 0;
	}
	
	.aui-control-group.aui-horizontal > div > .aui-control-container:only-child {
		padding: 0.5em;
	}
	
	.aui-control-group.aui-horizontal > div > .aui-control-container:first-child {
		padding-left: 0.5em;
	}
	
	.aui-control-group.aui-horizontal > div > .aui-control-container:last-child {
		padding-right: 0.5em;
	}

	.aui-control-group.aui-horizontal .aui-control-container > .aui-input-shell {
		border-style: solid solid solid none;
		border-radius: 0;
	}
	
	.aui-control-group.aui-horizontal .aui-control-container:first-child > .aui-input-shell {
		border-style: solid solid solid solid;
		border-radius: 2px 0 0 2px;
	}
	
	.aui-control-group.aui-horizontal .aui-control-container:last-child > .aui-input-shell {
		border-style: solid solid solid none;
		border-radius: 0 2px 2px 0;
	}
	
	.aui-control-group.aui-horizontal .aui-control-container:only-child > .aui-input-shell {
		border-style: solid;
		border-radius: 2px;
	}
	
	.aui-control-block > .aui-control-group.aui-horizontal > div > .aui-control-container,
	.aui-control-block > .aui-control-group.aui-vertical > div > .aui-control-container {
	    padding-top: 0;
	}

	/* ============================================ */
	/* LAYOUT
	/* ============================================ */
	
	.aui-control-group .aui-control-container.aui-size-1,
	.aui-size-1 {
		width: 10%;
	}
	
	.aui-control-group .aui-control-container.aui-size-2,
	.aui-size-2 {
		width: 20%;
	}
	
	.aui-control-group .aui-control-container.aui-size-3,
	.aui-size-3 {
		width: 30%;
	}
	
	.aui-control-group .aui-control-container.aui-size-4,
	.aui-size-4 {
		width: 40%;
	}
	
	.aui-control-group .aui-control-container.aui-size-5,
	.aui-size-5 {
		width: 50%;
	}
	
	.aui-control-group .aui-control-container.aui-size-6,
	.aui-size-6 {
		width: 60%;
	}
	
	.aui-control-group .aui-control-container.aui-size-7,
	.aui-size-7 {
		width: 70%;
	}
	
	.aui-control-group .aui-control-container.aui-size-8,
	.aui-size-8 {
		width: 80%;
	}
	
	.aui-control-group .aui-control-container.aui-size-9,
	.aui-size-9 {
		width: 90%;
	}
	
	.aui-control-group .aui-control-container.aui-size-10,
	.aui-size-10,
	.aui-size-full {
		width: 100%;
	}
	
	.aui-control-group.aui-vertical .aui-control-container[class^='aui-size-'],
	.aui-control-group.aui-vertical .aui-control-container[class*=' aui-size-'] {
		width: 100%;
	}
	
	.aui-control-group.aui-horizontal .aui-control-container.aui-size-full {
		width: auto;
	}
	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                           */
/*   SCREEN AB 1400                                                                          */
/*                                                                                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 1400px) {
	
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*                                                                                           */
/*   SCREEN AB 1800                                                                          */
/*                                                                                           */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media only screen and (min-width: 1800px) {

}