html, body{
	width		:	100%;
	height		:	100%;
	overflow	:	hidden;
}
body{
	background		:	#FFFFFF;
	color 			: 	#3B3E45;
	font-family		: 	"Segoe UI light","Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-size		:	15px;
	line-height		:	20px;
}
*{
	outline	:	none;
/*	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
*/
}
h1,h2,h3,h4{
	font-weight	:	normal;
	margin		:	0;
}
h2{
	font-size		:	24px;
	line-height		:	24px;
	margin-bottom	:	26px;
	font-weight		:	lighter;
	font-family		: 	"Segoe UI light","Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
h3{
	margin-bottom	:	10px;
}
h3 a{
	color			:	inherit;
	text-decoration	:	none;
	font-style		:	normal;
}
h3 a:hover{
	text-decoration	:	underline;
}
a{
	color			:	inherit;
	text-decoration	:	none;
	
}
a:hover{
	text-decoration	:	underline;
}
a, a:active, a:focus {
	outline			:	none;
}
p{
	margin		:	0 0	10px 0;
}
.italic{
	font-style		:	italic;
}
.acenter{
	text-align		:	center;
}
.aright{
	text-align		:	right!important;
}
.aleft{
	text-align		:	left;
}
.no-border{
	border			:	0px!important;
}
.no-height{
	height			:	auto!important;
}

/** LOGIN PAGE **/
.login-container,.reset-psd-container{
	position	:	absolute;
	left		:	50%;
	top			:	50%;
	width		:	350px;
	margin-top	:	-125px;
	margin-left	:	-200px;
	text-align	:	left;
}
.reset-psd-container{
	left		:	100%;
    margin-left	:	0;
}
.login-container h1, .reset-psd-container h1{
	font-size		:	24px;
	line-height		:	24px;
	margin-bottom	:	25px;
	
	white-space		:	nowrap;
}

/*** MAIN FRAMEWORK **/
body > header{
	background-color	:	#FFFFFF;
	height				:	50px;
	border-bottom		:	2px solid #f0f0f0;
}
body > #app-container{
	position			:	relative;
	height				:	100%;	
	margin				:	0 0 0 0;
	margin-top			:	-52px;
	border-top			:	52px solid transparent;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
#app-container > .app-panel{
	position			:	absolute;
	width				:	100%;
	height				:	100%;
	left				:	100%;
	z-index				:	10;
	background-color	:	#FFFFFF;
}
#app-container > .app-panel.active{
	z-index				:	20;
	-webkit-transition	: 	left 0.2s ease-in-out;
  	-moz-transition		: 	left 0.2s ease-in-out;
  	-ms-transition		: 	left 0.2s ease-in-out;
  	-o-transition		: 	left 0.2s ease-in-out;
	transition			: 	left 0.2s ease-in-out;
	left				:	0;
}

