.kui *
{
	box-sizing: border-box;
}

.kui a,
.kui a:hover,
.kui a:focus
{
	text-decoration: none;
}

.kui .clearfix::before,
.kui .clearfix::after
{
	content: "";
	display: table;
	line-height: 0;
}

.kui .page-note
{
	margin-bottom: 20px;
}

/* Form */

.kui .kui-form
{
	margin: 0;
	width: 100%;
	margin-bottom: 20px;
}

.kui.component .form-fields,
.kui.component .form-buttons
{
	display: inline-block;
	width: 100%;
}

.kui.module .form-fields,
.kui.module .form-buttons
{
	width: 100%;
}

.kui select,
.kui textarea,
.kui input[type='text'],
.kui input[type='email'],
.kui input[type='password']
{
	background: #fafafa;
	border: 1px solid #dedede;
	border-radius: 0;
	color: #555555;
	height: auto;
	max-width: 100%;
	padding: 6px 10px;
	transition: all 0.2s linear 0s;
	min-width: 150px;
	margin: 5px 5px 5px 0;
	width: auto;
	line-height: 22px;
	box-shadow: none;
	height: 36px;
}

.kui.module select,
.kui.module textarea,
.kui.module input[type='text'],
.kui.module input[type='email'],
.kui.module input[type='password']
{
	width: 100%;
}

.kui input[type='text'].loading,
.kui input[type='email'].loading,
.kui input[type='password'].loading
{
	transition: none;
	background: url('../../system/assets/images/loading.gif') no-repeat scroll 96% 50% #eeeeee;
}

.kui select:focus,
.kui textarea:focus,
.kui input[type='text']:focus,
.kui input[type='email']:focus,
.kui input[type='password']:focus
{
	background: #ffffff;
	border-color: #cccccc;
	color: #555555;
	outline: 0 none;
	box-shadow: none;
}

.kui select:focus::-moz-placeholder,
.kui textarea:focus::-moz-placeholder,
.kui input[type="text"]:focus::-moz-placeholder,
.kui input[type="email"]:focus::-moz-placeholder,
.kui input[type="password"]:focus::-moz-placeholder
{
	color: #c2c2c2;
	opacity: 0.4;
}

.kui select.empty,
.kui textarea.empty,
.kui input[type='text'].empty,
.kui input[type='email'].empty,
.kui input[type='password'].empty
{
	color: #d14311;
	background: #f7ede9;
	border-color: #d64c31;
}

/* Buttons */

.kui button:not([class*='btn']):not([class*='trumbowyg'])
{
	background-color: #ffffff;
	color: #787773;
	border: 1px solid #787773;
	display: inline-block;
	font-size: inherit;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	overflow: visible;
	padding: 6px 12px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	min-width: 100px;
	outline: none;
}

.kui button:hover:not([class*='btn']):not([class*='trumbowyg']),
.kui button:focus:not([class*='btn']):not([class*='trumbowyg'])
{
	border-color: #ce8a3f;
	color: #ce8a3f;
}

.kui button.inline:not([class*='btn']):not([class*='trumbowyg'])
{
	margin-right: 5px;
}

.kui button.grey:not([class*='btn']):not([class*='trumbowyg'])
{
	background-color: #646464;
	border-color: transparent;
	color: #ffffff;
}

.kui button.grey:hover:not([class*='btn']):not([class*='trumbowyg']),
.kui button.grey:focus:not([class*='btn']):not([class*='trumbowyg'])
{
	background-color: #7d7d7d;
}

.kui button.green:not([class*='btn']):not([class*='trumbowyg'])
{
	background-color: #8cc14c;
	border-color: transparent;
	color: #ffffff;
}

.kui button.green:hover:not([class*='btn']):not([class*='trumbowyg']),
.kui button.green:focus:not([class*='btn']):not([class*='trumbowyg'])
{
	background-color: #99d254;
	border-color: transparent;
	color: #ffffff;
}

.kui .form-fields button:not([class*='btn']):not([class*='trumbowyg'])
{
	margin: 5px 0;
}

/* Page footer */

.kui .page-footer
{
	clear: left;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.kui .copyright
{
	float: left;
	font-size: 75%;
}

/* Messages */

.kui .system-messages
{
	background: #fafafa;
	border: 1px solid #dddddd;
	color: #888888;
	padding: 10px;
	margin-bottom: 20px;
	clear: left;
}

.kui .system-messages.error
{
	background: #eb3f1d none repeat scroll 0 0;
	border-color: #eb3f1d;
	color: #ffffff;
}

.kui .system-messages.warning
{
	background: #eb7d1d none repeat scroll 0 0;
	border-color: #eb7d1d;
	color: #ffffff;
}

.kui .system-messages.success
{
	background: #94d843 none repeat scroll 0 0;
	border-color: #94d843;
	color: #ffffff;
}

.kui .system-messages .message-text
{
	display: inline-block;
	text-align: left;
	width: 95%;
	color: inherit;
}

.kui .system-messages .message-close
{
	display: inline-block;
	width: 5%;
	color: inherit;
	cursor: pointer;
	float: right;
	text-align: right;
	opacity: 0.6;
}

.kui .system-messages .message-close:hover
{
	opacity: 1.0;
}

.placeholder .content #toolbar-main .table
{
	margin-top: 30px
	display: block
	border: none
	margin-bottom: 0
	line-height: 100%
	width: auto
	border-color: #000000;
}