/* CSS Document */



.v-center {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/***START:  New Template (with display icon function)  ***/
.form-controls-new{
	margin-top: 10px;
	padding-right: 5px;
}

.form-controls-new div img {
	padding: 0 0 0 5px;
}

.form-controls-new div.separator {
	margin-right:5px;
	padding-right:5px;
	height: 30px;
	border-right: 1px solid #EFEFEF;
}

.enabled-icon {
	cursor: pointer;
}


.viewdata .tabsheader {
	border:0; 
}

.tabsheader .bttlbl {
	float: left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #fff;
}

.tabsheader .bttlbl div {
	/*float: left;*/
	margin: 0;
	/*height: 25px;*/
}

.tabs {
	clear: both;
	background-color: #fff; 
	margin: 0;
	border:0;
	border-spacing: 0;	
}	


.on {
	background-color: #F8C300;
}

/***FINE:  New Template (with display icon function)  ***/


.form-controls{
	margin-bottom: 0px;
	padding-bottom: 10px;
	padding-right: 5px;
	/*border-bottom: 1px solid #ebebeb;*/
}

.form-controls a, .form-controls div {
	display: block;
	height: 25px;
}

.form-controls div.separator {
	margin-right:10px;
	padding-right:10px;
	border-right: 1px solid #EFEFEF;
}

.form-controls a:hover {
	text-decoration: underline;
}

.form-controls a.back{
	background: url(../../_Project/Images/frmBttBack.png) no-repeat 2px;
	margin: 5px 0 0 5px;
	/*width: 110px;*/
}

.form-controls a.reset{
	background: url(../../_Project/Images/frmBttReset.png) no-repeat 2px;
	width: 110px;
}

.form-controls .add{
	/*background: url(../../_Project/Images/frmBttAdd.png) no-repeat 2px;
	width: 70px;*/
	padding-top: 3px;
}

.form-controls .edit {
	background: url(../../_Project/Images/frmBttEdit.png) no-repeat 2px;
	width: 80px;
}

.form-controls .delete {
	/*background: url(../../_Project/Images/frmBttDelete.png) no-repeat 2px;
	width: 80px;*/
	padding-top: 3px;
}

.form-controls .recall {
	background: url(../../_Project/Images/frmBttRecall.png) no-repeat 2px;
	width: 90px;
}

.form-controls .previouspage {
	background: url(../../_Project/Images/frmBttPreviousPage.png) no-repeat;
	margin-top:5px;
	/*padding: 0px 5px 0px 15px;*/
}

.form-controls .nextpage {
	background: url(../../_Project/Images/frmBttNextPage.png) no-repeat;/**/
	margin-top:5px;
	/*padding: 0px 15px 0px 5px;*/
	padding: 0px 0px 0px 10px;
}

.form-controls .previouspageoff {
	/*background: url(../../_Project/Images/frmBttPreviousPageOff.png) no-repeat;*/
	margin-top:5px;
	/*padding: 0px 5px 0px 15px;*/
}

.form-controls .nextpageoff {
	/*background: url(../../_Project/Images/frmBttNextPageOff.png) no-repeat;*/
	margin-top:5px;
	/*padding: 0px 15px 0px 5px;*/
	padding: 0px 0px 0px 10px;
}

.form-controls .bttexport {
	background: url(../../_Project/Images/frmBttExport.png) no-repeat;
	margin-top:5px;
	width: 25px;
}

.form-controls .bttexportxls {
	background: url(../../_Project/Images/frmBttPrintXls.png) no-repeat;
	width: 30px;
}

.form-controls .bttprintpdf {
	background: url(../../_Project/Images/frmBttPrintPdf.png) no-repeat;
	width: 60px;
}

.form-controls .bttsenddata {
	background: url(../../_Project/Images/frmBttSendData.png) no-repeat;
	width: 70px;
}

.form-controls .bttsenddataoff {
	background: url(../../_Project/Images/frmBttSendDataOff.png) no-repeat;
	width: 70px;
}

.form-controls .bttunlockdata {
	background: url(../../_Project/Images/frmBttUnlockData.png) no-repeat;
	width: 70px;
}


.form-controls .currentpage {
	/*padding: 0px 16px 3px 16px;*/
	background: url(../../_Project/Images/frmIcoCurrentPage.png) no-repeat center;
	color: white;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px 1px 0 2px;
	padding-top: 3px;
	height: 18px;
	width: 149px;
	text-align: center;	
}

.viewdata {
	float: left;
	border-collapse: collapse;
	width: 100%;
	font-size: 14px;
	margin: 0px 0 10px 0;
	border: 1px solid #ebebeb;
	
	border-spacing: 10px;
	border-collapse: separate;
	background-color: #f4f4f4;	
}

#content-template .viewdata:nth-child(2) {
	margin-top: 0px;
}