/** MAIN NAV - CLOSED **/
body > header > nav {
	position		:	absolute;
	display			:	inline-block;
	padding-top		:	50px;
	margin			:	0	0	0	5px;
	border			:	2px solid transparent;
	z-index			:	1000;

}
body > header > nav a {
	padding			:	5px 10px;
	display			:	none;
	white-space		:	nowrap;
}
body > header > nav a span:first-child{
	padding-right	:	10px;
}
body > header > nav a.sep{
	border-top	:	1px solid #f0f0f0;
}
body > header > nav a.sec{
	color			:	#bd5227;
}
body > header > nav a:hover{
	background		:	#E99D66;
	color			:	#FFFFFF;
	text-decoration	:	none;
}
body > header > nav a:active{
	background		:	#bd5227;
	color			:	#FFFFFF;
}
body > header > nav a.active {
	display				:	block;
	position			:	absolute;
	height				:	50px;
	font-size			:	28px;
	line-height			:	40px;
	top					:	0;
	color				:	#e7a027;
	padding				:	0px 40px 0px 10px;
	background			:	transparent url(../images/icons/arr-d2.png) no-repeat 95% center;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
body > header > nav a.active:hover{
	color		:	#e7a027;
}
body > header > nav a.active:active{
	color		:	#e7a027;
	background	:	transparent;
}
/** MAIN NAV - OPEN **/
body > header > nav.open{
	border			:	2px solid #f0f0f0;
	background		:	#FFFFFF;
}
body > header > nav.open a {
	display				:	block;
}



/** PANEL NAVTREE **/
.app-panel .action-panel{
	height				:	100%;
	width				:	20%;
	position			:	absolute;
	left				:	0;
	top					:	0;
	border-right		:	2px solid #f0f0f0;
	background			:	#FFFFFF;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
	z-index				:	500;
}
.app-panel .action-panel > .scrollable{
	overflow			:	auto;
	height				:	100%;
	width				:	100%;
	padding-top			:	50px;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
.app-panel .action-panel h2.toggler{
	padding				:	0px 30px;
	margin				:	0px 0px 10px 0;
	background			:	transparent url(../images/icons/arr-r-g.png) no-repeat 15px 70%;
	cursor				:	pointer;
	white-space			:	nowrap;
}
.app-panel .action-panel h2 span.fa{
	padding-right	:	10px;
}
.app-panel .action-panel h2.toggler.open{
	background			:	transparent url(../images/icons/arr-d-o.png) no-repeat 12px 60%;
}
.app-panel .action-panel nav{
	margin-bottom		:	20px;
}
.app-panel .action-panel nav a{
	display				:	block;
	padding				:	5px 30px;
	white-space			:	nowrap;
	overflow			:	hidden;
}
.app-panel .action-panel nav a:hover{
	background		:	#F0F0F0;
	text-decoration	:	none;
}
.app-panel .action-panel nav a.selected{
	background		:	#E99D66;
	color			:	#FFFFFF;
}
.app-panel .action-panel nav a span.fa{
	padding-right	:	5px;
}
.app-panel .action-panel nav a span.closed{
	display	:	inline;
}
.app-panel .action-panel nav a span.open{
	display	:	none;
}
.app-panel .action-panel nav a.load span.open{
	display	:	inline;
}
.app-panel .action-panel nav a.load span.closed{
	display	:	none;
}
.app-panel .action-panel nav a.load.closed span.closed{
	display	:	inline;
}
.app-panel .action-panel nav a.closed span.open{
	display	:	none;
}
.app-panel .action-panel nav a.l1{	padding-left	:	30px;	}
.app-panel .action-panel nav a.l2{	padding-left	:	40px;	}
.app-panel .action-panel nav a.l3{	padding-left	:	50px;	}
.app-panel .action-panel nav a.l4{	padding-left	:	60px;	}
.app-panel .action-panel nav a.l5{	padding-left	:	70px;	}
.app-panel .action-panel nav a.l6{	padding-left	:	80px;	}
.app-panel .action-panel nav a.l7{	padding-left	:	90px;	}

.app-panel .action-panel nav a.h{
	display	:	none;
}

.action-panel form{
	padding		:	10px 25px;
	position 	:	absolute;
	top			:	0;
	left		:	0;
	width		:	100%;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
.action-panel form .box{
	border	:	1px solid #F0F0F0;
}

nav.context{
	background			:	#FFFFFF;
	position			:	absolute;
    z-index				:	150;
    border				:	2px solid #ecebe4;
	z-index				:	40;
	display				:	none;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
nav.context a{
	display				:	block;
	color				:	#5D5D5C;
	padding				:	5px 25px;
	text-decoration		:	none;
	text-align			:	left;
}
nav.context a:hover{
	background-color	:	#ecebe4;
	color				:	#FFFFFF;
}
nav.context a:active{
	background-color	:	#ecebe4;
	color				:	#E44F38;
}
nav.context a.sep{
    border-bottom	: 1px solid #ecebe4;
	box-shadow		: 0px 1px 0px rgb(255,255,255);
}


/** PANEL NAV_PANEL && SUB_PANEL **/

.nav-panel,.sub-panel{
	position			:	absolute;
	width				:	100%;
	height				:	100%;
	top					:	0;
	left				:	100%;
	z-index				:	10;
	background-color	:	#FFFFFF;
	-webkit-transition	: 	left 0.2s ease-in-out;
  	-moz-transition		: 	left 0.2s ease-in-out;
  	-ms-transition		: 	left 0.2s ease-in-out;
  	-o-transition		: 	left 0.2s ease-in-out;
	transition			: 	left 0.2s ease-in-out;
}
.app-panel.navtree .nav-panel,.app-panel.navtree .sub-panel{
	width				:	80%;
}
.nav-panel-up{
 	//left				:	-100%;	
}
.nav-panel.load, .sub-panel.load{
	z-index				:	20;
	left				:	0;
}
.app-panel.navtree .nav-panel.load,.app-panel.navtree .sub-panel.load{
	left				:	20%;
}
.nav-panel header, .sub-panel header{
	position			:	absolute;
	top					:	0;
	left				:	0;
	width				:	100%;
	height				:	50px;
	padding				:	10px 25px 0 25px;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
    z-index				:	15;
    color				:	#E99D66;
}
.nav-panel .nav-body, .sub-panel .sub-panel-body{
	z-index				:	10;
	width				:	100%;
	height				:	100%;
	border-top			:	50px solid #FFFFFF;
	border-bottom		:	40px solid #FFFFFF;
	position			:	absolute;
	overflow			:	auto;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
.nav-panel footer{
	position		:	absolute;
	bottom			:	0;
	left			:	0;
	width			:	100%;
	padding			:	5px 25px;
	height			:	40px;
	border-top		:	2px solid #F0F0F0;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
    z-index				:	15;
}
.nav-panel footer .toggle-selection .none,.nav-panel footer .toggle-selection.all .all{
	display : none;
}
.nav-panel footer .toggle-selection.all .none{
	display : inline;
}

.sub-panel .sub-panel-body{
	padding			:	25px;
}
.nav-panel .nav-body.with-margin{
	padding			:	25px;
}
.nav-panel .dt-actions{
	position		:	absolute;
	right			:	25px;
	top				:	10px;
}
.nav-panel .dt-actions{

}
.nav-panel .dt-actions a{
	display			:	inline-block;
}
.nav-panel .dt-actions span{
	display			:	inline-block;
	color			:	#3B3E45;
	vertical-align	:	middle;
}
.nav-panel footer span{
	display	:	inline-block;
}
/** NAVPANEL - BREADCRUMBS **/
nav.bread{

}
nav.bread a,nav.bread span{
	font-size		:	16px;
	color			:	inherit;
	text-decoration	:	none;
}
nav.bread span.current,.sub-panel header h1{
	font-size		:	22px;
	line-height		:	22px;
}

/** TOOLBAR **/
.nav-panel nav.toolbar,.sub-panel nav.toolbar{
	position			:	absolute;
	width				:	100%;
	top					:	-52px;
	height				:	50px;
	background-color	:	#FFFFFF;
	text-align			:	right;
}
.nav-panel .toolbar a.button,.sub-panel nav a.button{
	display			:	inline-block;
	height			:	40px;
	padding			:	10px 5px 0px 5px;
}
.nav-panel .toolbar a.button.active{
	background		:	#F0F0F0;
}
.nav-panel .toolbar a.button:last-child{
	margin-right	:	20px;
}
/** MESSAGE **/
.nav-body .notification{
	padding		:	50px;
	font-size	:	25px;
	text-align	:	center;
}

/** DEFAULT DATATABLE **/
table.datatable {
    border-spacing	: 0;
    color			: inherit;
    margin			: 0;
    width			: 100%;
	font			: inherit;
	table-layout	: fixed;
}
table.datatable thead th {
    font-size		:	18px;
	line-height		: 	18px;
   	font-weight		:	normal;
	padding			:  	10px 0px;
	text-align		:	left;
	color			:	inherit;
	cursor			:	default!important;
	color			:	#E99D66;
}
table.datatable tbody td{
	padding			: 	5px 0px;
	line-height		:	100%;
	color			:	#3b3e45;
	cursor			:	default;
	vertical-align	:	middle;
}

table.datatable tbody tr:hover,
	table.datatable tbody  tr:active,
		table.datatable tbody tr.selected{
	-webkit-transition	: 	all 0.2s;
  	-moz-transition		: 	all 0.2s;
  	-ms-transition		: 	all 0.2s;
  	-o-transition		: 	all 0.2s;
	transition			: 	all 0.2s;
	background-color	:	#F0F0F0;
}

/** FORMATTING **/
table.datatable tbody tr.disabled td{
	text-decoration	:	line-through;
	font-style		:	italic;
}
table.datatable tbody tr:active td {
	color				:	#E99D66;
}

.nav-panel .nav-body > .datatable{
	margin-top	:	25px;
}
table.datatable tr th:first-child, table.datatable tr td:first-child{
	padding-left	:	25px;
}
table.datatable tr th:last-child,table.datatable tr td:last-child{
	padding-right	:	25px;
}
table.datatable.sortable tr td{
	cursor			:	move; 
}
table.datatable.sortable tr.selected td{
	cursor			:	default; 
}
table.datatable tr td.actions{
	text-align			:	right;
	padding-top			:	1px;
	padding-bottom		:	0px;
	font-size			:	0px;
}
table.datatable tr td.actions a{
	opacity				:	0;
	display				:	inline-block;
}
table.datatable tr.selected .actions a,table.datatable tr:hover .actions a{
	-webkit-transition	: 	opacity 0.5s ease-in-out;
  	-moz-transition		: 	opacity 0.5s ease-in-out;
  	-ms-transition		: 	opacity 0.5s ease-in-out;
  	-o-transition		: 	opacity 0.5s ease-in-out;
	transition			: 	opacity 0.5s ease-in-out;
	margin-right		:	0px;
	opacity				:	1;
}


/** TABLE SET SORT FOOTER **/
footer span {
	line-height : 25px;
}
footer > form.sorting{
	float	:	right;
}
footer > form.sorting select, footer > form.sorting span, footer input[type=submit]{
	float	:	left;
	width	:	auto;
	margin-left	:	4px;
}
footer input[type=submit]:hover{
	background-color	: #cccccc;
	color				: #FFFFFF;
}
footer input[type=submit]:active{
	background-color	: #3B3E45;
    color				: #FFFFFF;
}
/** CONTEXTMENU **/
nav.context-menu{
	background			:	#FFFFFF;
	position			:	absolute;
    right				:	10px;
    top					:	-2px;
    z-index				:	150;
    display				:	none;
	border				:	2px solid #f0f0f0;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
nav.context-menu a{
	display				:	block;
	color				:	#3B3E45;//#e48743;
	padding				:	5px 25px;
	text-decoration		:	none;
	text-align			:	left;
}
nav.context-menu a:hover{
	background		:	#E99D66;
	color			:	#FFFFFF;
	text-decoration	:	none;
}
nav.context-menu a:active{
	background		:	#bd5227;
	color			:	#FFFFFF;
}
nav.context-menu a.context-extra{
	background-color		:	#fae4be;
	border-bottom			:	1px dashed #e7a027;
}




/** PANEL FEEDBACK **/
.sub-panel .feedback, .app-panel .feedback{
	top					:	75px;
	position			:	fixed;
	left				:	100%;
	padding				:	25px 10px;
	color				:	#FFFFFF;
	width				:	20%;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
    z-index				:	1000;
}
.sub-panel .feedback.loading, .app-panel .feedback.loading{
	-webkit-transition	: 	left 1s;
  	-moz-transition		: 	left 1s;
  	-ms-transition		: 	left 1s;
  	-o-transition		: 	left 1s;
	transition			: 	left 1s;
	left				:	80%;
}
.sub-panel .feedback.closing,.app-panel .feedback.closing{
	-webkit-transition	: 	left 1s;
  	-moz-transition		: 	left 1s;
  	-ms-transition		: 	left 1s;
  	-o-transition		: 	left 1s;
	transition			: 	left 1s;
	left				:	100%;
}
.feedback.error{
	background			:	#e55038!important;
}
.feedback.valid{
	background			:	#84d668!important;
}
 


/*
.nav-panel .nav-head,.nav-panel-up .nav-head{
	padding			:	10px 00px;
	margin-bottom	:	40px!important;
	background-color:	#3B3E45;
}
.nav-panel header,.nav-panel-up header{
	margin-top		:	-50px;
}

,.nav-panel-up header  a.button,
	.sub-panel header a.button,
		.dashboard nav a.button{
	display			:	inline-block;
	height			:	30px;
	padding			:	10px 5px;
	float	:	left;
}
.nav-panel header  a.button:hover,.nav-panel header  a.button.hover,
	.nav-panel-up header  a.button:hover,.nav-panel-up header  a.button.hover,
		.sub-panel header a.button:hover,
			.dashboard nav a.button:hover{
	background		:	#4E5157;//#E79356;
}
.nav-panel header a.button.active,.nav-panel-up header  a.button.active,
	.sub-panel header a.button:active,
		.dashboard nav a.button:active{
	background		:	#282A2F;//#c9773b;
}
.nav-panel a.button span.label,.nav-panel-up a.button span.label,
	.sub-panel header a.button span.label{
	display			:	inline-block;
	padding			: 	0 10px;
	font-size		:	20px;
	line-height		:	30px;
	vertical-align	:	top;
	font-style		:	normal;
}
.nav-panel header nav.toolbar,.nav-panel-up  header nav.toolbar,
	.sub-panel header nav.toolbar,
		.dashboard nav.toolbar{
	position	:	absolute;
	right		:	5px;
}
.dashboard nav.toolbar{
	top	:	-50px;
}**/




/** PANEL OVERFLOW **/
.app-panel.dashboard .inner-panel .scrollable{
	position			:	absolute;
	height				:	100%;
	width				:	100%;
	overflow			:	auto;
	padding				:	50px;
	margin				:	-50px 0 0 -50px;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}



.sub-panel table.datatable tbody tr td{
	color	:	#3B3E45;
}
.sub-panel table.datatable tbody tr:hover,
	.sub-panel table.datatable tbody  tr:active,
		.sub-panel table.datatable tbody tr.selected{
	background-color	:	#E7A027;
}
.sub-panel table.datatable tbody tr:hover td,
	.sub-panel table.datatable tbody  tr:active td,
		.sub-panel table.datatable tbody tr.selected td{
	color	:	#FFFFFF;
}

.sub-panel .toggle-panel{
	width	:	10px;
	left	:	-10px;
	top		:	0px;
	background-color	:	red;
	position	:	absolute;
	cursor	:	pointer;
}


.sub-panel header nav{
	float	:	right;
	margin-top	:	-7px;
}
.sub-panel header nav.left{
	float	:	left;
}
.sub-panel header nav .icon50{
	margin-left	:	25px;
}

.sub-panel iframe.preview, .sub-panel .form-panel {
	position			:	absolute;
	left				:	0;
	top					:	0;
	border				:	none;
	width				:	100%;
	height				:	100%;
	z-index				:	40;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
    margin-top			:	0px;
}
.sub-panel .form-panel{
	padding				:	20px;
	overflow			:	auto;
}


.sub-panel .inner-panel a,.sub-panel .inner-panel p{
	color	:	#3B3E45;
}

.sub-panel .tile-container{
	padding		:	25px 0;
	overflow	:	hidden;
}
.sub-panel .tile{
	float	:	left;
	height	:	70px;
	padding	:	15px 25px;
	cursor	:	pointer;
}
.sub-panel .tile .inner{
	overflow	:	hidden;
}
.sub-panel .tile:hover{
	-webkit-transition	: 	background-color 1s,color 1s;
  	-moz-transition		: 	background-color 1s,color 1s;
  	-ms-transition		: 	background-color 1s,color 1s;
  	-o-transition		: 	background-color 1s,color 1s;
	transition			: 	background-color 1s,color 1s;
}
.sub-panel .tile:active{
	-webkit-transition	: 	background-color 0.5s;
  	-moz-transition		: 	background-color 0.5s;
  	-ms-transition		: 	background-color 0.5s;
  	-o-transition		: 	background-color 0.5s;
	transition			: 	background-color 0.5s;
}

/** DIALOG **/
.minidialog h1{
	font-size		:	40px;
	line-height		:	40px;
	text-transform	:	uppercase;
}
.minidialog header{
	margin-bottom	:	40px;
}
.minidialog.
/** TASKBAR **/
.app-taskbar{
	position	:	absolute;
	left		:	45px;
	top			:	-50px;
	height		:	50px;
	overflow	:	hidden;
	text-align	:	center;
}
.app-taskbar a{
	display		:	inline-block;
	font-size	:	23px;
	line-height	:	23px;
	padding		:	12.5px 5px;
	font-style	:	normal;	
	overflow	:	hidden;
}
.app-taskbar a:hover{
	background	:	#4E5157;
}
.app-taskbar a:active{
	background	:	#000000
}
.app-taskbar a span{
	float		:	left;
}
.app-taskbar a span.label{
	padding		:	0 0 0 10px;
}
.app-taskbar a[rel=select]{
	display		:	none;
}

/** ICONS **/
.icon32,.icon24{
	width				:	32px;
	height				:	32px;
	background-repeat	:	no-repeat;
	background-image	:	url(../images/icons/cms_icons.png);
	display				:	inline-block;
}
.icon24{
	-webkit-transform	:	scale(0.75);
    -moz-transform		:	scale(0.75);
    -ms-transform		:	scale(0.75);
    -o-transform		:	scale(0.75);
    transform			:	scale(0.75);
}
.icon24.fa{
	-webkit-transform	:	scale(1);
    -moz-transform		:	scale(1);
    -ms-transform		:	scale(1);
    -o-transform		:	scale(1);
    transform			:	scale(1);
    background			:	none;
	width				:	24px;
	height				:	24px;
	display				:	inline-block;
	text-align			:	center;
	font-size			:	16px;
	line-height			:	24px;
}
a .icon24.fa{
	color					:	#3B3E45;
	border					:	1px solid #3B3E45;
	margin					:	2px;
	-webkit-border-radius	: 	100%;
	-moz-border-radius		: 	100%;
	border-radius			: 	100%;
}
a .icon24.fa:hover{
	color				:	#E99D66;
	border-color		:	#E99D66;
}

/**.icon16{
	-webkit-transform	:	scale(0.50);
    -moz-transform		:	scale(0.50);
    -ms-transform		:	scale(0.50);
    -o-transform		:	scale(0.50);
    transform			:	scale(0.50);
}*/

.icon16{
	width				:	16px;
	height				:	16px;
	background-repeat	:	no-repeat;
	background-image	:	url(../images/icons/cms_icons.png);
	display				:	inline-block;
}
.icon-load{
	background	:	transparent url(../images/icons/ajax-loader-ow.gif) no-repeat left top!important;
}
.icon-ajust		{	background-position	:	0px	0px;	}
.icon-aleft		{	background-position	:	0px	-32px;	}
.icon-aright	{	background-position	:	0px	-64px;	}
.icon-acenter	{	background-position	:	0px	-96px;	}
.icon-list		{	background-position	:	0px	-128px;	}
.icon-photo		{	background-position	:	0px	-160px;	}
.icon-link		{	background-position	:	0px	-192px;	}
.icon-clip		{	background-position	:	0px	-224px;	}
.icon-embed		{	background-position	:	0px	-256px;	}
.icon-bold		{	background-position	:	0px	-288px;	}
.icon-italic	{	background-position	:	0px	-320px;	}
.icon-underline {	background-position	:	0px	-352px;	}
.icon-save		{	background-position	:	0px	-384px;	}
.icon-close		{	background-position	:	0px	-416px;	}
.icon-back		{	background-position	:	0px	-448px;	}
.icon-plus		{	background-position	:	0px	-480px;	}
.icon-trash		{	background-position	:	0px	-512px;	}
.icon-edit		{	background-position	:	0px	-544px;	}
.icon-mail		{	background-position	:	0px	-576px;	}
.icon-publish	{	background-position	:	0px	-608px;	}
.icon-zoom		{	background-position	:	0px	-640px;	}
.icon-copy		{	background-position	:	0px	-672px;	}
.icon-paste		{	background-position	:	0px	-704px;	}
.icon-recover	{	background-position	:	0px	-736px;	}
.icon-lock 		{	background-position	:	0px	-768px;	}
.icon-install	{	background-position	:	0px	-800px;	}
.icon-fav		{	background-position	:	0px	-832px;	}
.icon-cal		{	background-position	:	0px	-864px;	}
.icon-set		{	background-position	:	0px	-896px;	}
.icon-cart		{	background-position	:	0px	-928px;	}

a:hover .icon-ajust		{	background-position	:	-32px	0px;	}
a:hover .icon-aleft		{	background-position	:	-32px	-32px;	}
a:hover .icon-aright	{	background-position	:	-32px	-64px;	}
a:hover .icon-acenter	{	background-position	:	-32px	-96px;	}
a:hover .icon-list		{	background-position	:	-32px	-128px;	}
a:hover .icon-photo		{	background-position	:	-32px	-160px;	}
a:hover .icon-link		{	background-position	:	-32px	-192px;	}
a:hover .icon-clip		{	background-position	:	-32px	-224px;	}
a:hover .icon-embed		{	background-position	:	-32px	-256px;	}
a:hover .icon-bold		{	background-position	:	-32px	-288px;	}
a:hover .icon-italic	{	background-position	:	-32px	-320px;	}
a:hover .icon-underline {	background-position	:	-32px	-352px;	}
a:hover .icon-save		{	background-position	:	-32px	-384px;	}
a:hover .icon-close		{	background-position	:	-32px	-416px;	}
a:hover .icon-back		{	background-position	:	-32px	-448px;	}
a:hover .icon-plus		{	background-position	:	-32px	-480px;	}
a:hover .icon-trash		{	background-position	:	-32px	-512px;	}
a:hover .icon-edit		{	background-position	:	-32px	-544px;	}
a:hover .icon-mail		{	background-position	:	-32px	-576px;	}
a:hover .icon-publish	{	background-position	:	-32px	-608px;	}
a:hover .icon-zoom		{	background-position	:	-32px	-640px;	}
a:hover .icon-copy		{	background-position	:	-32px	-672px;	}
a:hover .icon-paste		{	background-position	:	-32px	-704px;	}
a:hover .icon-recover	{	background-position	:	-32px	-736px;	}
a:hover .icon-lock 		{	background-position	:	-32px	-768px;	}
a:hover .icon-install	{	background-position	:	-32px	-800px;	}
a:hover .icon-fav		{	background-position	:	-32px	-832px;	}
a:hover .icon-cal		{	background-position	:	-32px	-864px;	}
a:hover .icon-set		{	background-position	:	-32px	-896px;	}
a:hover .icon-cart		{	background-position	:	-32px	-928px;	}

a:active .icon-ajust	{	background-position	:	-64px	0px;	}
a:active .icon-aleft	{	background-position	:	-64px	-32px;	}
a:active .icon-aright	{	background-position	:	-64px	-64px;	}
a:active .icon-acenter	{	background-position	:	-64px	-96px;	}
a:active .icon-list		{	background-position	:	-64px	-128px;	}
a:active .icon-photo	{	background-position	:	-64px	-160px;	}
a:active .icon-link		{	background-position	:	-64px	-192px;	}
a:active .icon-clip		{	background-position	:	-64px	-224px;	}
a:active .icon-embed	{	background-position	:	-64px	-256px;	}
a:active .icon-bold		{	background-position	:	-64px	-288px;	}
a:active .icon-italic	{	background-position	:	-64px	-320px;	}
a:active .icon-underline {	background-position	:	-64px	-352px;	}
a:active .icon-save		{	background-position	:	-64px	-384px;	}
a:active .icon-close	{	background-position	:	-64px	-416px;	}
a:active .icon-back		{	background-position	:	-64px	-448px;	}
a:active .icon-plus		{	background-position	:	-64px	-480px;	}
a:active .icon-trash	{	background-position	:	-64px	-512px;	}
a:active .icon-edit		{	background-position	:	-64px	-544px;	}
a:active .icon-mail		{	background-position	:	-64px	-576px;	}
a:active .icon-publish	{	background-position	:	-64px	-608px;	}
a:active .icon-zoom		{	background-position	:	-64px	-640px;	}
a:active .icon-copy		{	background-position	:	-64px	-672px;	}
a:active .icon-paste	{	background-position	:	-64px	-704px;	}
a:active .icon-recover	{	background-position	:	-64px	-736px;	}
a:active .icon-lock 	{	background-position	:	-64px	-768px;	}
a:active .icon-install	{	background-position	:	-64px	-800px;	}
a:active .icon-fav		{	background-position	:	-64px	-832px;	}
a:active .icon-cal		{	background-position	:	-64px	-864px;	}
a:active .icon-set		{	background-position	:	-64px	-896px;	}
a:active .icon-cart		{	background-position	:	-64px	-928px;	}

/** DATATABLE TWEAKS **/
.datatable .icon-load{
	background	:	transparent url(../images/icons/ajax-loader-lgo.gif) no-repeat left top!important;
}
.datatable .icon32{
	-webkit-transform	:	scale(0.75);
    -moz-transform		:	scale(0.75);
    -ms-transform		:	scale(0.75);
    -o-transform		:	scale(0.75);
    transform			:	scale(0.75);
}

.icon-page 		{	background-position	:	-96px	0px;	}
.icon-folder	{	background-position	:	-96px	-32px;	}
.icon-ofolder	{	background-position	:	-96px	-288px;	}
.icon-arr-l		{	background-position	:	-96px	-128px;	}
.icon-arr-r		{
	background-position	:	-96px	-128px;	
	-webkit-transform	:	rotate(180deg);
    -moz-transform		:	rotate(180deg);
    -ms-transform		:	rotate(180deg);
    -o-transform		:	rotate(180deg);
    transform			:	rotate(180deg);
}
.icon-arr-d		{
	background-position	:	-96px	-128px;	
	-webkit-transform	:	rotate(270deg);
    -moz-transform		:	rotate(270deg);
    -ms-transform		:	rotate(270deg);
    -o-transform		:	rotate(270deg);
    transform			:	rotate(270deg);
}
.icon-next {
	background-position	:	-32px	-448px;
	-webkit-transform	:	rotate(180deg);
    -moz-transform		:	rotate(180deg);
    -ms-transform		:	rotate(180deg);
    -o-transform		:	rotate(180deg);
    transform			:	rotate(180deg);
}

.sub-panel .datatable .icon-zoom:hover	{	background-position	:	0px	-640px;	}
.sub-panel .datatable .icon-close:hover	{	background-position	:	0	-416px;	}
.sub-panel .datatable .icon-trash:hover	{	background-position	:	0px -512px;	}



.icon16-ajust		{	background-position	:	-208px	0px;	}
.icon16-aleft		{	background-position	:	-208px	-16px;	}
.icon16-aright		{	background-position	:	-208px	-32px;	}
.icon16-acenter		{	background-position	:	-208px	-48px;	}
.icon16-list		{	background-position	:	-208px	-64px;	}
.icon16-photo		{	background-position	:	-208px	-80px;	}
.icon16-link		{	background-position	:	-208px	-96px;	}
.icon16-clip		{	background-position	:	-208px	-112px;	}
.icon16-bold		{	background-position	:	-208px	-128px;	}
.icon16-italic		{	background-position	:	-208px	-144px;	}
.icon16-underline 	{	background-position	:	-208px	-160px;	}
.icon16-code	 	{	background-position	:	-208px	-176px;	}
.icon16-view	 	{	background-position	:	-208px	-192px;	}
.icon16-nlist	 	{	background-position	:	-208px	-208px;	}

.icon16-ajust.active		{	background-position	:	-192px	0px;	}
.icon16-aleft.active		{	background-position	:	-192px	-16px;	}
.icon16-aright.active		{	background-position	:	-192px	-32px;	}
.icon16-acenter.active		{	background-position	:	-192px	-48px;	}
.icon16-list.active			{	background-position	:	-192px	-64px;	}
.icon16-photo.active		{	background-position	:	-192px	-80px;	}
.icon16-link.active			{	background-position	:	-192px	-96px;	}
.icon16-clip.active			{	background-position	:	-192px	-112px;	}
.icon16-bold.active			{	background-position	:	-192px	-128px;	}
.icon16-italic.active		{	background-position	:	-192px	-144px;	}
.icon16-underline.active 	{	background-position	:	-192px	-160px;	}
.icon16-code.active	 		{	background-position	:	-192px	-176px;	}
.icon16-view.active		 	{	background-position	:	-192px	-192px;	}
.icon16-nlist.active	 	{	background-position	:	-208px	-208px;	}

.minidialog .icon-close		{	background-position	:	0px	-416px;	}
.minidialog .icon-edit		{	background-position	:	0px	-544px;	}
.minidialog .icon-save		{	background-position	:	0px	-384px;	}

.minidialog .icon-close:active		{	background-position	:	-64px	-416px;	}
.minidialog .icon-edit:active		{	background-position	:	-64px	-544px;	}
.minidialog .icon-save:active		{	background-position	:	-64px	-384px;	}

/** LINKS & BUTTONS **/
.dialog-btn{
	padding		:	10px;
	overflow	:	hidden;
	display		:	inline-block;
	font-style	:	normal;
	font-size	:	24px;
	font-weight	:	lighter;
	font-family	: 	"Segoe UI light","Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
.dialog-btn span:last-child{
	padding-left:	10px;
}
.dialog-btn:hover{
	text-decoration	:	none;
}
.dialog-btn span{
	float	:	left;
}
input[type=button].retrylogin{
	background	:	#be4f3b;
	color		:	#FFFFFF;	
}
input[type=button].retrylogin:hover{
	background	:	#db5b44;
	color		:	#FFFFFF;
}
input[type=button].retrylogin:active{
	background	:	#be2c11;
	color		:	#FFFFFF;
}
/** DASHBOARD**/
.app-panel.dashboard h1{
	font-size		:	40px;
	line-height		:	40px;
	margin-bottom	:	40px;
}
.app-panel.dashboard h2{
	font-size		: 	20px;
    font-weight		: 	lighter;
    line-height		: 	20px;
    margin-bottom	: 	20px;
    color			:	#E7A027;
}
.app-panel.dashboard section{
	margin-bottom	:	25px;
}

/** FORMS **/
form{
	position		:	relative;
	display			:	block;
}

form label{
	color			:	#E99D66;
	font-size		:	inherit;
	font-weight		:	normal;
	margin-bottom	:	10px;
	display			:	inline-block;
	font-family		: 	"Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
}
form label:nth-child(1){
	//margin-top	:	0;
}
form label.sublabel{
	font-size		:	14px;
	text-style		:	italic;
	margin-top		:	5px;	
}
.form-line{
	margin-bottom	:	10px;
	overflow		:	hidden;
}

.form-line .box, .form-line .line{
	position			:	relative;
	overflow			:	hidden;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
.form-line.right{
	float		:	right;
	margin-left	:	1%;
}
.form-line .box{
	border				:	1px solid #4c4e59;
}
.form-line .line{
	height				:	50px;
	padding				:	8px	0	0	0;
	border-bottom		:	1px solid #4c4e59;
}
.form-line .line.icon{
	padding-left		:	60px;
}
.form-line .line .icon50{
	position	:	absolute;
	left		:	0;
	top			:	0;
}
.form-line .box input[type=submit],.form-line .box input[type=button]{
	position			:	absolute;
	top					:	0px;
	right				:	0px;
	font-size			:	16px;
	line-height			:	16px;
	font-weight			:	lighter;
	height				:	100%;
	border				:	1px solid #FFFFFF;
	background-color	: 	#F0F0F0;
	color				: 	#3B3E45;
}
.form-line .box input[type=image]{
	position			:	absolute;
	top					:	1px;
	right				:	1px;
}

.box input[type="submit"]:hover, .box input[type="button"]:hover,input[type="submit"]:hover {
    background-color	: #cccccc;
    color				: #FFFFFF;
}
.box input[type="submit"]:active, .box input[type="button"]:active,input[type="submit"]:active {
    background-color	: #3B3E45;
    color				: #FFFFFF;
}
input[type=text],select,input[type="password"],textarea,input[type=submit],input[type=button]{
	font-family			:	inherit;
	font-size			:	16px;
	line-height			:	16px;
	padding				:	2px 10px;
	width				:	100%;
	border				:	0;
	color				:	inherit;
	box-sizing			:	border-box; /* css3 rec */
    -moz-box-sizing		:	border-box; /* ff2 */
    -ms-box-sizing		:	border-box; /* ie8 */
    -webkit-box-sizing	:	border-box; /* safari3 */
    -khtml-box-sizing	:	border-box; /* konqueror */
}
select{
	padding	:	1px 0 1px 8px!important;
}
.form-line .line input[type=text],.form-line .line textarea,.form-line .line select{
	font-size	:	24px;
	line-height	:	50px;
	font-family	: 	"Segoe UI light","Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
	font-weight	:	lighter;
}
.form-line .line textarea{
	line-height	:	24px;
}
input[type=submit],input[type=button]{
	width			:	auto;
	text-transform	:	uppercase;
	line-height		:	23px;
}
::-webkit-input-placeholder {
	font-style		:	italic;
	line-height		:	20px;
}
:-moz-placeholder { 
	font-style	:	italic;
}
::-moz-placeholder { 
   font-style	:	italic;
}
:-ms-input-placeholder { 
   font-style	:	italic;
}
input#recipients_trigger{
	float	:	left;
	width	:	40px;
}

.box.date{
	width	:	100px;	
}

.form-line-load{
	color		:	#E7A027;
}
.form-line-error{
	color		:	#be4f3b;
	z-index		:	10;
}
.form-line-msg{
	color		:	#8daf33;
}

/** YESNO **/
.mfi-yesno{
	background			:	#BDBDBD;
	border				:	1px solid #E3E3E3;
	height				:	20px;
	float				:	left;
	margin-left			:	150px;
	position			:	relative;
	box-shadow			:	0px 0px 0px 1px rgba(255,255,255,1) inset;
	-moz-box-shadow		:	0px 0px 0px 1px rgba(255,255,255,1) inset;
	-webkit-box-shadow	:	0px 0px 0px 1px rgba(255,255,255,1) inset;
}
.mfi-yesno-slider{
	background			:	#3B3E45;
	width				:	15px;
	height				:	25px;
	position			:	relative;
	top					:	-1px;
}
.mfi-yesno-on,.mfi-yesno-off{
	position 		: 	absolute;
	left	 		: 	-150px;
	top		  		: 	-2px;
	text-transform	:	uppercase;
	color			:	inherit;
}
.mfi-yesno-on{
	display			: 	none;	
}
.mfi-yesno-checked{
	background	:	#84d668;	
}
.mfi-yesno-checked .mfi-yesno-on{
	display	:	block;
}
.mfi-yesno-checked .mfi-yesno-off{
	display	:	none;
}
.mfi-yesno span,.mfi-check span{
	cursor	:	pointer;
}
/** CLASS EDIT **/
input[type=button]#adddatatype,input[type=button].addselectrow{
	background	:	#4E5157;
	color		:	#FFFFFF;	
}
input[type=button]#adddatatype:hover,input[type=button].addselectrow:hover{
	background	:	#3B3E45;
	color		:	#FFFFFF;
}
input[type=button]#adddatatype:active,input[type=button].addselectrow:active{
	background	:	#37393F;
	color		:	#FFFFFF;
}
.attribute-container .attribute{
	overflow			:	hidden;
	margin				:	0 -20px 10px -20px;
	padding				:	0 20px 0 20px;
}
.attribute-container .attribute .handler h3{
	color	:	#3B3E45;	
	border-bottom		:	1px dashed #BDBDBD;
	margin				:	0 -20px 2px -20px;
	padding				:	4px 20px 4px 20px;
	position			:	relative;
	font-weight			:	bold;
}
.attribute-container .attribute .handler h3 .remove-attribute{
	position	:	absolute;
	right		:	20px;
}
.attribute-container .attribute .grid-layout{
	margin		:	5px 2px 2px 2px;
}
.attribute-container .attribute label{
	color			:	#4E5157;
	font-size		:	16px;
	margin			:	2px 0 5px 0;
}
/** COLLECTION**/
.collection-attribute label{
	color	:	##E7A027;
}
.form-line.collection-attribute{
	margin-bottom	:	1px solid #3B3E45;
}
.form-line.collection-attribute:last-child{
	margin-bottom	:	0px solid #3B3E45;
}

/** SPECIFIC **/
select.childidentifiers{
	height		:	196px;
}

/** LOGIN & RESET FORM ANIMATIONS **/
#login-form .form-line-load, #login-form .form-line-error,
	#reset-form .form-line-load, #reset-form .form-line-error{
	position	:	absolute;
	opacity		:	0;
	z-index		:	0;
	opacity		:	0;
}
#login-form .form-line-load span,#reset-form .form-line-load span{
	font-style		:	italic;
	font-size		:	120%;
	padding-left	:	10px;	
}
#login-form.submitting .form-line,#login-form.submitting #reset-psd,
	#reset-form.submitting .form-line,#reset-form.submitting #retry-login,
		form.submitting section.input{
	-webkit-transition	: 	opacity 0.2s ease-in-out;
  	-moz-transition		: 	opacity 0.2s ease-in-out;
  	-ms-transition		: 	opacity 0.2s ease-in-out;
  	-o-transition		: 	opacity 0.2s ease-in-out;
	transition			: 	opacity 0.2s ease-in-out;
	opacity				:	0;
}
#login-form.error .form-line, #login-form.error #reset-psd, #login-form.feedback .form-line, #login-form.feedback #reset-psd, 
	#reset-form.error .form-line,#reset-form.error #retry-login, #reset-form.feedback .form-line,#reset-form.feedback #retry-login{
	display				:	none;
 }
#login-form.submitting .form-line-load,
	#reset-form.submitting .form-line-load{
	-webkit-transition	: 	opacity 0.2s ease-in-out;
  	-moz-transition		: 	opacity 0.2s ease-in-out;
  	-ms-transition		: 	opacity 0.2s ease-in-out;
  	-o-transition		: 	opacity 0.2s ease-in-out;
	transition			: 	opacity 0.2s ease-in-out;
	opacity				:	1;
}
#login-form.error .form-line-load,
	#reset-form.error .form-line-load{
	-webkit-transition	: 	opacity 0.2s ease-in-out;
  	-moz-transition		: 	opacity 0.2s ease-in-out;
  	-ms-transition		: 	opacity 0.2s ease-in-out;
  	-o-transition		: 	opacity 0.2s ease-in-out;
	transition			: 	opacity 0.2s ease-in-out;
	opacity				:	0;
}
#login-form.error .form-line-error,
	#reset-form.error .form-line-error{
	-webkit-transition	: 	opacity 0.2s ease-in-out;
  	-moz-transition		: 	opacity 0.2s ease-in-out;
  	-ms-transition		: 	opacity 0.2s ease-in-out;
  	-o-transition		: 	opacity 0.2s ease-in-out;
	transition			: 	opacity 0.2s ease-in-out;
	opacity				:	1;
}
/** EMAIL DIALOG **/
.mail-rec{
	float	:	left;
	margin	:	1px 2px 1px 1px;
}
.mail-rec span,.mail-rec a{
	float	:	left;
}
.mail-rec a{
	margin-right	:	5px;
}
.mail-rec span{
	margin	:	1px 10px 1px 10px;
}
.msg-container{
	overflow	:	hidden;
	border-top	:	1px solid #4FAAB1;
	
}

