/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
 * Fork of jQuery UI CSS Framework 1.11.0
 * CSS3 implement - font Awesome for icon
 * http://www.idianet.net
 * Palette :http://developer.android.com/design/style/color.htmld
 * Inspiration :http://themes.yac.cz/boo/
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Jquery ui CORE
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

/* Scrollbar
/*----------------------------------*/

	::-webkit-scrollbar              		{ width:16px; height:16px; border-radius:0; background:rgba(0, 0, 0, 0.1); border:none; box-shadow:4px 0 2px -2px rgba(0,0,0,0.1) inset; }
	::-webkit-scrollbar:horizontal   		{ box-shadow:0 4px 2px -2px rgba(0,0,0,0.1) inset; }
	::-webkit-scrollbar-button       		{ display:none; }
	::-webkit-scrollbar-track        		{ display:none; }
	::-webkit-scrollbar-track-piece  		{ display:none; }
	::-webkit-scrollbar-thumb        		{ border-radius:6px; border:2px solid transparent; background-clip:padding-box; }
	::-webkit-scrollbar-corner       		{ background-image:url(img/corner.png); background-repeat:no-repeat; background-position:0 0; background-color:rgba(0, 0, 0, 0.1); border:none; box-shadow:none; }
	::-webkit-resizer                		{ background-image:url(img/resizer.png); background-repeat:no-repeat; background-color:transparent; border:none; box-shadow:none; }
	::-webkit-scrollbar-thumb		 		{ background-color:#eee; background-position:center center; background-repeat:no-repeat; box-shadow:inset 0 0 0 1px rgba(0,0,0, 0.2); }
	::-webkit-scrollbar-thumb:vertical		{ background-image:url(img/grip-v.png), linear-gradient(135deg, transparent 0% ,rgba(0,0,0,0.05) 50%, transparent 100%); }
	::-webkit-scrollbar-thumb:horizontal	{ background-image:url(img/grip-h.png), linear-gradient(135deg, transparent 0% ,rgba(0,0,0,0.05) 50%, transparent 100%); }
	::-webkit-scrollbar-thumb:hover  		{ background-color:#339900; }

/* Fonts
----------------------------------*/
	@font-face {
		font-family:'Regular';
		src:url('fonts/Roboto-Regular.eot');
		src:url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Regular.woff') format('woff'),
			url('fonts/Roboto-Regular.ttf')  format('truetype'),
			url('fonts/Roboto-Regular.svg#Regular') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	@font-face {
		font-family:'Regular-Bold';
		src:url('fonts/Roboto-Bold.eot');
		src:url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
			url('fonts/Roboto-Bold.woff') format('woff'),
			url('fonts/Roboto-Bold.ttf')  format('truetype'),
			url('fonts/Roboto-Bold.svg#Regular-Bold') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	@font-face {
		font-family:'Condensed-Bold';
		src:url('fonts/RobotoCondensed-Bold.eot');
		src:url('fonts/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
			url('fonts/RobotoCondensed-Bold.woff') format('woff'),
			url('fonts/RobotoCondensed-Bold.ttf')  format('truetype'),
			url('fonts/RobotoCondensed-Bold.svg#Condensed-Bold') format('svg');
		font-weight:normal;
		font-style:normal;
	}
	@font-face {
		font-family:'Condensed';
		src:url('fonts/RobotoCondensed-Regular.eot');
		src:url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
			url('fonts/RobotoCondensed-Regular.woff') format('woff'),
			url('fonts/RobotoCondensed-Regular.ttf')  format('truetype'),
			url('fonts/RobotoCondensed-Regular.svg#Condensed') format('svg');
		font-weight:normal;
		font-style:normal;
	}

/* Commons
/*----------------------------------*/

	body 			{ background:radial-gradient(#fff, #ccc); color:#222; font-family:'Regular'; }
	body.isLogin	{ background:#fff; }
	strong			{ font-family:'Condensed-Bold'; font-weight:normal; }
	.alink			{ text-decoration:none; color: #339900; }
	.alink:hover	{ text-decoration:none; color: #33CC00; }

/* Login (for logout page)
/*----------------------------------*/

	#login-wrap 						{ background:radial-gradient(#fff, #ccc); }
	#login-form label 					{ font-family:'Regular'; font-size:12px; text-transform:none; }
	#login-form .ui-dialog-title 		{ font-size:16px; }
	#login-form .ui-table				{ width:290px; }
	#login-percent						{ font-family:'Regular'; }

/* Header
/*----------------------------------*/

	#header					 			{ padding:10px 10px 0 10px; height:56px !important; /*prevent on init -> shortcut */ margin:0; border-radius:0; background-image:linear-gradient(to bottom, #339900, #226600); background-color:#339900; box-shadow:0 0 0 1px #226600 inset; text-shadow:0 -1px 0 #226600; color:#fff; }
	#header h1							{ font-family:'Condensed-Bold'; font-size:18px; color:#fff; font-weight:normal; text-shadow:0 -1px 0 #226600; margin:0 10px; }
	#header .ui-state-default 			{ box-shadow:none; text-shadow:0 -1px 0 #226600; background:none; margin:0; color:#fff; }
	#header .ui-state-default .ui-icon	{ color:#fff; }
	#header .ui-state-hover,
	#header .ui-state-hover .ui-icon 	{ color:#fff; }

/* Footer
/*----------------------------------*/

	#footer.ui-widget-header 	{ padding:0 10px 10px 10px; box-shadow:none; background:none; margin:0; border-radius:0; }
	#copyright					{ line-height:16px; font-size:9px; color:#222; text-shadow:0 1px 0 #fff; }
	#copyright a 				{ line-height:1; font-size:12px; margin-right:5px; color:#222; }
	#copyright a:hover			{ line-height:1; font-size:12px; margin-right:5px; color:#339900; }
	#copyright .ui-icon			{ padding:0; }
	#loader						{ height:16px; }

/* Content
----------------------------------*/

	/* core */
	#mod-core 													{ background:transparent; padding:0; overflow:visible !important; }
	#mod-core-panels 											{ padding:0; background:#fff; height:100%; width:calc(100% - 130px); float:right;

  padding:10px 10px 10px 0;
  height: calc(100% - 20px);
  width: calc(100% - 140px);

	}


	#mod-core-tabs 												{ padding:0; margin:0 0 0 -1px; overflow:visible; position:relative; box-shadow:none; float:left; height:100%; }
	#mod-core-tabs .ui-tabs-scroll-container					{ background:#fff; box-shadow:none; }
	#mod-core-tabs .ui-tabs-nav 								{ width:130px; background:#fff; box-shadow:none; }
	#mod-core-tabs .ui-tabs-nav li 								{ width:110px; margin:5px 10px 0 10px; border-radius:3px; background-image:linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%); background-color:#eee; box-shadow:0 0 0 1px #ccc inset; text-shadow:0 1px 0 #fff; color:#444; }
	#mod-core-tabs .ui-tabs-nav li a							{ padding:10px; }
	#mod-core-tabs .ui-tabs-nav li a i 							{ padding:0 0 5px 0; display:block; }
	#mod-core-tabs .ui-tabs-nav li * 							{ color:#222; text-shadow:0 1px 0 #fff;	}
	#mod-core-tabs .ui-tabs-nav li.ui-state-active * {
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}
	#mod-core-tabs .ui-tabs-nav li.ui-state-active {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}
	#mod-core-tabs .ui-tabs-nav li.ui-state-hover * {
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}
	#mod-core-tabs .ui-tabs-nav li.ui-state-hover  {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}
	#mod-core-tabs .ui-tabs-nav li:first-child	{ margin-top:10px; }
	#mod-core-tabs .ui-tabs-nav-arrows 			{ width: calc(100% - 20px); left:10px; }
	#core 										{ background:none; box-shadow:none; overflow:visible!important; width:100%; float:none; }

	/* edition */
	#mod-edit 															{ background:#fff; right:0; left:0; width:100%; }
	#mod-edit-tabs			 											{ padding:0; overflow:visible; position:relative; background:#FFF; }
	#mod-edit-panels 													{ padding:10px 10px 10px 0; background:#fff; overflow:visible; }
	#mod-edit-panels > .ui-tabs-panel 									{ height:100% !important; position:relative; overflow: visible !important; }
	#mod-edit-panels > .ui-tabs-panel									{ background-color:#fff; background-image:none; box-shadow:0 0 0 1px #aaa; padding:0; margin:0; overflow:visible!important; border:none; border-radius:0; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs								{ margin:0; background:#fff; padding:1px; overflow:hidden; display:flex; justify-content:flex-start; align-items:center; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs a							{ padding:19px 10px; vertical-align:middle; overflow:hidden; text-align:left; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs a .ui-icon 					{ margin:0 5px 0 0; padding:0; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs button 						{ border-radius:3px; background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.1)); background-color:#fff; box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset; align-self:stretch; min-width:24px; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs button .ui-icon 			{ text-shadow:0 1px 0 #fff !important; color:#222 !important; padding:0; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs a i							{ display:inline-block; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs 							{ margin:5px 0 0 10px; border-radius:3px; background-image:linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%); background-color:#eee; box-shadow:0 0 0 1px #ccc inset; text-shadow:0 1px 0 #fff; color:#444; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs * 							{ color:#222; text-shadow:0 1px 0 #fff;	}
	#mod-edit .ui-tabs-nav li.mod-edit-tabs.ui-state-active * 			{ text-shadow:0 -1px 0 #226600; color:#fff; }
	#mod-edit .ui-tabs-nav li.mod-edit-tabs.ui-state-active {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}
	#mod-edit .ui-tabs-nav li.mod-edit-tabs.ui-state-hover * {
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}
	#mod-edit .ui-tabs-nav li.mod-edit-tabs.ui-state-hover  {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}
	#mod-edit .ui-tabs-nav li.mod-edit-tabs:first-child { margin-top:10px; }
	/* toggle button */
	#switchModEdit.isOpen							{ background:#fff; border-radius:4px 4px 0 0; color:#222; text-shadow:none; display:flex; align-items:center; justify-content:space-between; align-self:flex-end; }
	#switchModEdit:after							{ margin:5px 10px 5px 0; padding:5px; background:#fff; border-radius:4px; text-shadow:none; color:#222; font-family:'Condensed'; min-width:20px; }
	#switchModEdit.isOpen:after						{ margin:10px 10px 10px 0; background:#339900; color:#fff; }
	#switchModEdit.isOpen.ui-state-default .ui-icon { color:#222;}
	#switchModEdit.isOpen.ui-state-hover .ui-icon 	{ color:#222;}

/* Component containers
/*----------------------------------*/

	.ui-widget 				{ font-family:'Regular'; font-size:1.2em; }
	.ui-widget .ui-widget	{ font-size:1em; }
	.ui-widget-content		{ border:none; background:none; color:#222; }
	.ui-widget-header 		{ border:none; margin:0; padding:0; box-sizing:border-box; } /* beware this used in component (example:slider) */

/* Basic component
----------------------------------*/

	/* Corner radius */
	.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl 		{ border-top-left-radius	 :3px; }
	.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr 	{ border-top-right-radius	 :3px; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl 	{ border-bottom-left-radius	 :3px; }
	.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br 	{ border-bottom-right-radius :3px; }

	/* Overlay */
	.ui-widget-overlay {
		position:absolute !important;/* ???? BUG under chrome */
		background:rgba(0,0,0,0.1);
	}

	/* Icons */
	.ui-icon 				{ padding:10px; }
	.ui-icon-pull-left		{ float:left; margin:0 10px 10px 0; padding:0; }
	.icon-only-pad .ui-icon { padding:7px; line-height:1; }
	.ui-icon-error 			{ color:#FF9900; }

/* Interaction states
----------------------------------*/

	/* default */
	.ui-state-default {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}

 	/* focus */
	.ui-state-focus {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}

	/* active */
	.ui-state-active {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}

	/* hover */
	.ui-state-hover {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}

	/* Interaction Cues */
	.ui-state-highlight:not(.ui-state-active) 			{ color:#fff; background:#996633; box-shadow:0 0 0 1px #734d26 inset; text-shadow:0 -1px 0 #734d26; }
	.ui-state-error, .ui-state-error .optgroup-label	{ border-color:#cc7a00; background-color:#FF9900; color:#fff; }
	.ui-state-highlight.ui-state-error					{ opacity:1; border-color:#cc7a00; background-color:#FF9900; color:#fff; box-shadow:0 0 0 1px #cc7a00 inset; }
	.ui-state-error-text 								{ color:#fff; }
	.ui-priority-primary 								{ font-family:'Regular-Bold'; }
	.ui-priority-secondary:not(button)				 	{ opacity:0.6; font-family:'Regular'; }
	.ui-state-disabled 									{ opacity:0.4; }
	.ui-state-disabled .ui-priority-secondary 			{ opacity:1; }

	/* In layout header / dialog header */
	.ui-layout-header .ui-state-default,
	.ui-dialog-titlebar .ui-state-default 			{ box-shadow:none; text-shadow:0 1px 0 #fff; background:none; border-radius:0; color:#999; }
	.ui-layout-header .ui-state-default .ui-icon,
	.ui-dialog-titlebar .ui-state-default .ui-icon	{ color:#999; }
	.ui-layout-header .ui-state-hover,
	.ui-layout-header .ui-state-hover .ui-icon,
	.ui-dialog-titlebar .ui-state-hover,
	.ui-dialog-titlebar .ui-state-hover .ui-icon 	{ color:#222; }

	/*/////////////////////////////////////////////////////////////////////////
	***************************************************************************
	 * SPECIAL Interaction states
	 * checkbox, radio, datatable, slider, lib, elfinder, redactor, multiselect,
	 * datepicker, gridsert, column, colorless-button
	***************************************************************************
	/////////////////////////////////////////////////////////////////////////*/

	/* SPECIAL default */
	.colorless .ui-button.ui-state-default,
	.colorless-button.ui-state-default,
	.template-list .ui-state-default,
	.gridster .ui-state-default,
	.column .ui-state-default,
	.ui-multiselect .ui-state-default,
	.ui-slider .ui-slider-handle.ui-state-default,
	.lib.ui-state-default,
	.ui-datepicker-calendar .ui-state-default:not(.ui-state-highlight):not(.ui-state-active),
	.ui-datepicker-header .ui-state-default,
	.fg-toolbar .ui-state-default,
	.ui-tree-header .ui-state-default,
	.ui-tree-footer .ui-state-default,
	.elfinder-cwd .ui-state-default,
	.elfinder-button.ui-state-default {
		background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.1));
		background-color:#fff;
		box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset;
		text-shadow:0 1px 0 #fff;
		color:#222;
	}

	/* SPECIAL active */
	.colorless .ui-button.ui-state-active,
	.colorless-button.ui-state-active,
	.colorless-button.force-state-active,
	.template-list .ui-state-active,
	.gridster .ui-state-active,
	.column .ui-state-active,
	.ui-multiselect .ui-state-active,
	.lib.ui-state-active,
	.ui-datepicker-calendar .ui-state-active,
	.ui-datepicker-header .ui-state-active,
	.fg-toolbar .ui-state-active,
	.ui-tree-header .ui-state-active,
	.ui-tree-footer .ui-state-active,
	.dataTable tbody tr.ui-state-active td,
	.elfinder-tree .ui-state-active,
	.elfinder-cwd .ui-state-active,
	.elfinder-button.ui-state-active,
	.redactor_toolbar li a:active,
	.redactor_toolbar li a.redactor_act {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}

	/* SPECIAL hover */
	.colorless .ui-button.ui-state-hover,
	.colorless-button.ui-state-hover,
	.template-list .ui-state-hover,
	.gridster .ui-state-hover,
	.column .ui-state-hover,
	.ui-multiselect .ui-state-hover,
	.lib.ui-state-hover,
	.ui-datepicker-calendar .ui-state-hover,
	.ui-datepicker-header .ui-state-hover,
	.fg-toolbar .ui-state-hover,
	.ui-tree-header .ui-state-hover,
	.ui-tree-footer .ui-state-hover,
	.dataTable tbody tr:hover.ui-state-active td,
	.elfinder-tree .ui-state-hover,
	.elfinder-cwd .ui-state-hover,
	.elfinder-button.ui-state-hover,
	.redactor_toolbar li a:hover {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}

	/* SPECIAL error */
	.colorless .ui-button.ui-state-default.ui-state-error,
	.colorless-button.ui-state-default.ui-state-error {
		background-image:linear-gradient(to bottom, #ffad33, #FF9900);
		background-color:#ffad33;
		box-shadow:0 0 0 1px #FF9900 inset;
		text-shadow:0 1px 0 #fff;
		color:#222;
	}

	/* SPECIAL hover/active (must be white) */
	.ui-slider .ui-slider-handle.ui-state-hover,
	.ui-slider .ui-slider-handle.ui-state-active {
		background-image:linear-gradient(to top, transparent, rgba(0,0,0,0.1));
		background-color:#fff;
		box-shadow:0 0 0 1px rgba(0,0,0,0.3) inset, 0 0 0 2px #fff inset;
		text-shadow:0 1px 0 #fff;
		color:#222;
	}

	/* SPECIAL default input.alone label (no background & shadow) */
	input.alone ~ label.ui-state-default:not(.ui-state-highlight):not(.ui-state-active):not(.ui-state-hover) { }

	/* SPECIAL 2 icon in button */
	.ui-button[icon-2] .ui-button-icon-secondary { padding:5px !important; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - resizable
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-resizable { position:relative;}
	.ui-resizable-handle { position:absolute; font-size:0.1px; z-index:999; display:block; color:#bbbbbb; }
	.ui-resizable-handle:hover { color:#33CC00; }
	.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display:none; }
	.ui-resizable-n { cursor:n-resize; height:7px; width:100%; top:-5px; left:0; }
	.ui-resizable-s { cursor:s-resize; height:7px; width:100%; bottom:-5px; left:0; }
	.ui-resizable-e { cursor:e-resize; width:7px; right:-5px; top:0; height:100%; }
	.ui-resizable-w { cursor:w-resize; width:7px; left:-5px; top:0; height:100%; }
	.ui-resizable-se { cursor:se-resize; width:12px; height:12px; right:1px; bottom:1px; }
	.ui-resizable-sw { cursor:sw-resize; width:9px; height:9px; left:-5px; bottom:-5px; }
	.ui-resizable-nw { cursor:nw-resize; width:9px; height:9px; left:-5px; top:-5px; }
	.ui-resizable-ne { cursor:ne-resize; width:9px; height:9px; right:-5px; top:-5px;}

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - selectable
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-selectable-helper { border:1px dotted #000; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - autocomplet / menu
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* commom */
	.ui-menu { padding:2px; border-radius:3px; box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25), 0 5px 10px rgba(0, 0, 0, 0.2); color:#222; background:#fff; }

	/* menu */
	.ui-menu .ui-menu-item					{ display:block; white-space:nowrap; width:auto; border-radius:0; padding:10px; outline:none; text-shadow:none; text-decoration:none; border-radius:0; color:#222; cursor:pointer; }
	.ui-menu .ui-menu-item.ui-state-focus,
	.ui-menu .ui-menu-item.ui-state-active	{ background:#339900; text-shadow:0 -1px 0 rgba(0,0,0,0.3); color:#fff; box-shadow:none; }
	.ui-menu .ui-menu-item:first-child		{ border-top-left-radius:3px; border-top-right-radius:3px; }
	.ui-menu .ui-menu-item:last-child		{ border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
	.ui-menu .ui-menu-item .ui-icon			{ padding:0 10px 0 0; }
	.ui-menu-divider						{ border-style:solid; border-color:#dddddd; }

	/* splitButton */
	.splitButton .menu-is-open 				{ background:#fff !important; box-shadow:0 0 5px rgba(0,0,0,0.2) !important; border-radius:3px 3px 0 0 !important; }
	.splitButton .menu-is-open * 			{ color:#222 !important; text-shadow:none !important; }
	.splitButton .split-menu				{ position:absolute; left:0; }
	.splitButton .ui-menu 					{ padding:2px; font-weight:normal; color:#222; background:#fff; border-radius:0 0 3px 3px; border-bottom-color:rgba(0, 0, 0, 0.25); border-top:none; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
	.splitButton .ui-menu li:first-child 	{ border-radius:0; }
	.splitButton .ui-menu li:last-child 	{ border-radius:0 0 3px 3px; }
	.splitButton.top .menu-is-open			{ border-radius:0 0 3px 3px !important; }
	.splitButton.top .ui-menu				{ border-radius:3px 3px 0 0; border-top:none; box-shadow:0 -1px 10px rgba(0, 0, 0, 0.2); }

	/* menu-item visual */
	.ui-menu .ui-menu-item.ui-menu-item-visual				{ text-align:center; }
	.ui-menu .ui-menu-item.ui-menu-item-visual .visual		{ margin:auto; display:block; padding:0 !important; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - buttons
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* button set
	.ui-buttonset	{ letter-spacing: -0.32em; text-rendering:optimizespeed; }
	.ui-buttonset * { letter-spacing:normal; text-rendering:auto; }
*/
	/* button */
	button, .ui-button { font-weight:normal !important; font-family:'Condensed'; border:none; background-clip:padding-box; background-origin:padding-box; padding:0; }

	/* button element */
	.ui-button-text-only .ui-button-text { padding:10px; }
	.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding:10px 10px 10px 0; }
	.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding:10px 10px 10px 0; }
	.ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon { padding-left:10px; }
	.ui-button-text .ui-icon { padding:0; }

	/* two icon at top */
	.ui-icon-top { padding:10px 15px; }
	.ui-icon-top .ui-button-icon-primary { padding:0; display:block; }
	.ui-icon-top .ui-button-text { padding:0 !important; }
	.ui-icon-top .ui-button-icon-secondary { position:absolute; left:5px; top:5px; padding:0; min-width:0; }

	/* button spinner */
	.ui-spinner-button 		{ height:48%; }
	.ui-spinner-up			{ top:1px; }
	.ui-spinner-down		{ bottom:1px; }
	.ui-spinner .ui-icon	{ font-size:x-small; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - datepicker
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-datepicker	{ min-width:290px; padding:10px; overflow:hidden; border:none; background:#fff; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - spinner
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-spinner input	{ padding:9px; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - dialog
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-dialog												{ margin:0; padding:0; overflow:visible; background:none; box-shadow:0 0 40px rgba(0, 0, 0, 0.4); box-sizing:border-box; }
	.ui-dialog .ui-dialog-titlebar							{ padding:10px; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to top, #ccc 0%, #ddd 10%, #eee); box-shadow:0 -1px 0 0 #CCC inset, 0 0 0 1px #aaaaaa; }
	.ui-dialog .ui-dialog-buttonpane						{ padding:10px; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to bottom, #ccc 0%, #eee 10%, #ddd); box-shadow:0 1px 0 0 #CCC inset, 0 0 0 1px #aaaaaa; }
	.ui-dialog .ui-dialog-title	 							{ font-family:'Condensed-Bold'; padding:0; font-size:16px; font-weight:normal; text-transform:uppercase; color:#222; text-shadow:0 1px 0 #fff; }
	.ui-dialog .ui-dialog-title small						{ font-family:'Condensed'; text-transform:none; }
	.ui-dialog .ui-dialog-content							{ border:none; border-radius:0; margin:0; padding:0; overflow:auto; background:#f5f5f5; box-sizing:border-box; box-shadow:0 0 0 1px #aaaaaa; }
	.ui-dialog .ui-dialog-buttonpane .button 				{ cursor:pointer; margin:1px; }
	.ui-dialog .ui-resizable-se 							{ right:0; bottom:0; font-size:16px; padding:0; }
	.ui-draggable .ui-dialog-titlebar 						{ cursor:move; }
	.ui-dialog.fullscreen-dialog				 			{ top:0 !important; left:0 !important; 	}
	.ui-dialog.fullscreen-dialog .ui-layout-pane 			{ overflow:hidden !important; padding:0; top:0 !important; bottom:0 !important; right:0 !important; left:0 !important; 	}
	.ui-dialog .ui-layout-content 							{ padding:0; }

	/* special case */
	#dialog-confirm											{ padding:10px 20px; }
	.ui-dialog .ui-tabs .ui-tabs-panel 						{ overflow:auto; }
	.ui-dialog .ui-tabs-panel 								{ max-height:300px; }
	.ui-dialog.ui-resizable .ui-tabs-panel 					{ max-height:none; }
	.ui-dialog.fullscreen-dialog .ui-tabs-panel 			{ max-height:none; }


/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - redactor
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	#redactor_modal				{     margin: 0;
    padding: 0;
    overflow: visible;
    background: none;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.4);
    box-sizing: border-box; }
	#redactor_modal header 		{     padding: 17px;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    background-image: linear-gradient(to top, #ccc 0%, #ddd 10%, #eee);
    box-shadow: 0 -1px 0 0 #CCC inset, 0 0 0 1px #aaaaaa;
    font-family: 'Condensed-Bold';
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    color: #222;
    text-shadow: 0 1px 0 #fff; }
	#redactor_modal footer		{     padding: 10px;
    margin: 0;
    border-radius: 0;
    box-sizing: border-box;
    background-image: linear-gradient(to bottom, #ccc 0%, #eee 10%, #ddd);
    box-shadow: 0 1px 0 0 #CCC inset, 0 0 0 1px #aaaaaa; }
#redactor_modal_inner {
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    background: #f5f5f5;
    box-sizing: border-box;
    box-shadow: 0 0 0 1px #aaaaaa;
}



	#redactor_modal section		{ background:#fff; }
	.redactor_toolbar			{ background:#eee; background:linear-gradient(to top, #ddd, #eee); }
	.redactor_box 				{ box-shadow:0 0 0 1px rgba(0,0,0,0.1); }

	/* button */
	.redactor_modal_btn 								{ width:auto !important; }
	#redactor_modal_close 								{ top:10px; right:10px; }
	#redactor_modal_close.ui-state-default				{ box-shadow:none; text-shadow:0 -1px 0 rgba(0,0,0,0.8); background:none; border-radius:0; color:#eee; }
	#redactor_modal_close.ui-state-default .ui-icon		{ color:#999; }
	#redactor_modal_close.ui-state-hover,
	#redactor_modal_close.ui-state-hover .ui-icon		{ color:#222; }

	/* case inner editor */
	.has-inner-editor 	{ overflow:hidden !important; }

	/* dropdown */
	.redactor_dropdown	 				{ padding:5px; font-weight:normal; color:#222; background:#fff; border-radius:0 0 3px 3px; border-bottom-color:rgba(0, 0, 0, 0.25); border-top:none; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
	.redactor_dropdown a 				{ color:#222; text-decoration:none; }
	.redactor_dropdown a:first-child 	{ border-radius:0; }
	.redactor_dropdown a:last-child		{ border-radius:0 0 3px 3px; }
	.redactor_dropdown a:hover			{ background-color:#339900; text-shadow:0 -1px 0 rgba(0,0,0,0.3); color:#fff !important; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - slider
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-slider 								{ background:linear-gradient(to bottom, #dddddd 0%, #eeeeee 100%); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.9); height:20px; }
	.slider-scale .ui-slider small 			{ font-weight:normal; bottom:0; margin-left:8px; font-family:'Regular-Bold'; }
	.ui-slider .ui-slider-range 			{ border-radius:6px 0 0 6px; background-image:linear-gradient(to bottom, transparent, rgba(0,0,0,0.15)); background-color:#339900; border:3px solid transparent; border-right:0; box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset; background-clip:content-box; }
	.ui-slider-horizontal .ui-slider-handle { top:-2px; margin-left:-5px; }
	.ui-slider .ui-slider-handle 			{ width:10px; height:24px; border-radius:3px; }
	.slider-scale li 						{ padding:0; font-size:8px; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - progressbar
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-progressbar 						{ background:linear-gradient(to bottom, #dddddd 0%, #eeeeee 100%); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.9); height:14px; padding:3px; box-sizing:border-box; }
	.ui-progressbar .ui-progressbar-value	{ margin:0; border-radius:3px; background:linear-gradient(to bottom, #339900, #226600); box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset; }
	.ui-progressbar .ui-state-error			{ background:linear-gradient(to bottom, #FF9900, #cc7a00); }
	.ui-progressbar small 					{ font-weight:normal; bottom:0; margin-left:8px; font-family:'Regular-Bold'; }
	.progressbar-scale li					{ padding:0; font-size:8px; }

	/* footer */
	#progress-bar	{ background:linear-gradient(to bottom, #CCC 0%, #DDD 100%); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 #EEE; height:14px; }
	#percent 		{ color:#222; font-size:8px; line-height:16px; min-width:40px; text-align:left; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - tabs
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* default */
	.ui-tabs 								{ overflow:visible; border-radius:0; position:relative; }
	.ui-tabs .ui-tabs-nav 					{ border-radius:0; color:#222; background:#DDD; box-shadow:inset 0px -5px 10px -5px #BBB, 0 -1px 0 0 #DDD inset; box-sizing:border-box; overflow:hidden; }
	.ui-tabs .ui-tabs-nav li				{ border-radius:0; font-family:'Condensed-Bold'; font-weight:normal; }
	.ui-tabs .ui-tabs-nav li a				{ border-radius:0; padding:10px; text-transform:uppercase; }
	.ui-tabs .ui-tabs-nav li a .ui-icon 	{ padding:0; margin:0 5px 0 0; vertical-align:baseline; }
	.ui-tabs .ui-tabs-panel 				{ border-radius:0; }

	/* interaction states */
	.ui-tabs .ui-tabs-nav li:not(.ui-state-active) 					{ color:#222; box-shadow:-1px 0 0 #CCC inset, -2px 0 0 #FFF inset; text-shadow:none; background:none; }
	.ui-tabs .ui-tabs-nav li:not(.ui-state-active) a 				{ color:#222; text-shadow:0 1px 0 #fff; }
	.ui-tabs .ui-tabs-nav li:not(.ui-state-active).ui-state-hover 	{ color:#222; box-shadow:-1px 0 0 #CCC inset, -2px 0 0 #FFF inset; text-shadow:none; background:linear-gradient(to bottom, transparent, #fff); }
	.ui-tabs .ui-tabs-nav li:not(.ui-state-active).ui-state-hover a	{ color:#222; text-shadow:0 1px 0 #fff; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active 						{ background-image:linear-gradient(to bottom, #339900, #226600); background-color:#339900; box-shadow:0 0 0 1px #226600 inset; text-shadow:0 -1px 0 rgba(0,0,0,0.4); color:#fff; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
	.ui-tabs .ui-tabs-nav li.ui-tabs-active a .ui-icon				{ color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.4); }

	/* scroll tab nav */
	.ui-tabs-scroll-container										{ border-radius:0; color:#222;  box-sizing:border-box; background:#226600; }
	.ui-tabs-horizontal .ui-tabs-scroll-container 					{ padding-bottom:5px; font-size:1.1em; }
	.ui-tabs-horizontal .ui-tabs-nav-scrollable						{ background:linear-gradient(to bottom, #ddd, #eee); box-shadow:0 1px 0 #eee inset; }
	.ui-tabs-horizontal .ui-tabs-nav-arrows							{ top:-1px; }
	.ui-tabs-horizontal .ui-tabs-nav-arrows li 						{ line-height:35px; top:1px; border-radius:0; }
	.ui-tabs-horizontal .ui-tabs-nav-arrows li.ui-state-default 	{ background-color:rgba(0,0,0,0.5); }
	.ui-tabs-horizontal .ui-tabs-nav-arrows li.ui-state-hover		{ background-color:rgba(0,0,0,0.8); }
	.ui-tabs-nav-vertical											{ width:100%; }
	.ui-tabs-nav-vertical li 										{ width:100%; border-radius:0; }
	.ui-tabs-vertical .ui-tabs-nav-arrows							{ width:100%; }
	.ui-tabs-nav-vertical li.ui-state-default 						{ background-color:rgba(0,0,0,0.5); }
	.ui-tabs-nav-vertical li.ui-state-hover							{ background-color:rgba(0,0,0,0.8); }

	/* vertical-tabs */
	.ui-tabs .ui-tabs-vertical  											{ padding:0; overflow:visible; position:relative; box-shadow:none; height:calc(100% + 20px); margin:-10px 0 -10px -1px; z-index:1; position:absolute; background:#fff; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-scroll-container					{ background:none; box-shadow:none; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav 								{ width:auto; background:none; box-shadow:none; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li 								{ width:auto; float:none; margin:5px 10px 0 0; border-radius:3px; background-image:linear-gradient(to bottom, #f5f5f5 0%,#e5e5e5 100%); background-color:#eee; box-shadow:0 0 0 1px #ccc inset; text-shadow:0 1px 0 #fff; color:#444; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li a							{ padding:10px; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li a .ui-icon					{ padding:0 0 5px 0; display:block; margin:0; }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li * 							{ color:#222; text-shadow:0 1px 0 #fff;	}

	.ui-tabs .ui-tabs-panel-vertical 										{ height:100%; float:right; overflow:visible !important; z-index:0; }
.ui-tabs-vertical .ui-tabs-nav-arrows {   width: calc(100% - 10px); }
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li:first-child { margin-top:10px; }

	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li.ui-state-active * {
		text-shadow:0 -1px 0 #226600 !important;
		color:#fff !important;
	}
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li.ui-state-active {
		background-image:linear-gradient(to bottom, #339900, #226600);
		background-color:#339900;
		box-shadow:0 0 0 1px #226600 inset;
		text-shadow:0 -1px 0 #226600;
		color:#fff;
	}
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover * {
		text-shadow:0 -1px 0 #269900 !important;
		color:#fff !important;
	}
	.ui-tabs .ui-tabs-vertical .ui-tabs-nav li.ui-state-hover  {
		background-image:linear-gradient(to bottom, #33CC00, #269900);
		background-color:#33CC00;
		box-shadow:0 0 0 1px #269900 inset;
		text-shadow:0 -1px 0 #269900;
		color:#fff;
	}

	/* case in fieldset */
	fieldset .ui-tabs 															{ border-radius:3px; line-height:0; }
	fieldset .ui-tabs .ui-tabs-nav 												{ background:none; box-shadow:none; text-shadow:0 1px 0 #fff; color:#222; border-radius:3px 3px 0 0; display:inline-block; line-height:initial; overflow:visible; }
	fieldset .ui-tabs .ui-tabs-nav li											{ border-radius:0; font-family:'Condensed'; font-weight:normal; display:inline-block; float:none; vertical-align:middle; }
	fieldset .ui-tabs .ui-tabs-nav li a											{ padding:5px 10px; }
	fieldset .ui-tabs .ui-tabs-nav li:not(.ui-state-active) 					{ background:linear-gradient(to bottom, #fafafa, #eee); box-shadow:0 1px 0 0 #eee, 0 0 0 1px #ddd; text-shadow:0 1px 0 #fff; color:#222; }
	fieldset .ui-tabs .ui-tabs-nav li:not(.ui-state-active) a 					{ color:#222; text-shadow:0 1px 0 #fff; }
	fieldset .ui-tabs .ui-tabs-nav li:not(.ui-state-active).ui-state-hover 		{ background-image:linear-gradient(to bottom, #33CC00, #269900); background-color:#33CC00; box-shadow:0 0 0 1px #269900 inset; text-shadow:0 -1px 0 rgba(0,0,0,0.4); color:#fff; }
	fieldset .ui-tabs .ui-tabs-nav li:not(.ui-state-active).ui-state-hover a 	{ color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.4); }
	fieldset .ui-tabs .ui-tabs-nav li.ui-state-active 							{ background-image:linear-gradient(to bottom, #339900, #226600); background-color:#339900; box-shadow:0 0 0 1px #226600 inset; text-shadow:0 -1px 0 rgba(0,0,0,0.4); color:#fff; }
	fieldset .ui-tabs .ui-tabs-nav li.ui-tabs-active a,
	fieldset .ui-tabs .ui-tabs-nav li.ui-tabs-active a .ui-icon					{ color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,0.4); }
	fieldset .ui-tabs .ui-tabs-panel											{ line-height:initial; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - accordion
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-accordion 																	{ border-radius:0; }
	.ui-accordion .ui-accordion-content 											{ padding:5px; border-radius:0; clear:both; }
	.ui-accordion .ui-accordion-header 												{ font-family:'Condensed-Bold'; font-weight:normal; padding:5px; margin:0; font-size:1.1em; box-shadow:0 1px 0 0 #FFF inset, 0 -1px 0 0 #BBB inset; text-shadow:0 -1px 0 rgba(0,0,0,0.8); background:#DDD; color:#222; border-radius:0; overflow:hidden; }
	.ui-accordion .ui-accordion-header .ui-accordion-header-icon 					{ position:relative; margin:auto; padding:0 5px 0 0; }
	.ui-accordion .ui-accordion-header:not(.ui-state-active).ui-state-hover 		{ background:#CCC; box-shadow:0 1px 0 0 #DDD inset, 0 -1px 0 0 #000 inset; }
	.ui-accordion .ui-accordion-header.ui-state-active 								{ box-shadow:0 -1px 0 0 #eee inset; background-image:linear-gradient(to bottom, #fff, #eee); color:#222;  text-shadow:0 1px 0 #fff; }
	.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon 	{ color:#222; text-shadow:0 1px 0 #fff; }
	.ui-accordion .ui-accordion-header:first-child 									{ border-top:1px solid #BBB; }
	.ui-accordion-header-buttonset													{ position:absolute; z-index:1; right:0; margin:3px; }

	/* case in fieldset */
	.fieldset.ui-accordion 																{ border:1px solid #ccc; border-top:none; margin:10px; }
	.fieldset.ui-accordion .ui-accordion-header											{ border-radius:0; border:none; border-top:1px solid #ccc; color:#222; background:#eeeeee; box-shadow:none; line-height:20px; text-shadow:none; }
	.fieldset.ui-accordion .ui-accordion-header:not(.ui-state-active).ui-state-hover,
	.fieldset.ui-accordion .ui-accordion-header:not(.ui-state-active).ui-state-focus 	{ background:#fff; box-shadow:none; }
	.fieldset.ui-accordion .ui-accordion-header.ui-state-active 						{ box-shadow:0 -1px 0 0 #eee inset; background-image:linear-gradient(to bottom, #fff, #eee); color:#222;  text-shadow:0 1px 0 #fff; }
	.fieldset.ui-accordion .ui-accordion-content 										{ padding:15px; border-radius:0; background:#fff; clear:both; box-sizing:border-box; box-shadow:0 1px 0 0 #ccc inset; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Widgets - tooltip
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-tooltip 				{ box-shadow:0 5px 10px rgba(0, 0, 0, 0.3); color:#222; text-shadow:0px 1px 0 #fff; background:linear-gradient(to bottom, #fff, #eee); font-weight:normal; }
	.ui-tooltip  .ui-icon 		{ margin:0 5px 0 0; padding:0; }
	.tooltip-help				{ background:none !important; box-shadow:none !important; }
	.tooltip-help *				{ text-shadow:1px 1px 1px #fff, 0 0 0 rgba(0,0,0,0.4), 1px 1px 1px #fff; color:rgba(0,0,0,0.4); vertical-align:top; }
	/* error */
	.ui-tooltip.ui-state-error 								{ box-shadow:0 0 0 1px #ffad33 inset, 0 0 0 1px #cc7a00,0 5px 10px rgba(0, 0, 0, 0.3); }
	.ui-tooltip.ui-state-error .ui-tooltip-content:before 	{ font-family:'FontAwesome'; padding:0 5px 0 0; display:inline-block; content:"\f071"; color:#FF9900; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - form
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-form	{ border-radius:0; }

	/* fieldset */
	.ui-form-fieldset,
	fieldset.ui-widget-content  { color:#222; /*border:1px dotted #ccc;*/ border:none; padding:10px; border-radius:0; box-sizing:content-box; }
	.ui-form-fieldset .ui-form-fieldset,
	fieldset.ui-widget-content fieldset.ui-widget-content  { border:none; padding:0; margin:10px 0 0 0; border-radius:0; box-sizing:content-box; width:100%; }
	fieldset.no-ui { border:none; margin:10px; padding:0; }

	/* legend */
	.ui-form-legend,
	legend.ui-widget-content	{ color:#226600; font-size:1.4em; font-family:'Condensed-Bold'; margin:0; padding:0; text-shadow:none; font-weight:normal; }
	fieldset fieldset .ui-form-legend,
	fieldset fieldset legend.ui-widget-content 	{ color:#226600; font-size:1em; font-family:'Condensed-Bold'; margin:0 0 5px 0; padding:0; text-shadow:none;  }
	.ui-form-legend > .ui-icon  		{ padding:0 10px 0 0; }
	.ui-form-legend > .ui-icon.alone 	{ padding:0; }
	.buttonset-legend					{ top:0; right:5px; }

	/* label */
	strong,
	.ui-form-label, .ui-label { font-weight:normal; font-family:'Condensed-Bold'; font-size:1.1em; }

	/* input */
	.ui-widget input,
	.ui-widget select,
	.ui-widget textarea 			{ font-family:'Regular'; font-size:1em; }
	.ui-form-input 					{ color:#fff; padding:9px; margin:1px; vertical-align:middle; text-shadow:none !important; }
	.ui-radio 						{ white-space:nowrap; }
	.ui-radio .ui-icon 				{ display:inline-block; vertical-align:baseline; line-height:0;  }
	.ui-radio-theme label			{ padding:5px 0; border-radius:3px; }
	.ui-radio-block-button .ui-icon	{ display:block; vertical-align:middle; line-height:normal; padding:10px; }

	/* input interaction states */
	.ui-form-input,
	.ui-form-input.ui-state-default 								{ border:none; text-shadow:none; color:#222; background:#eeeeee; border:1px solid; border-color:rgba(0,0,0,0.3) rgba(0,0,0,0.2) rgba(0,0,0,0.1); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; }
	.ui-form-input:not([disabled]):not([readonly]):hover,
	.ui-form-input.ui-state-hover:not([disabled]):not([readonly]) 	{ background:#fff; }
	.ui-form-input:not([disabled]):not([readonly]):focus,
	.ui-form-input.ui-state-focus:not([disabled]):not([readonly]) 	{ background:#fff; }
	.ui-form-input.ui-state-error 									{ color:#fff; background:#FF9900; border-color:#cc7a00 #FF9900 #FF9900; }
	.ui-form-input.ui-state-error:hover,
	.ui-form-input.ui-state-error.ui-state-hover,
	.ui-form-input.ui-state-error.ui-state-focus					{ color:#222; }


	.ui-box 								{ border-radius:3px; padding:10px; background:#fff; border:none;     box-shadow: 0 0 10px rgba(0,0,0,0.1), 0 0 0 1px #ddd; color:#222; }
	.ui-box-header							{ margin:0; display:flex; border-radius:3px 3px 0 0; padding:5px;     box-shadow: 0 0 10px rgba(0,0,0,0.1), 0 0 0 1px #ddd; color:#222; background:linear-gradient(to top, #ddd, #eee); align-items:center; justify-content: space-between; }
	.ui-box-footer							{ margin:0; display:flex; border-radius:0 0 3px 3px; padding:5px;     box-shadow: 0 0 10px rgba(0,0,0,0.1), 0 0 0 1px #ddd; color:#222; background:linear-gradient(to bottom, #ddd, #eee); }
	.ui-box-name							{ color:#226600; font-size:1.2em; font-family:'Condensed-Bold'; margin:10px 0; padding:0; text-shadow:none; }
	.ui-box .ui-box,
	.ui-box .ui-table						{ background:#fafafa; border-color:#fafafa; }
	.has-f, .has-f .caption					{ border-bottom-left-radius:0!important; border-top-bottom-radius:0!important; }
	.has-h,
	.ui-box-header + .ui-box,
	.ui-box-header + .ui-box > .caption,
	.ui-box-header + .ui-table,
	.ui-box-header + .ui-table > .caption	{ border-top-left-radius:0!important; border-top-right-radius:0!important; }
	.has-hf, .has-hf .caption				{ border-radius:0!important; }

	.ui-box-row 			{ padding:5px; }
	.ui-col-box .ui-box-header	{ border-radius:3px 0 0 3px; border-bottom: none; }
	.ui-col-box .ui-box-header>label { margin:0 1px 5px 0; display:block; padding-right:0;}
	.ui-col-box .ui-box.ui-box-table {
	  border-bottom: none;
	  border-radius: 0 3px 3px 0;
	}
	.row-spacer { height:10px; }
	.ui-table-alone {
	  border-radius:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
	}
	.dialog-white .ui-dialog-content {
    background: #ffffff !important;
	}

	/* info */
	.ui-form-info,
	.ui-form-info.ui-widget-content { border-radius:3px; padding:10px; background:#fff; border:none; box-shadow:0 0 0 1px #ddd inset; color:#222; }

	/* info error */
	.ui-box-error,
	.ui-form-info-error,
	.ui-form-info-error.ui-widget-content 	{ border-radius:3px; padding:10px; background:#fff; border:none; box-shadow:0 0 0 1px #ffad33 inset, 0 0 0 1px #cc7a00; color:#222; }

	/* alert */
	.ui-box-alert,
	.ui-form-alert,
	.ui-form-alert.ui-widget-content 	{ border-radius:3px; padding:10px; border:none; background:#fff; box-shadow:0 0 0 1px #ffad33 inset, 0 0 0 1px #cc7a00; text-shadow:0 1px 0 #fff; color:#222; }
	.ui-form-alert .ui-form-alert-icon 	{ float:left; overflow:hidden; margin-right:10px; color:#FF9900; }

	/* form with no fieldset */
	.ui-form.ui-form-fieldset { box-shadow:none; border:none; background:none; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - selectmenu
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* button */
	.ui-selectmenu.ui-state-active 						{ background:#fff !important; box-shadow:0 0 5px rgba(0,0,0,0.2) !important; color:#222; text-shadow:none; }
	.ui-selectmenu.ui-state-active * 					{ color:#222 !important; text-shadow:none !important; }
	.ui-selectmenu.ui-state-active.at-bottom 			{ border-radius:3px 3px 0 0 !important; }
	.ui-selectmenu.ui-state-active.at-top 				{ border-radius:0 0 3px 3px !important; }
	.ui-selectmenu-icon 								{     padding: 10px 10px 10px 0; }

	/* list menu */
	.ui-selectmenu-menu 								{ padding:2px; font-weight:normal; color:#222; background:#fff; }
	.ui-selectmenu-menu.at-bottom 						{ border-radius:0 0 3px 3px; border-bottom-color:rgba(0, 0, 0, 0.25); border-top:none; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
	.ui-selectmenu-menu.at-top 							{ border-radius:3px 3px 0 0; border-top-color:rgba(0, 0, 0, 0.25); border-bottom:none; box-shadow:0 -5px 10px rgba(0, 0, 0, 0.2); }
	.ui-selectmenu-menu ul								{ border-radius:0; }
	.ui-selectmenu-menu li 								{ padding:0; margin:0; color:#222; overflow:hidden; }
	.ui-selectmenu-menu li a 							{ color:#222; text-decoration:none; }
	.ui-selectmenu-menu.at-bottom li:first-child 		{ border-radius:0; }
	.ui-selectmenu-menu.at-bottom li:last-child 		{ border-radius:0 0 3px 3px; }
	.ui-selectmenu-menu.at-top li:first-child 			{ border-radius:3px 3px 0 0; }
	.ui-selectmenu-menu.at-top li:last-child 			{ border-radius:0; }
	.ui-selectmenu-menu li.ui-selectmenu-item-focus a 	{ background-color:#339900; text-shadow:0 -1px 0 rgba(0,0,0,0.3); color:#fff; }

	/* special case language */
	#pages-language-form .ui-selectmenu-status			{ padding: 8px 25px 8px 30px; }
	#pages-language-form .ui-selectmenu:before			{ font-family:'FontAwesome'; padding:0; display:inline-block; position:absolute; top:8px; left:10px; content:"\f024"; color:inherit;text-shadow:inherit; font-size:14px;  }


/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - multiselect
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-multiselect 					{ border:none; overflow:hidden; background:transparent; box-sizing:content-box;	}
	.ui-multiselect .ui-widget-header 	{ margin:1px; padding:5px; border:none; border-radius:3px 3px 0 0; color:#222; background:#f5f5f5; box-shadow:0 0 0 1px #bbb, 0 0 0 1px #fff inset; }
	.ui-multiselect .ui-widget-title 	{ font-family:'Condensed-Bold'; margin:0 0 2px 0; font-size:0.9em; display:block; }
	.ui-multiselect .ui-widget-action 	{ float:none; }
	.ui-multiselect .col-selected 		{ border-right:1px solid transparent !important; border-radius:0 0 0 3px; }
	.ui-multiselect .col-available		{ border-left:1px solid transparent; !important; border-radius:0 0 3px 0; }
	.ui-multiselect .optgroup-label		{ margin:4px 5px; font-family:'Condensed'; font-weight:normal; }
	.ui-multiselect .col-selected > ul,
	.ui-multiselect .col-available > ul { padding:3px 0; margin:0; height:calc(100% - 7px); color:#222; background:#eeeeee; border:1px solid; border-color:#bbb #ccc #bbb; border-top:0; box-shadow:0 1px 2px rgba(0, 0, 0, 0.2) inset; }
	.ui-multiselect li					{ width:calc(100% - 14px); margin:1px 5px; font-family:'Regular'; }
	.ui-multiselect .optgroup 			{ width:auto; }
	.ui-multiselect li .ui-icon			{ padding:2px 5px 2px 2px; }

	/* interaction states */
	.ui-multiselect.ui-state-error .col-selected > ul,
	.ui-multiselect.ui-state-error .col-available > ul { background:#FF9900; border-color:#cc7a00 #FF9900 #ffad33; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - notify
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-pnotify										{ top:10px; box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
	.ui-pnotify-title 								{ margin:0 0 5px 0; }
	.ui-pnotify .ui-pnotify-shadow					{ background-image:linear-gradient(to bottom, #fff, #eee); box-shadow:none; text-shadow:0 1px 0 #fff; color:#222; padding:20px; }
	.ui-pnotify .ui-state-error						{ box-shadow:0 0 0 1px #ffad33 inset, 0 0 0 1px #cc7a00; }
	.ui-pnotify .ui-pnotify-icon 					{ color:#339900; }
	.ui-pnotify .ui-state-error	.ui-pnotify-icon	{ color:#FF9900; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - layout
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-layout-header							{ padding:10px; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to top, #ccc 0%, #ddd 10%, #eee); box-shadow:0 -1px 0 0 #aaa inset; }
	.ui-layout-footer 							{ padding:10px; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to bottom, #CCC 0%, #EEE 10%, #DDD); box-shadow:0 1px 0 0 #aaa inset; }
	.ui-layout-header .ui-widget-title 			{ font-family:'Condensed-Bold'; font-size:16px; padding:0; text-transform:uppercase; color:#222; text-shadow:0 1px 0 #fff; }
	.ui-layout-header .ui-widget-title small	{ font-family:'Condensed'; text-transform:none; }
	.ui-layout-pane.ui-widget-content			{ background:none; border:none; box-shadow:none; }
	.ui-layout-content 							{ color:#222; border:none; border-radius:0; padding:0; overflow:auto; margin:0; background:#f5f5f5; }
	.ui-layout-resizer 							{ border:none; box-shadow:none; border-radius:0; }
	.ui-layout-resizer-hover					{}
	.ui-layout-resizer-dragging 				{ background:rgba(0,0,0,0.5); }
	.ui-layout-toggler 							{ overflow:visible !important; }
	.ui-layout-toggler .ui-icon 				{ color:#222; box-shadow:none; }
	.ui-layout-toggler .ui-icon:hover 			{ background:#339900; color:#fff; }
	.ui-layout-background-icon:before 			{ font-size:10em; }

	/* loader */
	.layout-loader								{ background:#eee; box-shadow:none; border-radius:0; box-shadow:0 0 0 1px #aaa;  }
	.layout-loader div							{ font-size:24px; color:#222; text-shadow:0 1px 0 #fff; }
	.pane-loader								{ background:none; box-shadow:none; border-radius:0; box-shadow:none;  }
	.pane-loader div							{ font-size:24px; color:#222; text-shadow:none; }

	 /* core */
	#core .ui-effects-wrapper					{ overflow:visible!important; }
	#core .ui-layout-pane						{ background-color:#EEE; background-image:none; box-shadow:0 0 0 1px #aaa; padding:0; margin:0; overflow:visible!important; border:none; border-radius:0; }
	#core .ui-layout-pane.has-inner-pane		{ background-color:#EEE; background-image:none; box-shadow:0 0 0 2px #EEE; border-radius:0 }

	.ui-layout-content-header					{ padding:5px; display:flex; width:100%; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to bottom, #DDD, #CCC); box-shadow:0 1px 0 0 rgba(255,255,255,0.1) inset, 0 -1px 0 0 rgba(0,0,0,0.1) inset; }

	.ui-layout-tabs-header						{ padding:5px;color:#222; margin:0; border-radius:0; box-sizing:border-box; background:#eee; background:linear-gradient(to bottom, #ddd, #eee); box-shadow:0 1px 0 0 rgba(255,255,255,0.1) inset, 0 -1px 0 0 rgba(0,0,0,0.1) inset; }
	.ui-layout-tabs-content						{ height:calc(100% - 36px); overflow:auto; }

	/* module menu */
	#core .ui-layout-pane.layout-module-menu 		{ box-shadow:none; min-height:60px; }
	#core .ui-layout-pane.layout-module-menu button	{ margin:0; display:inline-block; }
	#core .layout-module-menu-content 				{ background-color:transparent; background-image:none; box-shadow:none; border-radius:0; overflow:hidden; margin:0; padding:0; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - datatables
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* default */
	.dataTable 														{ border-spacing:0; border-collapse:collapse; box-sizing:border-box; /* only if border */ }
	.dataTable th,.dataTable td 									{ box-sizing:border-box; font-weight:normal; /* only if border */ }
	.dataTable thead th												{ font-family:'Condensed-Bold'; text-transform:uppercase; }
	.dataTable tbody tr.odd, .dataTable tbody tr:nth-child(odd)		{ background:rgba(0,0,0,0.01); text-shadow:none; }
	.dataTable tbody tr.even, .dataTable tbody tr:nth-child(even) 	{ background:rgba(255,255,255,0.5); text-shadow:none; }
	.dataTable ::-webkit-input-placeholder,
	.dataTable :-moz-placeholder,
	.dataTable ::-moz-placeholder,
	.dataTable :-ms-input-placeholder 								{ color:#999; opacity:1; }

	/* interaction states */
	.dataTable thead tr th.ui-state-default 							{ border:1px solid #ddd; border-bottom-color:#bbb; box-shadow:none; }
	.dataTable thead tr th.ui-state-hover 								{ border:1px solid #ddd; border-bottom-color:#bbb; box-shadow:none; }
	.dataTable thead tr th.ui-state-default .DataTables_sort_wrapper	{ box-shadow:0 0 0 1px #226600 inset; }
	.dataTable thead tr th.ui-state-hover .DataTables_sort_wrapper 		{ box-shadow:0 0 0 1px #269900 inset; }
	.dataTable thead tr th.sorting_disabled,
	.dataTable thead tr th.sorting_disabled.ui-state-default 			{ box-shadow:none !important; color:#666; text-shadow:0 1px 1px #fff; background:linear-gradient(to bottom, #ddd, #eee); }
	.dataTable thead tr th.sorting_disabled .DataTables_sort_wrapper 	{ box-shadow:none !important; }
	.dataTable tbody tr td 												{ border:1px solid #ddd; }
	.dataTable tfoot tr th.sorting_disabled.ui-state-default			{ color:#666; text-shadow:0 1px 1px #fff; background:linear-gradient(to top, #ddd, #eee); border:1px solid transparent; border-top-color:#bbb; box-shadow:none !important; }
	.dataTable tbody tr:hover, .dataTable tbody tr.hover 				{ background-color:#fff; }

	.dataTable tfoot 												{ border-top:1px solid #ddd; }

	/* scroll */
	.dataTables_wrapper .ui-widget-header 	{ color:#222; padding:5px; border:none; border-radius:3px 3px 0 0; margin:0; overflow:hidden; background:#eee; background:linear-gradient(to top, #ddd, #eee); }
	.dataTables_wrapper .ui-widget-footer	{ border-radius:0 0 3px 3px; border:none; margin:0; min-height:23px; background:#eee; background:linear-gradient(to bottom, #ccc 0%, #ddd 15%, #eee 100%); box-shadow:inset 0px 1px 0 #bbb; }
	.dataTables_scrollHead 					{ background:linear-gradient(to bottom, #ddd, #eee); box-shadow: 0 -1px 0 #bbb inset; }
	.dataTables_scrollBody 					{ color:#222; margin:0; padding:0; overflow:auto; border-radius:0; background:#f5f5f5; }
	.dataTables_scrollFoot 					{ background:linear-gradient(to top, #ddd, #eee); box-shadow:0 1px 0 #bbb inset; }

	/* fixed columns */
	.DTFC_ScrollWrapper		{ overflow:hidden; }
	.DTFC_LeftHeadBlocker,
	.DTFC_RightHeadBlocker	{ background:linear-gradient(to bottom, #dddddd, #eeeeee); box-shadow:0 -1px 0 #bbb inset; }
	.DTFC_LeftFootWrapper,
	.DTFC_RightFootWrapper,
	.DTFC_LeftFootBlocker,
	.DTFC_RightFootBlocker	{ color:#666; background:linear-gradient(to top, #dddddd, #eeeeee); box-shadow:0 1px 0 #bbb inset; }
	.DTFC_LeftHeadWrapper,
	.DTFC_LeftBodyWrapper,
	.DTFC_LeftFootWrapper 	{ box-shadow:1px 0 0 0 rgba(0,0,0,0.1); }
	.DTFC_RightHeadWrapper,
	.DTFC_RightBodyWrapper,
	.DTFC_RightFootWrapper 	{ box-shadow:none; }
	.DTFC_RightBodyWrapper,
	.DTFC_LeftBodyWrapper	{ background:#eeeeee; }

	/* extra */
	.paging_full_numbers .ui-button 					{ padding:5px; width:auto; height:auto; line-height:1; min-width:12px; }
	.dataTable tfoot ul.tagit 							{ margin:2px; width:calc(100% - 6px); }
	.dataTable tfoot ul.tagit li.tagit-new				{ padding:1px 5px; }
	.dataTable tfoot ul.tagit li.tagit-choice-editable 	{ margin:1px; }

	/* button */
	.datatable-actions 									{ text-align:center; display:block; padding:5px; }
	.datatable-actions > .ui-button 					{ border-radius:0; }
	.datatable-actions > .ui-button:first-child 		{ border-radius:3px 0 0 3px; }
	.datatable-actions > .ui-button:last-child 			{ border-radius:0 3px 3px 0; }
	.ui-selectmenu.ui-state-active 						{ background:#fff !important; box-shadow:0 0 5px rgba(0,0,0,0.2) !important; }
	.ui-selectmenu.ui-state-active * 					{ color:#222 !important; text-shadow:none !important; }
	.ui-selectmenu.ui-state-active.at-bottom 			{ border-radius:3px 3px 0 0 !important; }
	.ui-selectmenu.ui-state-active.at-top 				{ border-radius:0 0 3px 3px !important; }
	.ui-selectmenu-icon 								{ margin:0; top:0; min-width:0; }

	/* col visible */
	.ColVis_collection	 	{ border-radius:3px; padding:10px; font-weight:normal; color:#222; background:#fff; border-bottom-color:rgba(0, 0, 0, 0.25); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); }
	.ColVis_collection li 	{ color:#222; }

	/* in ui-box */
	.ui-box .dataTable								{ table-layout:auto;}
	.ui-box .dataTable thead th						{ padding:5px; cursor:default; }
	.ui-box .dataTable tfoot th						{ padding:10px 10px 0 10px; cursor:default; font-weight:bold; }
	.ui-box .dataTable thead th:first-child 		{ width:100%; }
	.ui-box .dataTable tbody tr:nth-child(odd)		{ background:rgba(0,0,0,0.02); }
	.ui-box .dataTable tbody tr td:last-child 		{ padding:5px; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - fileupload
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.fileupload-info .info 						{ display:inline-block; vertical-align:middle; }
	.preview .ui-icon,
	.sharespace_visual .ui-icon,
	.fileupload-displayed .ui-icon 				{ text-shadow:1px 1px 1px #fff, 0 0 0 rgba(0,0,0,0.05), 1px 1px 1px #fff; color:rgba(0,0,0,0.1); }
	.sharespace_visual							{ padding:10px; margin:0; }
	.fileupload-displayed						{ display:inline-block; padding:0; border-radius:3px; box-shadow:none; }
	.fileupload .fileupload-info .preview 		{ display:inline-block; padding:0; margin-right:10px; border-radius:3px; width:100px; }
	.fileupload .fileupload-info .preview i		{ padding:0; }
	.fileupload table td 						{ padding:0; }
	.fileupload table td.preview 				{ padding-right:10px; }
	.fileupload table td.preview a 				{ color:#222; }
	.fileupload table td.preview > i,
	.fileupload table td.preview > a,
	.fileupload table td.preview .fade canvas	{ display:block; overflow:hidden; padding:0; border-radius:3px; margin:0; }
	.fileupload table td.preview .ui-icon 		{ padding:10px; min-width:60px; line-height:1 }
	.fileupload .btn-danger 					{ margin:0 !important; }
	.fileupload table 							{ overflow:hidden; }
	.fileupload table p 						{ padding:0; margin:0; }
	.fileupload table p.name 					{ padding:0; margin:0; font-family:'Regular-Bold'; }
	.fileupload table p.size 					{ padding:0; margin:0 0 5px 0; font-style:italic; }
	.fileupload table p.button-set 				{ margin:10px 0 0 0; }
	.fileupload table tr:nth-child(even),
	.fileupload table tr:nth-child(even) td		{ background:rgba(255,255,255,0.1); }
	.fileupload table tr:nth-child(odd),
	.fileupload table tr:nth-child(odd) td		{ background:transparent; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - tree / list
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.ui-tree 							{ padding:5px}
	.ui-accordion > .ui-list			{ padding:3px 5px; }
	.ui-list-button						{ font-family:'Condensed'; padding:0; }
	.ui-tree .ui-state-highlight		{ border-radius:3px; }
	.ui-tree-header						{ padding:5px;color:#222; margin:0; border-radius:0; background:#eee; background:linear-gradient(to top, #ddd, #eee); box-shadow:0 1px 0 0 rgba(255,255,255,0.1) inset, 0 -1px 0 0 rgba(0,0,0,0.1) inset; }
	.ui-tree-footer						{ padding:5px;color:#222; margin:0; border-radius:0; background:#eee; background:linear-gradient(to bottom, #ccc 0%, #ddd 15%, #eee 100%); box-shadow:inset 0px 1px 0 #bbb; }
	.ui-tree-content					{ overflow:auto; position:relative; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Plugins - elfinder
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	.elfinder-toolbar 							{ color:#222; padding:5px; border:none; border-radius:0; margin:0; background:#eee; background:linear-gradient(to top, #ddd, #eee); position:relative; box-shadow:0 0 0 1px #aaaaaa; display:flex; align-items:flex-start; flex-wrap:wrap; }
	.elfinder-statusbar							{ border-radius:0; padding:10px; color:#222; text-decoration:none; border:none; margin:0; min-height:23px; background:#eee; background:linear-gradient(to bottom, #ddd, #eee); box-shadow:inset 0px 3px 6px -3px rgba(0,0,0,0.3); }
	.elfinder-navbar							{ background:#ddd; box-shadow:0 0 0 1px #aaaaaa; color:#222; border:none; font-weight:normal; text-shadow:none; }
	.elfinder-cwd-wrapper 						{ background:#eee; box-shadow:0 0 0 1px #aaaaaa; color:#222; border:none; font-weight:normal; text-shadow:none; }
	.elfinder-workzone 							{ background:#eee; box-shadow:0 0 0 1px #aaaaaa; color:#222; border:none; font-weight:normal; text-shadow:none; }
	.elfinder-button:first-child				{ border-top-left-radius:3px; border-bottom-left-radius:3px; }
	.elfinder-button:last-child 				{ border-top-right-radius:3px; border-bottom-right-radius:3px; }
	.elfinder .dataTable th						{ padding:5px; color:#222; cursor:default; }
	.elfinder .dataTable td						{ padding:10px; color:#222; }
	.elfinder-ltr .elfinder-navbar-dir 			{ margin:1px 0}
	.elfinder .elfinder-button-search 			{ align-items:stretch; }
	.elfinder-button-search .ui-icon 			{ margin:-7px 10px 0; }
	.elfinder .elfinder-button-search			{ margin:5px; }
	.elfinder-drag-num 							{ width:16px; height:16px; padding:1px; font-size:10px; line-height:16px; font-weight:normal; background-color:#339900; border-radius:10px; }
	.elfinder-dialog .ui-dialog-content			{ padding:10px; box-sizing:content-box; }
	.elfinder .elfinder-cwd-wrapper.elfinder-droppable-active { border:4px dashed #33CC00; }

	/* in dialog */
	.dialogelfinder .elfinder-statusbar 		{ color:#222; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to bottom, #ccc 0%, #eee 10%, #ddd); box-shadow:0 1px 0 0 #CCC inset, 0 0 0 1px #aaaaaa; }

	/* contextmenu */
	.elfinder-button-menu,
	.elfinder-contextmenu,
	.elfinder-contextmenu-sub  					{ padding:2px; border-radius:3px; border:1px solid rgba(0, 0, 0, 0.25); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); color:#222; background:#fff; }
	.elfinder-button-menu-item,
	.elfinder-contextmenu-item					{ display:block; width:auto; border-radius:0; outline:none; text-shadow:none; text-decoration:none; border-radius:0; }
	.elfinder-button-menu-item.ui-state-focus,
	.elfinder-button-menu-item.ui-state-active,
	.elfinder-contextmenu-item.ui-state-focus,
	.elfinder-contextmenu-item.ui-state-active	{ background:#339900; text-shadow:0 -1px 0 rgba(0,0,0,0.3); color:#fff; box-shadow:none; }
	.elfinder-button-menu-item:first-child,
	.elfinder-contextmenu-item:first-child		{ border-top-left-radius:3px; border-top-right-radius:3px; }
	.elfinder-button-menu-item:last-child,
	.elfinder-contextmenu-item:last-child		{ border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
	.elfinder-button-menu-separator				{ border-top:1px solid #ddd; }
	.elfinder-contextmenu-separator 			{ border:none; height:1px; background:#ddd; }

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
 * Extend for jQuery UI CSS Framework 1.10.0
 * http://www.idianet.net
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	/* ui table */
	.ui-table 					{ border-radius:3px; background:#fff; border:10px solid #fff; box-shadow:0 0 10px rgba(0,0,0,0.1), 0 0 0 1px #ddd; }
	.ui-table .caption 			{ border-radius:3px 3px 0 0; background:#fafafa; border:8px solid #fafafa; box-shadow:0 0 10px rgba(0,0,0,0.1), 0 0 0 1px #ddd; }
	.caption > strong 			{ font-size:0.9em; font-weight:normal; font-family:'Regular-Bold'; }
	.caption > span 			{ font-size:0.9em; display:block; opacity:0.6; font-family:'Regular'; }
	.ui-table .ui-table			{ border:none; box-shadow:none; display:table-row-group; background:transparent; }
	.ui-table .row > label,
	.ui-table .col 				{ border-bottom:1px dotted rgba(0,0,0,0.15); }
	.ui-table .ui-box,
	.ui-table .ui-box-header,
	.ui-box .ui-box,
	.ui-box-row .ui-box-header 	{ box-shadow:0 0 0 1px #ccc; }

	/* main info */
	.main-info legend 							{ font-size:1.8em; font-family:'Condensed-Bold'; line-height:1em; }
	.main-info > .ui-table						{ border-radius:0; border-color:#fff; background:#fff; }
	.main-info > .ui-table:nth-of-type(1)		{ border-color:#eee; background:#eee; border-radius:3px 3px 0 0; border-width:20px; }
	.main-info > .ui-table:last-child			{ border-radius:0 0 3px 3px; }
	.main-info > .ui-table:nth-of-type(1) .col	{ border:none; padding:0px 10px; }

/* Cases
/*----------------------------------*/
.col-separator						{ box-shadow: -1px 0 0 #ccc inset; }
.ui-table-info.border				{ border:1px solid #eee; }
.ui-table-info th					{ font-family:'Condensed-Bold'; font-weight:normal; }
.ui-table-altern tr:nth-child(odd)	{ background:#f5f5f5; }
.ui-table-altern tr:nth-child(even)	{ background:#ffffff; }
.button-holder						{ clear:both; overflow:hidden; text-align:center; margin:10px 5px; }
.block								{ padding:0; margin:10px; background-image:none; overflow:visible; }
.sortable > .block					{ margin:5px; }
.block-box							{ padding:0; margin:0; background-image:none; overflow:visible; position:relative; }
.block-content						{ padding:10px; margin:0; background-image:none; overflow:hidden; }
.block .header						{ margin:0; padding:0; font-family:'Condensed'; }
.block .header span					{ display:block; }
.block .content						{ margin:0; padding:0; overflow:hidden; }
.block .button-holder em			{ padding:0 5px 0 0; display:inline-block; }
.block .button-holder em .ui-icon	{ padding:padding:0 5px 0 0; }
.block.ui-state-disabled			{ cursor:move; }
.blocDialog .ui-dialog-content 		{ overflow:hidden; }
.block .button-holder {
	margin:0;
	position:absolute;
	right:5px;
	top:5px;
	padding:5px;
	background:none;
	box-shadow:none;
	border-radius:0;
	color:#222;
}

.gridster legend { margin:0; text-align:left; }
/*
.ui-widget-title {
	font-size:1.3em;
	font-family:'Condensed';
}
*/
.column-box .ui-widget-title {
	text-overflow:ellipsis;
	font-size:1.2em;
	padding:0;
	margin:10px;
	font-family:'Condensed';
	overflow:hidden;
}
.column-box .ui-widget-title .col-info {
	font-size:0.8em;
	float:right;
}
.column .column-box { color:#fff; margin:5px; overflow:hidden; padding:0; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,0.2) inset; text-shadow:0 1px 0 #fff; color:#222; }
.lockedblock { background:#fff; }
.template-list .ui-selectee .column-box												{ box-shadow:0 0 0 1px rgba(255,255,255,0.2); font-weight:normal; }
.template-list .ui-selectee:not(.ui-state-active):not(.ui-state-hover) .column-box	{ box-shadow:0 0 0 1px rgba(0,0,0,0.1); }
.gridster .box-add-blocks,
.column .box-add-blocks {
	margin:0 5px;
	border:none;
	border-radius:3px;
	padding:0;
	overflow:hidden;
}
.column .box-add-blocks { margin:10px; }
.gridster .sortable,
.column .sortable {
	min-height:50px;
	padding:0;
	margin:0;
	border-radius:3px;
	overflow:hidden;
	background-color: rgba(0,0,0,0.05);
	border:1px solid rgba(0,0,0,0.2);
}
.gridster .ui-state-hover .sortable,
.column .ui-state-hover .sortable {
	background-color:rgba(255,255,255,0.2);
	border:1px solid rgba(0,0,0,0.2);
}



.box-add-blocks > .button-holder { margin:5px 5px 0 5px; }
.gridster .box-add-blocks {
	height: calc(100% - 52px);
}
.gridster .sortable {
 	height: calc(100% - 40px);
	overflow:auto;
}
.gridster .sortable .ui-state-highlight,
.column .sortable .ui-state-highlight {
	margin:5px;
}

/*/////////////////////////////////////////////////////////////////////////
***************************************************************************
	Modules - dashboard
***************************************************************************
/////////////////////////////////////////////////////////////////////////*/

	#dashboard-content .ui-layout-content 							{ padding:7px; }
	.portlet .ui-portlet-content 									{ margin:5px; overflow:visible; padding:0; background-color:#fff; border:none; border-radius:0; box-shadow:0 0 0 1px #aaa; }
	.portlet .ui-portlet-header 									{ padding:5px 10px; margin:0; border-radius:0; box-sizing:border-box; background-image:linear-gradient(to bottom, #FFF, #DDD); box-shadow:0 -1px 0 0 #CCC inset; font-family:'Condensed-Bold'; font-size:12px; line-height:20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#222; text-shadow:0 1px 0 #fff; text-transform:uppercase; }
	.portlet .ui-portlet-header-footer 								{ padding:5px; margin:0; border-radius:0 0 3px 3px; box-sizing:border-box; background-image:linear-gradient(to top, #DDD, #EEE); box-shadow:inset 0px 5px 10px -5px #BBB, 0px 1px 0 0 #CCC; }
	.portlet .ui-portlet-header .ui-icon							{ padding:0 10px 0 0; font-size:16px; color:#fff; vertical-align:inherit; }
	.portlet .ui-tabs-panel .dataTables_wrapper						{ margin:0; }
	.portlet .ui-tabs-panel .dataTables_wrapper .ui-toolbar-header 	{ border-radius:0 !important; }
	.portlet .ui-tabs .ui-tabs-panel 								{ border-radius:0 }
	.portlet .border-top			 								{ border-top:1px solid #aaa; }

/* Must be at End
/*----------------------------------*/
.button.block-button	{ width:calc(100% - 2px); }
.sortable .button.block-button	{ width:calc(100% - 30px); }
.button.block-button .ui-icon	{ padding:5px 10px; }
.ui-state-disabled 	{ cursor:default; }
.hidden 			{ display:none; }