.viewdata:first-child {
	/*background-color: red;*/
	margin-bottom: 10px;
}

.viewdata:last-child {
	margin: 0px;
}

.viewdata tr:last-child {
border-top: 1px solid #ebebeb;
	/*
	background: #EBEBEB url(../Images/frmIcoHeader.png) no-repeat left;
	*/
}



		
.viewdata tr.header th {

	/*height: 25px;*/
	/*padding: 0 0 0 5px;*/
	padding-left: 5px;
	/*
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	*/
	font-family: 'label';
	text-transform: uppercase;
	font-size: 18px;
	
	font-weight: normal;
	text-align: left;
}

	
.viewdata tr>td,  .viewdata tr>th {
	border: 1px solid #ebebeb;
	background-color: #ffffff;
}




.viewdata tr th div {
	float: left;
	margin-right:5px;
}

.viewdata tr th .btt{
	/*margin-top: 3px;*/
}

.viewdata tr th a{	
	/*
	color: white;	
	*/
}

.viewdata tr th .separator{
	/*border-right: 1px solid #cccccc;
	margin: 3px 5px 3px 0;*/
}

.bttlbl {
	float: left;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	border-right: 1px solid #fff;
}

.bttlbl div {
	/*float: left;*/
	margin: 0;
	/*height: 25px;*/
	
}

/*
.viewdata tr:last-child th .bttlbl .txt {
	display: block;
	padding: 6px 5px 0 5px;
}
*/

/*.viewdata tr:last-child th .off{*/
.off{
	float: left;
	background-color: #ebebeb;
	/*
	background-image: url(../Images/frmHeaderLableOffCx.png);
	*/
}

/*.viewdata tr:last-child th .off .sx {
	background-image: url(../Images/frmHeaderLableOffSx.png);
	width: 5px;
}
*/
/*
.viewdata tr:last-child th .off .dx {
	background-image: url(../Images/frmHeaderLableOffDx.png);
	width: 5px;
}
*/


/*tr th .on{*/
.on{
	float: left;
	color: #fff;
}

/*
.viewdata tr:last-child th .on .sx {
	background-image: url(../Images/frmHeaderLableOnSx.png);
	width: 5px;
}

.viewdata tr:last-child th .on .dx {
	background-image: url(../Images/frmHeaderLableOnDx.png);
	width: 5px;
}
*/



.viewdata .cell {
	/*
	background: #FFF url(../Images/frmTdBckg.png) repeat-y;
	border-bottom: 1px solid #EBEBEB;
	*/
	border-right: 1px solid #ebebeb;
}

.viewdata .last {
	border-right: 1px solid #ebebeb;
}


/*.viewdata .edit {
	float: right;
	background: url(../Images/frmIcoEdit.png) no-repeat left top;
	padding: 0px 5px 3px 20px;
}


.viewdata .edit a, .viewdata .addrow a {
	display: block;
	width: 16px;
	height: 16px;
}

.viewdata .edit a:hover, .viewdata .addrow a:hover{

}
*/

.viewdata div.row {
	margin: 0 0 0 0;
}

.viewdata div.top {
	margin: 5px 0 0 0;
}

.viewdata .col {
	float: left;
	margin: 5px 0 0 5px;
}

.viewdata .col.afterbtt{
	float: none;
	margin: 5px 0 0 50px;
}

.viewdata .colbtt {
	float: left;
	height: 16px;
	margin: 5px 0 0 5px;
}

