/* Reset CSS */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

*:focus { outline: 0 !important; }

::-ms-clear { width : 0; height: 0; }
::-ms-reveal { width : 0; height: 0; }

textarea {
	white-space: pre;
	word-wrap: normal;
	overflow-x: scroll;
	resize: none;
}

#modalVerticalForm textarea {
	white-space: normal;
}

html {
	color: #707070;
	font-family: Trebuchet MS, Arial;
	font-size: 13px;
}

body {
	background-color: #e2e2e2 !important;
	color: #707070;
	font-family: Trebuchet MS, Arial;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

a { color: #2a7ca6; }
a:hover, a:focus { color: #1f5c7b; }

input[type="text"], input[type="password"], select, .form-control {
	padding: 5px;
	font-size: 14px;
	color: #909090;
	border: solid 1px #ccc;
	margin: 0; 
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, .form-control:focus {
	border: solid 1px #6ec2ee;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5);
}

.form-control.calendar { width: 146px; text-align: center; }

.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus { border-color: #2a7ca6; }

.label-info { background-color: #2a7ca6; }

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* header */

#header {
	width: 100%;
	height: 65px;
	position: fixed;
	top: 0;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(42,125,166,1) 31%, rgba(42,125,166,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(30%, rgba(255,255,255,1)), color-stop(31%, rgba(42,125,166,1)), color-stop(100%, rgba(42,125,166,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(42,125,166,1) 31%, rgba(42,125,166,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(42,125,166,1) 31%, rgba(42,125,166,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(42,125,166,1) 31%, rgba(42,125,166,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(42,125,166,1) 31%, rgba(42,125,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2a7da6', GradientType=1 );
	z-index: 100;
}

#headercontent {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	width: 980px;
	height: 65px;
	margin: 0 auto;
}

#headerLogo {
	height: 65px;
	margin: 0 auto;
	white-space: nowrap;
	background-color: #ffffff;
}

#headerInfo {
	flex-grow: 1;
	height: 65px;
	margin: 0 auto;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,125,166,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(42,125,166,1)));
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,125,166,1) 100%);
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,125,166,1) 100%);
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(42,125,166,1) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(42,125,166,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#2a7da6', GradientType=1 );
}

#logged-user {
	display: block;
	float: right;
	padding: 8px 20px 0 0;
	font-size: 14px;
	white-space: nowrap;
	color: #ffffff;
}

#header-actions {
	display: block;
	float: right;
	padding: 13px 15px 0 0;
	font-size: 15px;
	white-space: nowrap;
	color: #ffffff;
}

.toolbar-icon {
	display: block;
	float: right;
	padding: 11px 10px 0 0;
	font-size: 18px;
}

#header-actions a,
#logged-user a			{ text-decoration: none; color: #ffffff; }
#header-actions a:hover,
#logged-user a:hover	{ text-decoration: underline; }

#flags {
	display: block;
	float: right;
	height: 26px;
	padding: 8px 15px 0 0;
	list-style: none;
}

#flags li { display: inline; }

/* navbar */

#navbar {
	width: 100%;
	height: 35px;
	position: fixed;
	top: 65px;
	background-image: url('../images/navbar-bkg.png');
	background-repeat: repeat-x;
	box-shadow: 0 1px 25px #707070;
	z-index: 100;
}

ul.E3navbar {
	display: block;
	width: 960px;
	height: 35px;
	margin: 0 auto;
	list-style: none;
	vertical-align: middle;
	cursor: default;
}

li.E3navbar				{ display: inline-block; padding: 0 3px; vertical-align: middle; line-height: 30px; }
li.E3navbar span		{ font-size: 13px; line-height: 35px; vertical-align: middle; color: #2a7ca6; }
li.E3navbar span.badge	{ margin-left: 5px; padding: 0 5px; font-size: 12px; color: #ffffff; line-height: 16px; background-color: #2a7ca6; }
li.E3navbar a			{ font-size: 13px; line-height: 35px; vertical-align: middle; text-decoration: none; color: #707070; }
li.E3navbar a:hover		{ color: #2a7ca6; }

li.E3navbar.dropdown.open>.dropdown-menu { padding: 0; width: 300px; }

li.E3navbar span,
li.E3navbar a			{ padding: 0 2px; }

div.E3navbar-menu			{ position: absolute; left: 0; top: 101px; background-color: #f1f1f1; display: none; padding: 10px 0; box-shadow: 0 1px 25px #707070; z-index: 100; clip: rect(0px, 1000px, 1000px, -1000px); border-radius: 0 0 7px 7px; }
div.E3navbar-menu > div		{ padding: 5px 15px; font-size: 13px; cursor: default; }
div.E3navbar-menu span		{ color: #2a7ca6; }
div.E3navbar-menu a			{ text-decoration: none; color: #707070; }
div.E3navbar-menu a:hover	{ color: #2a7ca6; }

.exports-title			{ font-size: 14px; padding: 8px 10px; background-color: #e0e0e0; border-radius: 4px 4px 0 0 !important; cursor: default; }
.exports-notasks		{ padding: 6px 6px 6px 10px; cursor: default; }
.exports-task			{ border-bottom: 1px solid #e0e0e0; cursor: default; }

.exports-task-text				{ padding: 6px 6px 6px 10px; background-color: #fff; float: left; width: 178px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 11px !important; line-height: 19px; }
.exports-task-timer				{ padding: 6px; background-color: #fff; float: left; width: 110px; white-space: nowrap; overflow: hidden; font-size: 11px !important; line-height: 19px; text-align: center; }
.exports-task-timer	span.timer	{ font-size: 15px !important; line-height: 19px; vertical-align: middle; color: #a0a0a0; }
.exports-task-timer	span.date	{ padding: 0 !important; font-size: 11px !important; line-height: 12px; vertical-align: middle; color: #a0a0a0; white-space: normal; }
.exports-task-icon				{ background-color: #fff; float: left; width: 30px; padding: 6px 6px 5px 0; }


.exports-task-category	{ padding: 0 !important; font-size: 11px !important; line-height: 12px !important; font-weight: bold; color: #2a7ca6; }
.exports-footer			{ padding: 8px 10px; background-color: #e0e0e0 !important; border-radius: 0 0 4px 4px; text-align: center; vertical-align: middle; }
.exports-footer:hover	{ background-color: #2a7ca6 !important; }
.exports-footer:hover a	{ color: #fff !important; }
.exports-footer a		{ width: 100% !important; font-size: 14px !important; text-decoration: none; color: #707070 !important; }
.exports-footer a:hover	{ color: #fff !important; }

.exportshistory-task-text	{ background-color: #fff; float: left; width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px !important; padding: 0 0 0 15px; line-height: 35px; }

/* frame */

#frame {
	padding-top: 75px;
	width: 980px;
	margin: 0 auto;
}

#frame-background {
	float: left;
	width: 980px;
	background-image: url('../images/frame-bkg.png');
	background-repeat: no-repeat;
	background-position: center top;
}

#frame-content {
	float: left;
	padding: 50px 50px 15px 50px;
	width: 880px;
}

#frame-closure {
	clear: both;
	width: 980px;
	height: 35px;
	background-image: url('../images/frame-btm.png');
	background-repeat: no-repeat;
}

#mid-closure {
	clear: both;
	width: 980px;
	height: 55px;
	background-image: url('../images/frame-mid.png');
	background-repeat: no-repeat;
}

#mid-background {
	float: left;
	width: 980px;
	background-image: url('../images/frame-bkg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content {
	float: left;
	padding: 50px 50px 15px 50px;
	width: 880px;
	min-height: 500px;
	background-repeat: no-repeat;
	background-position: center top;
}

#mid-content {
	float: left;
	padding: 50px 50px 15px 50px;
	width: 880px;
	min-height: 100px;
}

#content-left {
	float: left;
	padding: 45px 0 15px 16px;
	width: 235px;
}

#content-right {
	float: right;
	padding: 50px 30px 15px 15px;
	width: 205px;
}

#content-left ul {
	display: block;
	width: 215px;
	margin: 0;
	list-style: none;
	vertical-align: middle;
}

#content-left li {
	width: 215px;
	padding: 10px 0 10px 20px;
	color: #1f5c7b;
	background-image: url(../images/default/li-arrow-R.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}

#content-left li.selected {
	color: #ffffff;
	background-color: #478eb2;
	background-image: url(../images/default/li-arrow-selected-R.png);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: default;
}

#content-left li.simulation-item > i.fa {
    float: right;
	margin: 0 15px 0 10px;
	color: #2a7ca6;
}

#content-left li.simulation-item.selected > i.fa {
    color: #fff;
}

#CATEGORIA0 {
	background-image: url(../images/default/li-arrow-R-fav.png) !important;
}

#CATEGORIA0.selected {
	background-image: url(../images/default/li-arrow-selected-R-fav.png) !important;
}

#CATEGORIA1 {
	background-image: url(../images/default/li-arrow-R-all.png) !important;
}

#CATEGORIA1.selected {
	background-image: url(../images/default/li-arrow-selected-R-all.png) !important;
}

li.Listino {
	background-image: url(../images/default/li-arrow-R-list.png) !important;
}

li.Listino.selected {
	background-image: url(../images/default/li-arrow-selected-R-list.png) !important;
}

li.Estrazione {
	background-image: url(../images/default/li-arrow-R-export.png) !important;
}

li.Estrazione.selected {
	background-image: url(../images/default/li-arrow-selected-R-export.png) !important;
}

#content-left li.qlik {
	padding: 10px 0 10px 12px;
}

#QLIK-DATAFILE {
	background-image: url(../images/default/li-qlik-datafile.png) !important;
}

#QLIK-DATAFILE.selected {
	background-image: url(../images/default/li-qlik-datafile-selected.png) !important;
}

#QLIK-PROFILI {
	background-image: url(../images/default/li-qlik-profili.png) !important;
}

#QLIK-PROFILI.selected {
	background-image: url(../images/default/li-qlik-profili-selected.png) !important;
}

#QLIK-NUVOLE {
	background-image: url(../images/default/li-qlik-nuvole.png) !important;
}