/** GRID LAYOUT **/
.grid-layout {
	overflow	:	hidden;
}
.g1,.g2,.g3,.g4,.g5,.g6,.g7,.g8,.g9,.g10,.g11,.g12 {
	display		:	inline;
	float		:	left;
	position	:	relative;
	margin-right:	2%;
}
.g1 {width:6.333%;}
.g2 {width:14.667%;}
.g3 {width:23.0%;}
.g4 {width:31.333%;}
.g5 {width:39.667%;}
.g6 {width:48.0%;}
.g7 {width:56.333%;}
.g8 {width:64.667%;}
.g9 {width:73.0%;}
.g10 {width:81.333%;}
.g11 {width:89.667%;}
.g12 {width:100.0%;margin:0;}
.g6:last-child{
	margin-right	:	0%;
	width			:	50%;	
}
.g2:last-child{
	margin-right	:	0%;
	width			:	16.667%;
}
.g8:last-child{
	margin-right	:	0%;
	width			:	66.667%;
}
.g3:last-child{
	width			:	25.0%;
}
.g4:last-child{
	width			:	33.333%;
	margin-right	:	0%;
}
.b4{
	width	:	25%;	
}

/* SMALLER SCREENS */
@media screen and (max-width: 960px) {
	.app-panel .action-panel{
		width	:	30%;
	}
	.app-panel.navtree .nav-panel,.app-panel.navtree .sub-panel{
		width	:	70%;
	}
	.app-panel.navtree .nav-panel.load,.app-panel.navtree .sub-panel.load{
		left	:	30%;
	}
}
/* portrait tablet screens */
@media screen and (max-width: 758px) {

}
/** SMARTPHONES **/
@media screen and (max-width: 524px) {
/** LOGIN PAGE **/
	.app-panel{
		overflow : auto;
	}
	.app-panel .action-panel{
		width		:	100%;
		position	:	relative;
	}
	.app-panel.navtree .nav-panel,.app-panel.navtree .sub-panel{
		width		:	100%;
		position	:	relative;
	}
	.app-panel.navtree .nav-panel.load,.app-panel.navtree .sub-panel.load{
		left	:	0;
	}
	.action-panel,.action-panel > .scrollable{
		height	:	auto;
	}
	.app-panel table.datatable tr td:nth-child(3),.app-panel table.datatable tr th:nth-child(3),
		.app-panel table.datatable tr td:nth-child(4),.app-panel table.datatable tr th:nth-child(4){
		display	:	none;
	}
	
	.login-container,.reset-psd-container{
		left		:	5%;
		top			:	5%;
		width		:	90%;
		text-align	:	left;
		margin		:	0;
	}
	.login-container h1, .reset-psd-container h1{
		font-size		:	14px;
		line-height		:	14px;
		white-space		:	nowrap;
	}
}