.viewdata .colRight {
	float: right;
	height: 16px;
	margin: 5px 0 0 5px;
}

.viewdata .colcenter {
	text-align: center;
	height: 16px;
	margin: 5px 0 0 5px;
}


.viewdata .colbttbig {
	float: left;
	margin: 8px 6px 10px 5px;
}

.viewdata tr:nth-child(2) .colbttbig {
	/*float: right;*/
	margin: 2px 6px 10px 5px;
}

.viewdata .colbttxxl {
	float: left;
	margin: 5px 6px 0 5px;
}

.viewdata .celltit {
	/*background-color: #F3F3F3;*/
	background: #FFF url(../../_Project/Images/frmIcoTitle.png) repeat-x bottom;
	height: 26px;
	margin-bottom: 5px;
	
}

.viewdata .celltit div {
	float: left;
/*	padding: 5px;*/
	padding: 2px
}

.viewdata .dataList {
	font-size: 12px; 
	font-weight: normal;
}	

.viewdata .star {
	
	/*background: url(../../_Project/Images/frmIcoStar.png) no-repeat left top;*/
	/*width: 16px;
	height: 16px;*/
	margin: 10px 5px 0 0;
	float: right;
}

.viewdata a.editrec {
	display: block;
	/*
	background: url(../Images/frmBttRec.png) no-repeat left top;
	*/
	/*
	width: 32px;
	height: 32px;
	*/
	width: 50px;
	height: 50px;
}

.viewdata a.addrow {
	display: block;
	/*
	background: url(../Images/frmBttRowAdd.png) no-repeat left top;
	background: url(../Images/Svgs/icon_bttAdd.svg) no-repeat left top;
	*/
	width: 16px;
	height: 16px;
	margin: 1px 2px 0 0;
}

/*.viewdata th a.addrow {
	display: inline;
}*/


.viewdata a.editrow {
	display: block;
	/*
	background: url(../../_Project/Images/frmBttRowEdit.png) no-repeat left top;
	*/
	width: 16px;
	height: 16px;
}


.viewdata a.deleterow {
	display: block;
	/*
	background: url(../../_Project/Images/frmBttRowDelete.png) no-repeat left top;
	*/
	width: 16px;
	height: 16px;
}