#QLIK-NUVOLE.selected {
	background-image: url(../images/default/li-qlik-nuvole-selected.png) !important;
}

#content-left li.separator {
	width: 208px;
	height: 2px;
	margin-left: 12px;
	padding: 0;
	background-image: url(../images/default/li-separator.png);
	background-repeat: no-repeat;
	cursor: default;
}

#content-left li.spacer {
	width: 208px;
	height: 35px;
	padding: 0;
	background-image: none;
	cursor: default;
}

.textbox-icons {
	float: left;
	margin: 3px 0 0 -45px;
	width: 40px;
	height: 32px;
}

.textbox-icon-clear {
	float: left;
	width: 20px;
	height: 32px;
	background-image: url(../images/textbox-icon-clear.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

.textbox-icon-search {
	float: left;
	width: 20px;
	height: 32px;
	background-image: url(../images/textbox-icon-search.png);
	background-repeat: no-repeat;
	cursor: pointer;
}

#systemDate {
	padding: 0 0 15px 0;
	font-size: 12px;
	text-align: center;
}

#systemDate > input {
	display: block;
	margin: 5px auto 0 5px;
	padding: 0;
	width: 220px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	border: none;
	border-radius: 0;
	color: #707070;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
}

/* footer */

#footer {
	width: 980px;
	height: 24px;
	margin: 0 auto;
	padding-bottom: 15px;
	font-size: 11px;
	line-height: 24px;
	vertical-align: middle;
	color: #707070;
}

#footer a		{ text-decoration: none; color: #707070; }
#footer a:hover	{ color: #2a7ca6; }

#footer-text {
	float: left;
	padding-left: 25px;
}

#footer-copy {
	float: right;
	padding-right: 25px;
}

/* text */

.errorSpan {
	font-size: 20px;
	font-weight: bold;
	color: #c00000;
}

.title {
	font-size: 24px;
	font-weight: normal;
	color: #1f5c7b;
}

.pageTitle {
	font-size: 30px;
	font-weight: normal;
	color: #1f5c7b;
}

.listDocuments {
	width: 100%;
	padding: 15px 0 2px 0;
	border-bottom: solid 1px #cbdfe9;
}

.listRecord {
	width: 100%;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #cbdfe9;
}

.listRecord span,
.exportshistory-task-text span {
	font-weight: bold;
	color: #1f5c7b;
}

.smalltext {
	font-size: 10px;
	font-style: italic;
	color: #a0a0a0 !important;
}

.listRecord.running,
.listRecord.running span,
.smalltext.running { color: #d0d0d0 !important; font-style: italic !important; }

.list-new {
	margin: 20px 0 15px 5px;
	height: 24px;
	font-size: 18px;
	font-weight: normal;
	color: #478eb2;
	cursor: pointer;
}

.icon {
	width: 24px;
	height: 24px;
	background-color: #478eb2;
	background-repeat: no-repeat;
	cursor: pointer;
}

.icon-20 {
	width: 20px;
	height: 20px;
	background-color: #478eb2;
	background-repeat: no-repeat;
	cursor: pointer;
}

.icon-disabled {
	background-color: #e4eef4;
	cursor: default;
}

.icon-noclick {
	cursor: default;
}

.icon-mimetype			{ float: left; margin-right: 5px; cursor: default; }
.icon-download			{ background-image: url(../images/icon-download.png); }
.icon-filedescription	{ background-image: url(../images/icon-filedescription.png); }
.icon-addtofavourites	{ background-image: url(../images/icon-addtofavourites.png); }
.icon-favourite			{ background-image: url(../images/icon-favourite.png); }
.icon-preview			{ background-image: url(../images/icon-preview.png); }
.icon-openjava			{ background-image: url(../images/icon-openjava.png); }
.icon-addtolist			{ background-image: url(../images/icon-addtolist.png); }
.icon-trashempty		{ background-image: url(../images/icon-trashempty.png); }
.icon-trashfull			{ background-image: url(../images/icon-trashfull.png); }
.icon-duplicate			{ background-image: url(../images/icon-duplicate.png); }
.icon-edit				{ background-image: url(../images/icon-edit.png); }
.icon-edit-grid			{ background-image: url(../images/icon-edit-grid.png); }
.icon-edit-vertical		{ background-image: url(../images/icon-edit-vertical.png); }
.icon-rename			{ background-image: url(../images/icon-rename.png); }
.icon-items				{ background-image: url(../images/icon-items.png); }
.icon-delete			{ background-image: url(../images/icon-delete.png); }
.icon-public			{ background-image: url(../images/icon-public.png); }
.icon-publishto			{ background-image: url(../images/icon-public.png); }
.icon-private			{ background-image: url(../images/icon-private.png); }
.icon-details			{ background-image: url(../images/icon-details.png); }
.icon-export			{ background-image: url(../images/icon-export.png); }
.icon-report-export		{ background-image: url(../images/icon-report-export.png); }
.icon-report-prompts	{ background-image: url(../images/icon-report-prompts.png); }
.icon-select			{ background-image: url(../images/icon-tick.png); }
.icon-cogs				{ background-image: url(../images/icon-cogs.png); }
.icon-templates			{ background-image: url(../images/icon-templates.png); }
.icon-not-default		{ background-image: url(../images/icon-not-default.png); }
.icon-default			{ background-image: url(../images/icon-default.png); }

.icon-20-cogs				{ background-image: url(../images/tree/icon-20-cogs.png); }
.icon-20-details			{ background-image: url(../images/tree/icon-20-details.png); }
.icon-20-edit				{ background-image: url(../images/tree/icon-20-edit.png); }
.icon-20-filedescription	{ background-image: url(../images/tree/icon-20-filedescription.png); }
.icon-20-open				{ background-image: url(../images/tree/icon-20-open.png); }
.icon-20-openjava			{ background-image: url(../images/tree/icon-20-openjava.png); }
.icon-20-preview			{ background-image: url(../images/tree/icon-20-preview.png); }
.icon-20-report-export		{ background-image: url(../images/tree/icon-20-report-export.png); }
.icon-20-report-prompts		{ background-image: url(../images/tree/icon-20-report-prompts.png); }
.icon-20-download			{ background-image: url(../images/tree/icon-20-download.png); }
.icon-20-upload				{ background-image: url(../images/tree/icon-20-upload.png); }

.icon-favourites {
	float: right;
	margin-right: 15px;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
}

div.icon-templates {
	position: relative;
}

.icon-opaque {
	background-color: rgba(71, 142, 178, 0.25);
}

div.templates-badge {
	position: absolute;
	bottom: -3px;
	right: -7px;
	padding: 0 3px;
	min-width: 15px;
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #ffffff;
	background-color: #2a7ca6;
	border-radius: 50%;
}

.left-aligned {
	float: left;
	margin-right: 10px;
}

.right-aligned {
	float: right;
	margin-left: 7px;
}

.listHeader	{
	width: 100%;
	height: 38px;
	margin: 0 15px 10px 0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82c5e7), color-stop(1, #478eb2) );
	background: -moz-linear-gradient( center top, #82c5e7 5%, #478eb2 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#82c5e7', endColorstr='#478eb2');
	background-color: #82c5e7;
	border: 1px solid #478eb2;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

.listHeader input { height: 18px; }

.listFooter	{
	width: 100%;
	height: 34px;
	margin: 30px 15px 15px 0;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82c5e7), color-stop(1, #478eb2) );
	background: -moz-linear-gradient( center top, #82c5e7 5%, #478eb2 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#82c5e7', endColorstr='#478eb2');
	background-color: #82c5e7;
	border: 1px solid #478eb2;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
}

.listFooter div.paging-img-on	{ float: left; margin: 0 3px; width: 24px; height: 24px; background-repeat: no-repeat; cursor: pointer; }
.listFooter div.paging-img-off	{ float: left; margin: 0 3px; width: 24px; height: 24px; background-repeat: no-repeat; cursor: default; }
.listFooter div.paging-text { float: left; margin: 0 5px; height: 24px; font-weight: bold; line-height: 25px; vertical-align: middle; color: #ffffff; }

.listOrdering { float: right; margin: 4px 4px 0 0; }
.listOrdering span { line-height: 30px; vertical-align: middle; white-space: nowrap; margin-right: 5px; color: #ffffff; font-weight: bold; }
.listOrdering select { height: 30px; }

.listPaging { float: right; height: 24px; margin: 5px 3px 0 0; color: #ffffff; }
.listPaging div { float: left; height: 24px; line-height: 24px; vertical-align: middle; }
.listPaging div.paging-img-on	{ margin: 0 3px; width: 24px; height: 24px; background-repeat: no-repeat; cursor: pointer; }
.listPaging div.paging-img-off	{ margin: 0 3px; width: 24px; height: 24px; background-repeat: no-repeat; cursor: default; }
.listPaging div span { font-weight: bold; }

.footerText { font-size: 18px; font-weight: bold; line-height: 38px; vertical-align: middle; color: #ffffff; margin-left: 15px; }

.filterFound { font-weight: bold; background-color: #478eb2; color: #ffffff !important; }

label { line-height: 30px; vertical-align: middle; }

/* login */

#login-box							{ font-size: 13px; }
#login-box input[type="text"],
#login-box input[type="password"]	{ width: 200px; }
#login-box select					{ width: 200px; height: 30px; }

#login-box input[type="button"],
#login-box button[type="button"] {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4b8fb4), color-stop(1, #025e90) );
	background: -moz-linear-gradient( center top, #4b8fb4 5%, #025e90 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#4b8fb4', endColorstr='#025e90');
	background-color: #4b8fb4;
	border: 1px solid #0f445f;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	display: inline-block;
	color: #ffffff;
	font-size: 16px;
	font-style: normal;
	height: 40px;
	line-height: 36px;
	width: 200px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
}

#login-box button[type="button"] {
    display: flex;
    justify-content: center;
    align-items: center;
	height: 60px;
	line-height: 20px;
}

#login-box button[type="button"] > img {
	margin: 0 5px;
    width: 30px;
	height: 30px;
}

#login-box button[type="button"] > div {
    flex: 1;
	text-align: center;
}

#login-box input[type="button"]:hover,
#login-box button[type="button"]:hover {
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #025e90), color-stop(1, #4b8fb4) );
	background: -moz-linear-gradient( center top, #025e90 5%, #4b8fb4 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#025e90', endColorstr='#4b8fb4');
	background-color: #025e90;
}

#login-box input[type="button"]:active,
#login-box button[type="button"]:active {
	position: relative;
	top: 1px;
}

#login-box a		{ text-decoration: none; color: #707070; }
#login-box a:hover	{ color: #2a7ca6; }

.login-option {
    display: flex;
    flex-direction: row;
	width: 202px;
	color: #1f5c7b;
}

.login-option:before,
.login-option:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #1f5c7b;
    margin: auto 5px;
}

span.modal-title {
	font-weight: 500;
	line-height: 1.1;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	color: #2a7ca6;
}

span.modal-title select.paging-list {
	margin: 0 10px;
	padding: 0;
	font-size: 17px;
	font-weight: 500;
	color: #2a7ca6;
	text-align: center;
}

#modalPasswordRecover				.modal-dialog { width: 420px; }
#modalPasswordChange				.modal-dialog { width: 420px; }
#modalAnalysisHeading				.modal-dialog { width: 950px; }
#modalCatalogVisibility				.modal-dialog { width: 950px; }
#modalCatalogItems					.modal-dialog { width: 950px; }
#modalExportDetails					.modal-dialog { width: 680px; }
#modalReportHistory					.modal-dialog { width: 350px; }
#modalPrompts						.modal-dialog { width: 950px; }

#modalQlikDatafileUpdate			.modal-dialog { width: 900px; }
#modalQlikDatafilePickObject		.modal-dialog { width: 950px; }
#modalQlikDatafilePickElaboration	.modal-dialog { width: 700px; }
#modalQlikDatafileElaborationInsert	.modal-dialog { width: 610px; }

#modalqlikProfileUpdate				.modal-dialog { width: 510px; }
#modalQlikProfilePickQvd			.modal-dialog { width: 600px; }

#modalQlikNuvoleConnection			.modal-dialog { width: 850px; }

#ruleFilter							.modal-dialog { width: 600px; }
#modalDEAdvancedFilters				.modal-dialog { width: 875px; }

.tab-pane-content {
	width: 100%;
	height: 510px;
	padding: 15px;
	overflow-y: scroll;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.modalCatalogItems-assigned-panel { width: 99%; padding: 0 10px; border-radius: 4px; }
.modalCatalogItems-assigned-panel.group { padding: 0; margin-top: 15px; background: #f9f9f9; border: 1px solid #82c5e7; }
.modalCatalogItems-assigned-panel > div.title { padding: 7px; background: #82c5e7; font-size: 14px; font-weight: bold; color: #ffffff; }
.modalCatalogItems-assigned-panel > div.content { padding: 10px; }
.modalCatalogItems-assigned-panel > table,
.modalCatalogItems-assigned-panel > div > table { font-size: 11px; margin-bottom: 0; background-color: #ffffff; }
.modalCatalogItems-assigned-panel > table th,
.modalCatalogItems-assigned-panel > div > table th { font-size: 12px; font-weight: bold; background-color: #f0f0f0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modalCatalogItems-assigned-panel > div.footer { padding: 6px 5px 5px 0; background: #82c5e7; }
.modalCatalogItems-assigned-panel > div.footer > div.paging { float: right; margin-left: 4px; width: 20px; height: 20px; font-size: 14px; font-weight: bold; line-height: 17px; color: #abd8ef; text-align: center; border: 2px solid #abd8ef; white-space: nowrap; }
.modalCatalogItems-assigned-panel > div.footer > div.paging.active { color: #ffffff; border-color: #ffffff; cursor: pointer; }
.modalCatalogItems-assigned-panel > div.footer > div.paging-num { float: right; margin-left: 4px; font-size: 14px; font-weight: bold; line-height: 21px; color: #ffffff;white-space: nowrap; }

.items-removed { color: #e0e0e0; }
.items-added { color: #478eb2; }
.items-notfound { color: #d00000; }

.glyphicon { color: #2a7ca6; }

.items-search-field { float: left; width: 275px; margin: 5px 0 0 0; }
.items-search-field input { width: 275px; }
.items-search-field div.bootstrap-select { width: 275px; }
.items-search-field div.bootstrap-select button { padding: 4px 25px 4px 12px; }
.items-search-field span.fieldlabel { width: 275px; height: 18px; font-size: 12px; line-height: 18px; vertical-align: middle; padding-left: 2px; }

.dropdown-menu>li>a {
	padding: 2px 10px 2px 10px;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: #2a7ca6;
}

.open>.dropdown-menu { width: 275px; }
.bootstrap-select-searchbox input { width: 257px; }

.warning { padding: 10px; font-size: 14px; font-weight: bold; }

.modal-label { float: left; width: 90px; height: 30px; line-height: 30px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.modal-field { float: left; width: 460px; }

.captcha { border: 1px solid #2a7ca6; }

.panel-box { margin-top: 25px; border: 1px solid #478eb2; }
.panel-title {
	display: inline-table;
	margin: -11px 0 0 10px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	white-space: nowrap;
	color: #2a7ca6;
	background-color: #ffffff;
}

.periods-separator { margin: 8px 0 12px 0; height: 1px; font-size: 1px; border-bottom: 1px solid #e5e5e5; }

.export-popover-name	{ float: left; width: 35px; font-weight: bold; line-height: 20px; vertical-align: middle; white-space: nowrap; text-transform: uppercase; }
.export-popover-title	{ float: left; margin-right: 25px; line-height: 20px; vertical-align: middle; white-space: nowrap; }

/* report prompts */

.nav-tabs>li>a.COMMON { font-weight: bold; }

#modalPrompts_PeriodCOMMON_Warning { margin: 15px 0 0 5px; font-size: 12px; font-weight: bold; font-style: italic; color: #b00000; display: none; }

.prompts-period-container { float: left; width: 610px; height: 30px; margin-left: 15px; display: none; }
.prompts-period-label { float: left; margin: 0 15px 0 15px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; }
.prompts-period-calendar { float: left; width: 185px; }

.prompts-parameters-box { width: 822px; margin-bottom: 5px; }
.prompts-parameters-label { float: left; width: 150px; line-height: 30px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.prompts-parameters-operators { float: left; width: 175px; height: 30px; margin-left: 10px; }
.prompts-parameters-field { float: left; width: 450px; margin-left: 10px; }
.prompts-parameters-field > textarea {
	padding: 5px;
	font-size: 14px;
	color: #909090;
	border: solid 1px #ccc;
	margin: 0; 
	width: 450px;
	height: 100px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	white-space: pre-wrap;
	word-wrap: break-word;
	text-wrap: unrestricted;
	overflow-x: hidden;
	overflow-y: scroll;
	resize: vertical;
	display: none;
}
.prompts-parameters-field > textarea:focus {
	border: solid 1px #6ec2ee;
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(31, 92, 123, 0.5);
}
.prompts-parameters-icon { float: left; width: 20px; height: 30px; margin-left: 5px; background-color: #2a7ca6; background-image: url(../images/icon-occurrencies.png); cursor: pointer; display: none; }
.prompts-parameters-occurrencies { width: 822px; height: 250px; margin: 5px 0 15px 0; border: 1px solid #ccc; border-radius: 5px; display: none; }
.prompts-parameters-occurrencies-body { width: 820px; height: 208px; background-image: url(../images/spinner_128.gif); background-repeat: no-repeat; background-position: center center; overflow-x: hidden; overflow-y: scroll; }
.prompts-parameters-occurrencies-footer { width: 820px; height: 40px; border-top: 1px solid #ccc; background-color: #eee; border-radius: 0 0 5px 5px; }
.btn.footer-search { padding: 4px; border-left-width: 0; border-right-width: 0; left: -2px; z-index: 3; }
.btn.footer-clear { padding: 4px; border-left-width: 0; left: -2px; z-index: 3; }
.btn.inset {
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5); 
	box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
}

.prompts-parameters-occurrencies-body > table { margin: 5px; width: 790px; border: 1px solid #ddd; table-layout: fixed; border-collapse: collapse; }
.prompts-parameters-occurrencies-body > table > thead > tr > th { padding: 4px; border: 1px solid #ddd; background-color: #eee; font-size: 10px; font-weight: bold; }
.prompts-parameters-occurrencies-body > table > tbody > tr > td { padding: 4px; border: 1px solid #ddd; font-size: 10px; }
.prompts-parameters-occurrencies-body > table > tbody > tr:hover { background-color: #eee; cursor: pointer; }
.prompts-parameters-occurrencies-body > table > tbody > tr.selected { background-color: #eaf2f6; font-weight: bold; font-style: italic; }
.prompts-parameters-occurrencies-body > table > tbody > tr > td.value { font-weight: bold; color: #2a7ca6; }

.prompts-filters-box { width: 822px; margin-bottom: 10px; padding: 5px; border: 1px solid #e0e0e0; border-radius: 5px; background-color: #fafafa; cursor: pointer; }
.prompts-filters-box.checked { border-color: #95bed3; background-color: #eaf2f6; }
.prompts-filters-box.mandatory { cursor: default; }

.prompts-filters-text { float: left; width: 780px; margin-left: 5px; line-height: 16px; vertical-align: middle; }

.msgPop-content > ul { padding-left: 15px; list-style-type: none; font-weight: bold; }
.msgPop-content > ul > li { padding-top: 20px; }
.msgPop-content > ul > ul { padding-left: 20px; list-style-type: square; font-weight: normal; }
.msgPop-content > ul > ul > li { padding-top: 5px; }

.alpha10 {
	/* IE 8 */			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	/* IE 5-7 */		filter: alpha(opacity=10);
	/* Netscape */		-moz-opacity: 0.1;
	/* Safari 1.x */	-khtml-opacity: 0.1;
	/* Good browsers */	opacity: 0.1;
}

.alpha25 {
	/* IE 8 */			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	/* IE 5-7 */		filter: alpha(opacity=25);
	/* Netscape */		-moz-opacity: 0.25;
	/* Safari 1.x */	-khtml-opacity: 0.25;
	/* Good browsers */	opacity: 0.25;
}

.alpha50 {
	/* IE 8 */			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */		filter: alpha(opacity=50);
	/* Netscape */		-moz-opacity: 0.5;
	/* Safari 1.x */	-khtml-opacity: 0.5;
	/* Good browsers */	opacity: 0.5;
}

.alpha75 {
	/* IE 8 */			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	/* IE 5-7 */		filter: alpha(opacity=75);
	/* Netscape */		-moz-opacity: 0.75;
	/* Safari 1.x */	-khtml-opacity: 0.75;
	/* Good browsers */	opacity: 0.75;
}

li.active > a > i.fa { color: #ffffff; }

select > option:disabled {
	color: #e0e0e0;
}

.menu-group { font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.preferences-modal-row { margin-bottom: 5px; }
.preferences-modal-label { height: 30px; line-height: 30px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-align: right; }

.add-budget-modal-row { margin-bottom: 10px; }
.add-budget-modal-row-divider { margin-bottom: 10px; padding: 0 15px 10px 15px; border-bottom: 1px solid #e5e5e5; }

.processi-icon-bkg {
	margin: -15px 0 0 35px;
	font-size: 500px;
    -ms-transform: rotate(-18deg); /* IE 9 */
    -webkit-transform: rotate(-18deg); /* Safari */
    transform: rotate(-18deg);
}

.tree-branch { width: 635px; height: 22px !important; }
.tree-branch.line { border-bottom: 1px solid #d1e3ec; }
.tree-sub-branch { width: 635px; display: none; }
.tree-level { float: left; width: 22px; height: 22px !important; background-color: #ffffff; }
.tree-icon { float: left; width: 22px !important; height: 22px !important; background-color: #478eb2; cursor: pointer; }
.tree-text { float: left; height: 22px !important; margin-left: 5px; font-size: 13px; line-height: 21px !important; vertical-align: baseline; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

input.session-date { padding: 0; width: 150px; height: 21px !important; font-size: 13px; color: #707070; background-color: transparent; border: none; border-radius: 0; box-shadow: none; cursor: pointer; }
input.session-date:focus { border: none; border-radius: 0; box-shadow: none; }

input.map-session-date { padding: 0; width: 125px; height: 28px !important; font-size: 20px; font-weight: 400; text-align: center; color: #ffffff !important; background-color: transparent !important; border: none; border-radius: 0; box-shadow: none; cursor: pointer; }
input.map-session-date:focus { border: none; border-radius: 0; box-shadow: none; }

.tree-disabled {
	/* IE 8 */			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	/* IE 5-7 */		filter: alpha(opacity=40);
	/* Netscape */		-moz-opacity: 0.40;
	/* Safari 1.x */	-khtml-opacity: 0.40;
	/* Good browsers */	opacity: 0.40;

	cursor: default;
}

.mappa-processi-titolo {
	width: 100%;
	min-height: 40px;
	padding: 0 15px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	background-color: #f0f0f0;
	color: #333333;
}

.mappa-processi {
	position: relative;
	width: 100%;
	z-index: 10;
}

.mappa-processi td {
	height: 30px;
	min-height: 30px;
	line-height: 30px;
	padding: 3px;
	border: 1px dashed #f5f5f5;
}

.mappa-processi td button {
	width: 100%;
	height: 100%;
	min-height: 30px;
}

.mappa-processi-gruppo {
	position: absolute;
	border: 2px solid #333333;
	border-radius: 5px;
	z-index: 5;
}

.mappa-processi-gruppo-title {
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	background-color: #ffffff;
	z-index: 6;
}

/* Rules */

#rule-toolbar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 42px;
	overflow: hidden;
}

button.btn.icon-only { padding: 0; width: 30px; height: 30px; font-size: 17px; line-height: 28px; text-align: center; vertical-align: middle; }
button.btn.icon-only-footer { width: 40px; padding: 1px; font-size: 18px; line-height: 30px; text-align: center; vertical-align: middle; }

#rule-toolbar-title {
	display: block;
	float: left;
	height: 42px;
	margin: 0; 
	padding: 0 10px;
	font-size: 18px;
	white-space: nowrap;
	color: #ffffff;
	line-height: 42px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
}

i.fa.disabled { color: #444; }

#rule-tree-container {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	overflow: auto;
}

#rule-tree {
	position: absolute;
	top: 25px;
	left: 25px;
	overflow: hidden;
}

#ruleDetails {
	position: absolute;
	left: 0;
	top: 0;
	width: 500px;
	height: 300px;
	padding: 15px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 15px #707070;
	display: none;
}

#ruleUpdate {
	position: absolute;
	right: 25px;
	top: 107px;
	background-color: transparent;
	border-radius: 4px;
	box-shadow: 0 0 15px #707070;
	display: none;
}

#ruleUpdate table { margin-top: 20px; width: 100%; }
#ruleUpdate table th { font-size: 16px; font-weight: bold; line-height: 25px; }
#ruleUpdate table td { padding-top: 5px; padding-right: 15px; }

.ui-resizable-helper { border: 1px dashed #2a7ca6; }
.impacts { width: 100%; min-width: 245px; }
.weights { width: 100%; min-width: 75px; text-align: right; }

#ruleUpdateImpacts td i.fa,
.rule-exception-body td i.fa {
	font-size: 24px;
	cursor: pointer;
}

.ruleUpdate-header {
	position: relative;
	margin-top: -40px;
	height: 40px;
	z-index: 1;
}

.ruleUpdate-header > .ruleUpdate-header-tab {
	position: relative;
	display: inline-block;
	float: left;
	padding: 0 15px;
	font-size: 20px;
	font-weight: bold;
	line-height: 40px;
	white-space: nowrap;
	color: #ffffff;
	background-color: #2a7ca6;
	border-radius: 4px 4px 0 0;
	box-shadow: 0 0 15px #707070;
	cursor: pointer;
	z-index: 1;
}

.ruleUpdate-header > .ruleUpdate-header-tab.active {
	position: relative;
	color: #2a7ca6;
	background-color: #ffffff;
	cursor: default;
	z-index: 2;
}

.ruleUpdate-body {
	position: relative;
	padding: 25px 15px;
	background-color: #ffffff;
	z-index: 2;
}

.ruleUpdate-footer {
	position: relative;
	padding-top: 5px;
	width: 100%;
	height: 40px;
	text-align: center;
	background-color: #2a7ca6;
	border-radius: 0 0 4px 4px;
}

.rule-tree-icon { margin-right: 5px; cursor: pointer; }

div.rules-tree-branch.grayed,
div.rules-tree-branch.grayed i,
div.rules-tree-branch.grayed div,
div.rules-tree-branch.grayed span {
	color: #c0c0c0 !important;
}

div.rules-tree-branch div {
	float: left;
	font-size: 14px;
	line-height: 20px;
	white-space: nowrap;
	color: #333;
}

div.rules-tree-branch i.fa {
	float: left;
	margin-right: 3px;
	width: 20px;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	color: #333;
	cursor: pointer;
}

div.rules-tree-branch i.fa.rule-icon {
	float: none;
	margin-left: 0;
	cursor: default;
}

div.rules-tree-branch i.fa.rule-exception-icon {
	float: none;
	margin-left: 0;
	margin-right: 5px;
	color: #2a7ca6;
	cursor: help;
}

.rules-tree-branch-text span { cursor: pointer; }

.rules-tree-branch-text.selected {
	background: -moz-linear-gradient(left, rgba(42,124,166,1) 0%, rgba(42,124,166,0) 100%);
	background: -webkit-linear-gradient(left, rgba(42,124,166,1) 0%,rgba(42,124,166,0) 100%);
	background: linear-gradient(to right, rgba(42,124,166,1) 0%,rgba(42,124,166,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a7ca6', endColorstr='#002a7ca6',GradientType=1 );

	text-shadow: 1px 1px rgba(226,226,226,0.5);
	border-radius: 2px 0 0 2px;
}

.rules-tree-branch-text.selected i.fa.rule-icon {
	text-shadow: none;
}

div.rules-tree-branch .filterFound { font-weight: bold; background-color: transparent; color: #0000ff !important; }

span.btn-separator { margin: 0; padding: 0; font-weight: normal; color: rgba(255,255,255,0.2); }

div.rules-tree-branch.grayed .branch-toggle-highlight { color: #333 !important; }

#ruleUpdate .ruleUpdate-body .ruleUpdate-E {
	margin: -25px -15px;
	max-height: calc(100vh - 170px);
}

#ruleUpdateExceptions {
	max-height: calc(100vh - 230px);
	overflow-y: scroll;
}

#ruleUpdateAddException {
	display: none;
}

.rule-exception-container {
	position: relative;
	margin: 20px 15px 15px 15px;
	padding: 0;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
}

.rule-exception-title {
	position: absolute;
	top: -7px;
	left: 10px;
	padding: 0 5px;
	max-width: 90%;
	font-weight: bold;
	color: #2a7ca6;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #ffffff;
	cursor: pointer;
}

.rule-exception-body {
	padding: 10px 15px;
	display: none;
}

.rule-exception-footer {
	margin: 5px 0 0 0;
	padding: 5px 0;
	background-color: #f0f0f0;
	border-top: 1px solid #c0c0c0;
	border-radius: 0 0 4px 4px;
	text-align: center;
	display: none;
}

.rule-exception-body .impacts { width: 100%; min-width: 220px; }

/* Budget */

#budgetButtons {
	margin: 25px 0 20px 0;
	text-align: center;
	display: none;
}

#budgetButtons button {
	margin-right: 7px;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #82c5e7), color-stop(1, #478eb2) );
	background: -moz-linear-gradient( center top, #82c5e7 5%, #478eb2 100% );
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#82c5e7', endColorstr='#478eb2');
	background-color: #82c5e7;
	border: 1px solid #478eb2;
	color: #ffffff;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
}

#budgetButtons button > i {
	color: #ffffff;
}

#modalBudgetCreation input[type=radio] {
	margin: 0 7px 0 30px;
}

#modalBudgetCreation div.modal-label,
#modalBudgetConsolidation div.modal-label,
#modalBudgetApplyChanges div.modal-label,
#modalBudgetIntegration div.modal-label {
	padding-right: 10px;
	width: 150px;
	text-align: right;
}

#modalBudgetCreation div.modal-field,
#modalBudgetConsolidation div.modal-field,
#modalBudgetApplyChanges div.modal-field,
#modalBudgetIntegration div.modal-field {
	width: 550px;
}

#budget-toolbar {
	position: fixed;
	top: 0;
	width: 100%;
	height: 42px;
	overflow: hidden;
}

#budget-toolbar-title {
	display: block;
	float: left;
	height: 42px;
	margin: 0; 
	padding: 0 10px;
	font-size: 18px;
	white-space: nowrap;
	color: #ffffff;
	line-height: 42px;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	text-overflow: ellipsis;
}

#budget-columns {
	position: absolute;
	top: 87px;
	right: 0;
	width: 17px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	overflow: hidden;
	cursor: pointer;
}

.budget-columns-menu {
	position: absolute;
	top: 102px;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	overflow: hidden;
	z-index: 1500;
	display: none;
}

#budget-columns-list {
	padding: 8px 0;
	right: 10px;
}

.budget-columns-list-item {
	padding: 5px 15px 5px 12px;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
	background-color: #fff;
	cursor: ns-resize;
}

.budget-columns-list-item > i.fa {
	width: 18px;
	font-size: 14px;
	color: #666;
	cursor: pointer;
}

.budget-columns-list-item.ui-sortable-helper {
	background-color: #f5f5f5;
}

.budget-columns-filter-menu {
	padding: 8px 10px;
	top: 105px;
	left: 0;
}

.budget-columns-filter-menu span {
	display: block;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 275px;
	max-width: 275px;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.budget-columns-filter-menu select,
.budget-columns-filter-menu input {
	padding: 0 5px;
	height: 24px !important;
	font-family: Trebuchet MS, Arial;
	font-size: 12px;
	line-height: 24px !important;
	color: #333;
	border: 1px solid #e5e5e5;
	background-color: transparent !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}

.budget-columns-filter-menu select:focus,
.budget-columns-filter-menu input:focus {
	border: 1px solid #e5e5e5;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}

.budget-columns-filter-menu select {
	margin-right: 5px;
	text-align: center;
}

.budget-columns-filter-menu input {
	width: 125px;
}

#budget-columns-filter-menu input.number {
	width: 85px;
	font-family: monospace, monospace;
	text-align: right;
}

#budget-columns-filter-menu input.number[disabled] {
	background-color: #f0f0f0 !important;
	cursor: not-allowed;
}

.budget-columns-filter-menu i.fa {
	margin-left: 7px;
	font-size: 18px;
	vertical-align: middle;
	cursor: pointer;
}

.budget-columns-changetype-menu {
	padding: 7px 0;
	top: 105px;
	left: 0;
}

.budget-columns-changetype-list-item {
	padding: 5px 15px 5px 5px;
	font-size: 12px;
	white-space: nowrap;
	background-color: #fff;
	cursor: pointer;
}

.budget-columns-changetype-list-item > i.fa {
	width: 22px;
	font-size: 12px;
	color: #666;
	text-align: center;
}

.budget-columns-changetype-list-item:hover {
	background-color: #f0f0f0;
}

#budget-context-menu {
	position: absolute;
	padding: 7px 0;
	left: 0;
	top: 0;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	overflow: hidden;
	z-index: 1500;
	display: none;
}

.budget-context-menu-item {
	padding: 5px 15px 5px 5px;
	font-size: 12px;
	white-space: nowrap;
	background-color: #fff;
	cursor: pointer;
}

.budget-context-menu-item > i.fa {
	width: 24px;
	font-size: 13px;
	color: #666;
	text-align: center;
}

.budget-context-menu-item:hover {
	background-color: #f0f0f0;
}

.budget-context-menu-item.disabled {
	color: #c0c0c0;
	cursor: default;
}

.budget-context-menu-item.disabled > i.fa {
	color: #c0c0c0;
}

.budget-context-menu-item.disabled:hover {
	background-color: #fff;
}

.budget-dimension {
	display: inline-block;
	margin: 5px;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	cursor: pointer;
}

.budget-dimension.drill {
	font-weight: bold;
	color: #fff;
	border: 1px solid #1e6385;
	background-color: #2a7ca6;
	cursor: default;
}

.budget-static-filter {
	display: inline-block;
	float: right;
	margin: 5px 10px;
	padding: 5px 10px;
	font-size: 12px;
	border: 1px solid #e0e0e0;
	background-color: #f0f0f0;
	cursor: pointer;
}

.budget-static-filter i.fa {
	margin-right: 5px;
}

.budget-dimension:hover,
.budget-static-filter:hover {
	background-color: rgba(42, 124, 166, 0.2);
}

.budget-dimension.drill:hover {
	background-color: #2a7ca6;
}

#budget-grid-groupheader {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#budget-grid-groupheader-fixed {
	position: absolute;
	left: 0;
	top: 60px;
	width: 100%;
	height: 22px;
	overflow: hidden;
}

#budget-grid-header {
	position: absolute;
	left: 0;
	top: 82px;
	width: 100%;
	height: 23px;
	overflow: hidden;
}

#budget-grid-header-fixed {
	position: absolute;
	left: 0;
	top: 82px;
	width: 100%;
	height: 23px;
	overflow: hidden;
}

#budget-grid-body {
	position: absolute;
	left: 0;
	top: 104px;
	width: 100%;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#budget-grid-body-fixed {
	position: absolute;
	left: 0;
	top: 104px;
	width: 100%;
	height: 300px;
	overflow-x: hidden;
	overflow-y: hidden;
}

#budget-grid-footer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 44px;
	overflow-x: scroll;
	overflow-y: hidden;
}

#budget-grid-footer-fixed {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 44px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.table {
	position: relative;
	display: table;
	margin-right: 20px;
	border-collapse: collapse;
}

@-moz-document url-prefix() {
	.table {
		border-collapse: separate;
	}
}

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

#budget-grid-dummy {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
}

.budget-grid-cell-empty {
	display: table-cell;
}

.budget-grid-cell-last {
	display: table-cell;
	width: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.budget-grid-cell {
	position: relative;
	display: table-cell;
	padding: 3px 5px;
	font-family: monospace, monospace;
	font-size: 11px;
	text-align: right;
	color: #333;
	border: 1px solid #e0e0e0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.budget-grid-cell-odd {
	background-color: rgba(71, 142, 178, 0.1);
}

.budget-grid-cell.text {
	font-family: Trebuchet MS, Arial;
	text-align: left;
}

.budget-grid-cell.header {
	padding: 5px 5px;
	font-family: Trebuchet MS, Arial;
	font-weight: bold;
	text-align: center;
	background-color: #f0f0f0;
}

.budget-grid-cell.header > i.fa {
	float: right;
	margin-left: 5px;
	font-size: 12px;
	cursor: pointer;
}

@-moz-document url-prefix() {
	.budget-grid-cell.header > i.fa {
		float: none;
	}
}

.budget-grid-cell.header.empty {
	background-color: #ffffff;
	border: none;
}

.budget-grid-cell.footer {
	padding: 5px 5px;
	font-weight: bold;
	background-color: #f0f0f0;
}

input.input-cell-edit {
	margin: -4px -5px;
	padding: 0 5px;
	width: 100%;
	height: 18px !important;
	font-family: monospace, monospace;
	font-size: 11px;
	line-height: 18px !important;
	color: #333;
	border: none;
	background-color: transparent !important;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
	text-align: right;
}

input.input-cell-edit:focus {
	border: none;
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
}

.cell-updated {
	font-weight: bold !important;
	color: #2a7ca6 !important;
}

.cell-affected {
	font-weight: bold !important;
}

.cell-elaboration {
	background-color: rgba(71, 142, 178, 0.4);
	cursor: pointer;
}

.cell-non-editable {
	cursor: not-allowed;
}

.cell-subtotal {
	font-weight: bold;
	background-color: rgba(42, 124, 166, 0.2);
}

.cell-total {
	font-weight: bold;
	background-color: rgba(128, 128, 128, 0.1);
}

.cell-selected.text {
	background-color: rgba(42, 124, 166, 0.5) !important;
}

.cell-selected-elaboration {
	background-color: rgba(42, 124, 166, 0.75) !important;
}

.cell-selecting {
	background-color: rgba(42, 124, 166, 0.2) !important;
	border: 1px dashed rgba(42, 124, 166, 0.75) !important;
}

.cell-locked {
	/*background-color: rgba(0, 0, 0, 0.35);*/
}

i.dimension-icon {
	width: 18px;
	text-align: center;
}

.cell-sublocked {
	/*background-color: rgba(0, 0, 0, 0.15);*/
}

.cell-rowtype-ROW_DATA	{  }
.cell-rowtype-REFERENCE	{ background-color: rgba(42, 124, 166, 0.50) !important; }
.cell-rowtype-SUBTOTAL	{ background-color: rgba(42, 124, 166, 0.25) !important; }

.budget-grid-cell .remarks-anchor {
	position: absolute;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: 7px solid rgba(42, 124, 166, 0.15);
	border-left: 7px solid transparent;
	cursor: pointer;
}

.budget-grid-cell .remarks-anchor.remarks-exists {
	border-top: 7px solid rgba(42, 124, 166, 0.85);
}

#budget-tooltip-edit {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
	overflow: hidden;
	z-index: 1500;
	display: none;
}

#budget-tooltip-edit textarea {
	padding: 5px 7px;
	width: 175px;
	height: 75px;
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	line-height: 15px;
	white-space: normal;
	border: none;
	overflow: auto;
}

.cell-tooltip {
	font-family: monospace, monospace;
	font-size: 11px;
	text-align: right;
}

.budget-grid-cell .lock-icon {
	position: absolute;
	top: 1px;
	left: 1px;
	font-size: 11px;
	font-weight: normal;
	color: #478eb2;
}

#DrillLevelMenu,
#OptionsMenu,
#ActionsMenu {
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 2000;
	display: none;
}

#ActionsMenu { min-width: auto; }

#DrillLevelMenu li,
#OptionsMenu li,
#ActionsMenu li {
	cursor: pointer;
}

#DrillLevelMenu i.fa,
#OptionsMenu i.fa {
	width: 20px;
}

#DrillLevelMenu i.fa {
	float: right;
	line-height: 1.5;
	text-align: right;
	color: #707070;
}

#DrillLevelMenu li > a.current-level {
	color: #ffffff;
	background-color: #2a7ca6;
}

#DrillLevelMenu li > a.current-level i.fa {
	color: #ffffff;
}

#btnActiveLocks {
	margin-left: 25px;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	text-shadow: -1px -1px 0 #ffd0d0,  
				  1px -1px 0 #ffd0d0,
	  			  -1px 1px 0 #ffd0d0,
				   1px 1px 0 #C09090;
	vertical-align: middle;
	letter-spacing: 1px;
	color: #C00000;
}

#btnActiveLocks > i,
#btnActiveLocks > span {
	line-height: 30px;
	vertical-align: middle;
	color: #C00000;
}

/* Qlik */

div.objects-title {
	float: left;
	width: 450px;
	height: 40px;
	padding: 5px;
	border-top: 1px solid #c0c0c0;
	border-bottom: 1px solid #f0f0f0;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-radius: 4px 4px 0 0;
	overflow: hidden;
}

div.objects-list {
	float: left;
	width: 450px;
	height: 400px;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.objects-paging {
	float: left;
	width: 450px;
	height: 40px;
	padding: 5px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-radius: 0 0 4px 4px;
	overflow: hidden;
	text-align: right;
}

#modalQlikDatafilePickElaboration_Paging > button,
div.objects-paging > button {
	padding: 4px 6px;
}

#modalQlikDatafilePickElaboration_Paging > button > i.fa,
div.objects-paging > button > i.fa {
	width: 16px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}

div.objects-paging > span {
	padding: 0 10px;
	white-space: nowrap;
	font-size: 13px;
}

div.list-item {
	padding: 5px 15px;
	width: 380px;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

div.list-item.selected,
div.list-item:hover {
	font-weight: bold;
	color: #ffffff;
	background-color: #478eb2;
}

div.list-item.selected > i.fa,
div.list-item:hover > i.fa {
	color: #ffffff;
}

#modalQlikDatafileUpdate_QvdFields {
	float: right;
}

#modalQlikDatafileUpdate_QvdFieldsList {
	padding: 10px 0;
	width: 500px;
	height: 400px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#modalQlikDatafileUpdate_QvdFieldsList > div {
	width: 470px;
	border-bottom: 1px solid #f5f5f5;
}

#modalQlikDatafileUpdate_QvdFieldsList > div > div {
	float: left;
	padding: 0 0 0 10px;
	width: 330px;
	font-size: 13px;
	line-height: 25px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#modalQlikDatafileUpdate_QvdFieldsList > div > i.fa {
	float: left;
	padding: 5px 0;
	width: 20px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
}

#modalQlikDatafileUpdate_QvdFieldsList > div > i.fa.inactive {
	color: #e0e0e0;
}

#modalQlikDatafileUpdate_QvdFieldsList > div > i.fa.noclick {
	cursor: default;
}

#modalQlikDatafileUpdate_QvdFieldsList > div > i.fa.deleted {
	color: #e0e0e0;
	cursor: default;
}

div.list-item span.elaboration-title {
	font-weight: bold;
	color: #478eb2;
}

div.list-item:hover span.elaboration-title {
	color: #ffffff;
}

#modalqlikProfileUpdate_QvdList {
	padding: 5px 0;
	width: 350px;
	height: 100px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#modalqlikProfileUpdate_Chiavi {
	padding: 5px 0;
	width: 350px;
	height: 150px;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.list-item span.qvd-title {
	font-weight: bold;
	color: #478eb2;
}

div.list-item:hover span.qvd-title {
	color: #ffffff;
}

div.qvd-item {
	padding: 3px 10px;
	width: 330px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

div.qvd-item:hover,
div.qvd-item.selected {
	color: #ffffff;
	background-color: #478eb2;
}

div.qvd-item > i.fa {
	margin-right: 3px;
	font-size: 14px;
	color: #707070;
	cursor: pointer;
}

div.qvd-item:hover > i.fa,
div.qvd-item.selected > i.fa {
	color: #ffffff;
}

div.column-item {
	padding: 3px 10px 3px 5px;
	width: 330px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

div.column-item > i.fa {
	margin-right: 3px;
	font-size: 14px;
	color: #707070;
	cursor: pointer;
}

div.column-item.grey {
	color: #e0e0e0;
}

div.column-item.grey > i.fa {
	color: #e0e0e0;
	cursor: default;
}

div.nuvole-panel {
	float: left;
	margin-left: 15px;
}

div.nuvole-panel.bordered {
	border: 1px solid #ddd;
	border-radius: 4px;
}

.nuvole-tab-pane-content {
	width: 100%;
	height: 250px;
	overflow: hidden;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
}

div.nuvole-panel > div.header {
	padding: 10px 15px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}

div.nuvole-panel > div.body {
	padding-top: 10px;
	width: 100%;
	overflow-x: hidden;
	overflow-y: auto;
}

div.nuvole-schema-item,
div.nuvole-qvd-item,
div.nuvole-assigned-item,
div.nuvole-field-item,
div.nuvole-connection-field-item {
	padding: 4px 5px 4px 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

div.nuvole-field-item,
div.nuvole-connection-field-item {
	cursor: default;
}

div.nuvole-connection-field-item {
	padding: 5px 5px 2px 10px;
	font-size: 13px;
}

div.nuvole-schema-item:hover,
div.nuvole-qvd-item:hover,
div.nuvole-assigned-item:hover,
div.nuvole-field-item:hover {
	color: #478eb2;
}

div.nuvole-assigned-item > i.fa,
div.nuvole-field-item > i.fa,
div.nuvole-connection-field-item > i.fa {
	margin-right: 5px;
	color: #707070;
	cursor: pointer;
}

div.nuvole-connection-field-item > i.fa {
	width: 15px;
	font-size: 15px;
	line-height: 15px;
	vertical-align: middle;
	color: #707070;
}

div.nuvole-connection-field-item > i.fa.disabled {
	color: #d0d0d0;
	cursor: default;
}

div.nuvole-connection-field-item.deleted,
div.nuvole-connection-field-item.deleted > i.fa {
	color: #d0d0d0;
	cursor: default;
}

div.nuvole-connection-field-item.deleted > i.fa-square-o {
	color: #ffffff;
}

div.nuvole-assigned-item > span,
div.nuvole-field-item > span {
	padding-left: 5px;
}

div.nuvole-field-item.deleted > span,
div.nuvole-field-item.deleted > i.fa { color: #d0d0d0; cursor: default; }

div.nuvole-assigned-item.selected,
div.nuvole-assigned-item.selected > i.fa {
	color: #ffffff;
	background-color: #478eb2;
}

.drag-over { border: 2px dashed #478eb2; }

div.modal-field > i.fa {
	font-size: 22px;
	line-height: 30px;
	vertical-align: middle;
	color: #909090;
}

div.nuvole-assigned-item.warn > span,
div.nuvole-assigned-item.warn > i.fa,
div.nuvole-field-item.warn > span,
div.nuvole-field-item.warn > i.fa { color: #c00000; }

div.catalog-visibility-panel {
	width: 450px;
	border: 1px solid #ddd;border-radius: 4px;
}

div.catalog-visibility-panel > div.header {
	padding: 10px 15px;
	width: 100%;
	font-size: 14px;
	line-height: 18px;
	background-color: #f0f0f0;
	border-bottom: 1px solid #ddd;
	border-radius: 4px 4px 0 0;
}

div.catalog-visibility-panel > div.body {
	padding: 0;
	width: 100%;
	height: 375px;
	overflow: hidden;
}

div.catalog-visibility-panel > div.body > div.list {
	height: 335px;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.catalog-visibility-panel > div.footer {
	padding: 5px;
	width: 100%;
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	border-radius: 0 0 4px 4px;
}

div.visibility-item { padding: 5px 10px; font-size: 13px; border-bottom: 1px solid #f5f5f5; }
div.visibility-item > i.fa { width: 18px; font-size: 14px; color: #707070; cursor: pointer; }
div.visibility-item.group { font-weight: bold; }

div.list-paging {
	float: left;
}

div.list-paging > button {
	padding: 6px 7px;
}

div.list-paging > button > i.fa {
	width: 18px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #333333;
}

div.list-paging > span {
	padding: 0 10px;
	white-space: nowrap;
	font-size: 13px;
}

/* templates */

.templates { display: none; }

.template-record {
	margin-left: 15px;
	width: 620px;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #f5f5f5;
}

.template-record:first-child {
	padding-top: 10px;
}

.template-record:last-child {
	padding-bottom: 15px;
	border-bottom: none;
}

.template-record span {
	font-weight: bold;
	color: #1f5c7b;
}

.impersonate-user {
	padding: 7px 15px;
	font-size: 14px;
	border-bottom: 1px solid #e5e5e5;
	background-color: #fff;
	cursor: pointer;
}

.impersonate-user:hover {
	background-color: #f0f0f0;
}

/* vertical-form */

fieldset.vertical-form-section {
	position: relative;
	margin: 25px 20px 15px 20px;
	width: calc(100% - 40px);
	border: 2px solid #2a7ca6;
	border-radius: 5px;
}

fieldset.vertical-form-section > span {
	position: absolute;
	left: 10px;
	top: -11px;
	padding: 0 7px;
	font-size: 18px;
	font-weight: bold;
	color: #2a7ca6;
	background-color: #fff;
	cursor: pointer;
}

fieldset.vertical-form-section > div.content {
	padding: 15px 15px 5px 15px;
}

fieldset.vertical-form-section > div.content > table {
	width: 100%;
}

fieldset.vertical-form-section > div.content > table td {
	/*border: 1px dashed #ff00ff;*/
	padding-bottom: 15px;
	vertical-align: top;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
    clear: both;
    border: 1px solid #963;
    height: 285px;
    overflow: auto;
    width: 756px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
    overflow: hidden;
    width: 756px
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
    float: left;
    width: 740px
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
    width: 756px
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
    position: relative
}

/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
    display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
    background: #C96;
    border-left: 1px solid #EB8;
    border-right: 1px solid #B74;
    border-top: 1px solid #EB8;
    font-weight: normal;
    padding: 4px 3px;
    text-align: left
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
    color: #FFF;
    display: block;
    text-decoration: none;
    width: 100%
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
    color: #FFF;
    display: block;
    text-decoration: underline;
    width: 100%
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
html>body tbody.scrollContent {
    display: block;
    height: 262px;
    overflow: auto;
    width: 100%
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
    background: #FFF;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
}

tbody.scrollContent tr.alternateRow td {
    background: #EEE;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #CCC;
    border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
    width: 200px
}

html>body thead.fixedHeader th + th {
    width: 240px
}

html>body thead.fixedHeader th + th + th {
    width: 316px
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
    width: 200px
}

html>body tbody.scrollContent td + td {
    width: 240px
}

html>body tbody.scrollContent td + td + td {
    width: 300px
}

.msgPop-content {
	max-height: 500px !important;
	overflow-y: auto !important;
}