.viewdata a.inforow {
	display: block;
	background: url(../../_Project/Images/frmBttRowInfo.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.viewdata a.markrow {
	display: block;
	background: url(../../_Project/Images/frmBttRowMarkOff.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.viewdata a.markrow.on {
	display: block;
	background: url(../../_Project/Images/frmBttRowMarkOn.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.viewdata a.downloadrow {
	display: block;
	background: url(../../_Project/Images/frmBttRowDownload.png) no-repeat left top;
	width: 16px;
	height: 16px;
}


.viewdata a.viewrow {
	display: block;
	background: url(../../_Project/Images/frmBttRowView.png) no-repeat left top;
	width: 16px;
	height: 16px;
}


.viewdata a.toolboxrow {
	display: block;
	background: url(../../_Project/Images/frmBttRowToolbox.png) no-repeat left top;
	width: 16px;
	height: 16px;
}


.viewdata a.defaultrow {
	/*background: url(../../_Project/Images/frmBttRowDefault.png) no-repeat left top;
	width: 16px;
	height: 16px;
	margin-left:10px;
	float: right;*/
}

.viewdata a.defaultrow:hover {
	/*background: url(../../_Project/Images/frmIcoStar.png) no-repeat left top;*/
}


.viewdata .noeditrow {
	/*
	background: url(../../_Project/Images/frmBttRowEditOff.png) no-repeat left top;
	*/
	width: 16px;
	height: 16px;
}

.viewdata .nodeleterow {
	/*
	background: url(../../_Project/Images/frmBttRowDeleteOff.png) no-repeat left top;
	*/
	width: 16px;
	height: 16px;
}

.viewdata .noaddrow {
	background: url(../../_Project/Images/frmBttRowAddOff.png) no-repeat left top;
	width: 16px;
	height: 16px;
}

.viewdata a.viewdoc {
	display: block;
	background: url(../../_Project/Images/frmBttViewDoc.png) no-repeat left top;
	width: 20px;
	height: 20px;
}


.viewdata a.elastart {
	display: block;
	background-image: url(../../_Project/Images/frmBttElaStart.png);
	width: 120px;
	height: 50px;
}

.viewdata a.elaview {
	display: block;
	background-image: url(../../_Project/Images/frmBttElaView.png);
	width: 120px;
	height: 50px;
}

.viewdata a.lightbulb {
	background-image: url(../../_Project/Images/frmIcoBulb.png);
	width: 15px;
	height: 15px;
}

.viewdata tbody td {
	min-height: 18px;
	vertical-align: top;
}

/*.viewdata .datagroup td {
	border-bottom: 1px dotted white;
}*/

.viewdata .datagroup th {
	background-color: white;
}

.viewdata .datagroup {
	padding: 5px;
	width: 100%;
}

.grid tbody td {
	border-bottom: 1px dotted #CCC;
	border-right: 1px dotted #CCC;
}

.grid .colbtt, .grid .col {
	margin-top: 0;
}

.viewdata div.data, .viewdata td.data {
	/*float:left;*/
	font-size: 15px;
	padding-bottom: 2px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #eaeaea;
}

.viewdata div.datacell {
	float: left;
	margin-right: 15px;
}

.viewdata div.first {
	clear: both;
}

.viewdata div.last {
	margin-right: 0;
	border: 0;
}

.viewdata div.half {
	width: 45%;
}

.viewdata div .data .off , .viewdata td .data .off {
	text-decoration: line-through;
}
 
.viewdata .right {
	text-align: right !important;
}

.viewdata td.label {
	padding-bottom: 2px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #eaeaea;
}

.viewdata .title {
	padding:	3px 5px;
	font-size: 13px;
	font-style: italic;
	text-align: left;
	background-color: #F3F3F3;
	color: #333;
	border-bottom: 1px dotted #CCC;
}


.viewdata .est {
	background-color: #EBE0E0;
	color: #996666;
}

.viewdata .fin {
	background-color: #dee8f4;
	color: #214361;
}

.viewdata .subtitle {
	background: #FFF url(../../_Project/Images/frmIcoTitle.png) repeat-x bottom;
}

.viewdata .subtitle td, .viewdata .subtitle th {
	color: #39C;
	font-size: 9px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-transform: uppercase; 
	vertical-align: middle;
}

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

.viewdata span.strong{
	font-weight: bold;
}

.viewdata span.deleted{
	text-decoration: line-through;
	color: #cc0000;	
}


.viewdata .description{
	font-size: 13px;
	line-height: 15px;
	color: #333333;
}


.viewdata .notes{
	font-size: 10px;
	line-height: 12px;
	font-style: italic;
	color: #333333;
}


.viewdata tr.totals td {
	/*background-color: #e3e3e3;*/
	font-weight: bold;
	text-align: right;
}


.viewdata tr.subtotals td {
	background-color: #f2f2f2;
	text-align: right;
	font-style: italic;
}

.viewdata tr td.number,
.viewdata tr th.number {
	text-align: right !important;
	padding-right: 5px !important;
}

.viewdata .number{
	text-align: right;
}


.viewdata .number.grey {
	color: #666;
}

.viewdata .input-sml{
	width: 80px;
	border: 1px dotted gray;
}


.viewdata .date{
	text-align: center;
}

.viewdata .disabled{
	color: #999999;	
}

.viewdata .tr.weekend td {
	background-color: #f4f4f4;
}

.viewdata tr.today td {
	background-color: #ffffcc;
}

.viewdata .datasubgroup td {
	border-bottom: 1px dotted #cccccc;
}

.viewdata .datasubgroup {
	float: left;
	margin-left: 5px;
}

.viewdata .ntstargets {
	font-size: 10px;	
	text-transform: uppercase;
	margin-bottom: 4px;
}


.viewdata.grid.tbody tr.totalRow > td {
		background-color: #ebebeb;
		border: none;
    	border-right-width: medium;
    	border-right-style: none;
   		border-right-color: currentcolor;
		border-right: 1px dotted white;
		padding: 5px 0;
		overflow: hidden;
		clear: none;
		float: left;
		margin-right: 1px;
		color: #666;
		text-transform: uppercase;
	}


#timesheet tr {
	width: 100%;
	/*float: left;*/
	clear: both;
	overflow: hidden;
}


#timesheet tr.selected td, 
#timesheet tr.selected td:hover {
	background-color: rgba(235,202,96,.5);
}



#timesheet td {
	/*width: auto;*/
	/*float: left;*/
	/*overflow: hidden;*/
	/*border: 1px solid #ebebeb;*/
}


#timesheet.viewdata .theday {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

#timesheet.viewdata .thedate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #666;
}

#timesheet.viewdata .td.data {
	font-size: 15px;
}

#timesheet.viewdata .td.notes{
	font-size: 10px;
	font-style: italic;
	color: #333333;
}

#timesheet.viewdata .tr.title .td {
	background-color: #999999;
}



.messagebox {
	padding: 5px 5px 5px 45px;
	margin: 10px 0 5px 0;
	font-size: 16px;
}

.messagebox.red{
	border: 1px solid #cc0000;
	background: #ffe5e5 url(../../_Project/Images/msgBoxIcoError.png) no-repeat 10px 5px;
}

.messagebox.red .title{
	color:#cc0000;
	font-weight: bold;
}

.messagebox.orange{
	border: 1px solid #ffcc00;
	background: #fff2e5 url(../../_Project/Images/msgBoxIcoAlert.png) no-repeat 10px 5px;
}

.messagebox.orange .title{
	color: #e8ba00;
	font-weight: bold;
}



/*** NEW Style ***/

#generalinfo {
	margin: 0;
	padding: 0;	
	margin-top: 2px;
}

.tabsheadertitle {
	clear: both;
	width: 100%; 
	margin: 0; 
	border:0;  
	border-spacing: 0;
	padding-top: 9px; 

}

.tabsheadertitle tr th { 
	font-family: 'label';
	text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
    padding-left: 5px;
    text-align: left; 		
}

.tabsheadertitle tr th div {
    float: left;
    margin-right: 5px;
}


/*** NEW Style per EMULAZIONE BRW ***/

.viewdata.grid {
	background: none;
}
.viewdata.grid.thead, .viewdata.grid tbody tr.thead {
	margin-left: 1px;
}
.viewdata.grid.thead tr, .viewdata.grid tbody tr.thead {
	background: none;
	margin: 0;
	padding: 0;
}
.viewdata.grid.thead tr>th, 
.viewdata.grid.tbody thead tr>th, 
.viewdata.grid tbody tr.thead>th {
	background: none;
	border: none;
	border-right: 1px dotted white;
	padding: 5px 0;
	overflow: hidden;
	clear: none;
	float: left;
	margin-right: 1px;
	color: #666;
	text-transform: uppercase;
}
.viewdata.grid.tbody thead tr.subtitle>th {
	background-color: #ebebeb;
}

.viewdata.grid.thead tr>th span,
.viewdata.grid.tbody thead tr>th span, 
.viewdata.grid tbody tr.thead>th span {
	padding-left: 5px;
	font-size: 10px;
	letter-spacing: -.1em;
}
.viewdata.grid.thead tr>th:last-child,
.viewdata.grid.tbody thead tr>th:last-child, 
.viewdata.grid tbody tr.thead>th:last-child {
	border-right: none;
}
.viewdata.grid.tbody tr {
	margin: 0;
	padding: 0;
}
.viewdata.grid.tbody tr>td {
	background: #fff;
	border: none;
	padding: 0px;
	clear: none;
	float: left;
	overflow: hidden;
	border-right: 1px dotted #e8e8e8;
}

.viewdata.grid.tbody tr>td div.right, 
.viewdata.grid.tbody tr>th div.right {
	float: right; 
	margin-right: 5px;
}
.viewdata.grid.tbody tr>td:last-child {
	border-right: none;
}
.viewdata.grid.tbody tr.even>td {
	background-color: #fff;
}
.viewdata.grid.tbody tr.odd>td {
	background-color: #f8f8f7; 
}


/* CSS Document */

.viewdata tr:last-child th .bttlbl.on {
	background-color: #F8C300;
}