@charset "utf-8";
/* CSS Document */


/* FONTS */

@font-face {
    font-family: 'BebasNeueRegular';
    src: url('../Fonts/bebas/BebasNeue-webfont.eot');
    src: url('../Fonts/bebas/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/bebas/BebasNeue-webfont.woff') format('woff'),
         url('../Fonts/bebas/BebasNeue-webfont.ttf') format('truetype'),
         url('../Fonts/bebas/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* FINE FONTS */


body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	background-color: #fafafa;
}

a, a:link, a:visited {
	color: #ACC958;
	text-decoration: none;
}

a:hover, a:focus, a:active {
	color: #ACC958;
	text-decoration: none;
}

div {
	position: relative;
	float: left;
	width: 100%;
}



.td, .th{
	margin-right: 1px;
	padding: 10px;
	overflow: hidden;
}

.td:last-child {
	/*border-right: 1px solid #000;*/
	margin-right: 0;
}

.tr:not(.sel):not(.on):nth-child(odd) .td{
	background-color: #f4f4f4;
}

.sel .td{
	background-color: #dce5e9;
}

.sel {
	/*background-color: #FFFFDD;*/
	/*background-color: #ECF9FD;*/
	/*background-color: #dce5e9;*/
}

.tr.on .td {
	background-color: #ccc;
}

.listScroll a,.listScroll a:link,.listScroll a:visited {
	color: #444;
	text-decoration: none;
}


input, select, textarea {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 0;
	outline: none;
	background: transparent;
}

select {
	background: none;
}

select:disabled {
	background: none;
}

textarea {
	 resize: none;
	 overflow: auto;
}

#left .form .formlabel {
	font-size: 10px;
	font-weight: normal;
	cursor: pointer;
	/*
	padding: 5px 10px;
	background-color:  #fff;
	*/
}

#left .form .formlabel label {
	cursor: pointer;
}

fieldset {
	border: none;
	margin: 10px 0 20px 0;
	padding: 0;
}

fieldset legend {
	text-transform: uppercase;
	color: #7F378A;
	font-weight: bold;
}

#left .form .formselect, #left .form .forminput, #left .form .formdate {
	width: 94%;
	padding: 5px 3%;
	background-color:  #fff;
}

#debug {
	position: fixed;
	float: none;
	width: auto;
	height: auto;
	margin: 50px;
	padding: 15px 25px;
	background-color: #555;
	color: #fff;
	z-index: 1000000;
}

#mainContent.Login {
	position: absolute;
	background: transparent url(../Images/bckBody.png) no-repeat 0 -800px;
	width: 100%;
	height: 100%;
}


#mainContent.Explorer {
	position: absolute;
	background: transparent url(../Images/bckBody.png) no-repeat -50px -50px;
	width: 100%;
	height: 100%;
}

#mainContent.Explorer.Advanced {
	overflow: hidden;
}

#topBar {
	float: left;
	width: 100%;
	height: 35px;
}


#userActions {
	position: relative;
	float: right;
	/*
	top: -100px;
	width: 100%;
	*/
	top: -35px;
	height: 35px;
	overflow: hidden;
	background-color: #0A4A65;
	color: #FFFFFF;
}


#userActions div.ext {
	width: auto;
	float: right;
	padding: 10px 15px;
	border-left: 1px solid #fff;
}

#userActions .btt.ext {
	cursor: pointer;
}

#userActions .btt.ext:hover {
	color: #000;
}

.userDetails.ext {
	cursor: default;
}

#userActions .ext.switch{
	padding: 5px 5px 5px 15px;
	cursor: pointer;
}


#userActions .ext.switch div:nth-child(1) {
	width: auto;
	padding: 5px 5px 0 0;
	
}

#userActions .ext.switch div:nth-child(2) {
	width: 38px;
	height: 24px;
	padding: 0 0 0 0;
}


#userActions .ext.switch.Basic div:nth-child(2) {
	background: url(../Images/bttSwitchMode.png) right 1px no-repeat;
	cursor: pointer;
}

#userActions .ext.switch.Advanced div:nth-child(2) {
	background: url(../Images/bttSwitchMode.png) right -27px no-repeat;
	cursor: pointer;
}

/*
#userActions .switch.Basic{
	background: url(../Images/bttSwitchMode.png) right 5px no-repeat;
	cursor: pointer;
}

#userActions .switch.Advanced{
	background: url(../Images/bttSwitchMode.png) right -23px no-repeat;
	cursor: pointer;
}
*/

#userActions .changeMode {
	padding: 2px 5px;
	background-color: #fff; 
	text-transform: uppercase;
	font-size: 8px;
}

#userActions .changeMode:not(.modeActive){
	cursor: pointer;
	background-color: #ebebeb;
}

#left #ctrlFlts {
	position: absolute;
	left: 214px;
	width: 16px;
	height: 42px;
	z-index: 1000;
	cursor: pointer;
}

#header {
	width: auto;
	height: 100px;
	margin-left: 245px;
	overflow: hidden;
	/*border-bottom: 1px solid #ebebeb;*/
}

.logo {
	position: absolute;
	/*float: left;*/
	width: 185px;
	padding: 15px;
	margin: 0px 15px 0 15px;
	
}

.logo div {
	width: auto;
	margin: 0 auto;
}

#menu{
	width: auto;
	/*height: 50px;*/
	margin-bottom: 0px;
	overflow: hidden;
	font-family: 'BebasNeueRegular';
	font-size: 22px;
}


#menu .btt {
	width: auto;
	min-width: 80px;
	padding: 5px 10px;
	margin-right: 3px;
	text-transform: uppercase;
	/*color: #666;*/
	color: #0A4A65;
	text-shadow: 1px 1px 1px #FFF;
	cursor: pointer;
	background-color: transparent;
}

#menu #menuInt {
	width: auto;
	margin: 40px 0 0 0px;
}

#menu #menuInt .over {
	color: #820027;
}

#center {
	position: relative;
	float: left;
	width: 100%;	
}

#left {
	height: 100%;
	margin: 50px 0 0 18px;
	/*background: #E8E8DC url('../Images/bckFilters.jpg') repeat-y 25px 0;*/
}

#leftInt {
	width: 200px;
	height: 100%;
	padding: 15px;
	background: #D8D8D8 url('../Images/bckFilters.jpg') repeat-y 25px 0; /* #E8E8DC */
}

#right{
	float: none;
	margin: 0px 15px 0 0px;
	padding: 25px;
	overflow: hidden;
	background-color: #fff;
}

.contentColTitle {
	overflow: hidden;
}

.contentColTitle .th{
	width: 100%;
	/*background-color: #808080;*/
	/*background-color: #7F7F7F;*/
	background-color: #9BB5BF;
	color: #fff;
	text-align: left;
	cursor: pointer;
	font-size: 12px;
}

.contentColTitle .th div {
	background: none;
}


.contentColTitle .ASC, .contentColTitle .DESC {
	/*background: #646464 url(../Images/bckThOn.jpg) repeat-x 0 bottom;*/
	background-color: #628A99;
}
.contentColTitle .ASC div:first-child {
	background: transparent url('../Images/arrowU.png') no-repeat right center;
}

.contentColTitle .DESC div:first-child {
	background: transparent url('../Images/arrowD.png') no-repeat right center;
}
.contentColTitle .th div .left {
	width: auto; 
	margin-right: 10px;
	text-align: left;
	background: none;
}

.contentColTitle .th div .right {
	float: right;
	width: auto; 
	margin-right: 10px;
	background: none;
}

.contentColTitle .th div .center {
	/*width: auto;*/
	text-align: center; 
	background: none;
}


#right table {
	width: 100%;
	float: left;
	position: relative;
	border-collapse: collapse;
	border: none;
	font-family: Arial;
	font-size: 12px;
}

/*COLORI PUNTEGGIO TABELLA REPORT ONE TO ONE*/

#right .green {
	color: #063;
	font-size: 16px;
	font-weight: bold;
}

#right .yellow {
	color: #D7B15B;
	/*width: 100%;
	height: 5px;*/
	font-size: 16px;
	font-weight: bold;
}

#right .red {
	color: #AD3237;
	font-size: 16px;
	font-weight: bold;
}

#right .purple {
	color: #ACC958;
	font-size: 16px;
	font-weight: bold;
}

/*------------------------------*/

table thead {
	position: relative;
}


.listScroll {
	clear: both;
	height: 100%;
	overflow: hidden;
}

.listScroll .scrollcontent {
	height: 100%;
	overflow: auto;
	z-index: 1000;
}

.listScroll .scrollcontent div:firstChild {
	height: 100%;
	z-index: 1000;
}


.listScroll .scrollcontent .tr {
	/*width: 100%;*/
	cursor: pointer;
}

.listScroll .scrollcontent .tr .td {
	width: auto;
	height: auto;
	min-height: 25px;
	overflow: hidden;
	padding: 10px;
}

/*.listScroll .scrollcontent .td.brick.payment-symbol {
	padding-top: 8px;
	padding-bottom: 8px;
}*/


.paging {
	width: 100$;
	margin: 10px 0;
}

.paging div:not(.spacer){
	width: auto;
	padding: 8px 12px;
	background-color: #ebebeb;
	border: 1px solid #ccc;
	margin: 0 3px;
	cursor: pointer;
}

.paging div.spacer {
	 margin: 0; 
	 padding: 0; 
	 background: none; 
	 border: none;
}

.paging div.noPointer{
	cursor: default;
	background-color: transparent;
	border: none;
}

.paging div.selPage {
 	background-color: transparent;
	color: #ACC958;
	cursor: default;
}


/* PANNELLO SCHEDA IN REPORT ONE TO ONE */

#sheet {
	position: absolute;
	bottom: -30px;
	display: none;
	/*right: 25px;*/
	background-color: #fff;
	border: 8px solid #808080;
	width: 800px;
	height: 0px;
	z-index: 5000;
	overflow: hidden;
}

#sheet .bttClose {
	text-align: right;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
	width: auto;
	z-index: 2000;
	padding: 10px;
}


#sheetContent .div-heading {
	border-bottom: 1px solid #ebebeb;
	font-family: 'BebasNeueRegular';
	font-size: 22px;
	color: #fff;
	background-color: #CCC;
	margin-bottom: 14px;
}

#sheetContent .div-heading div{
	width: auto;
	margin: 5px 10px;
}

#sheetContent .div-heading .div-value {
	font-size: 12px;
	padding: 1px 3px;
	margin: 3px 20px 0 0;
}
.div-heading .right {
	float: right;
	width: 25%;
	border-left:1px dotted #ebebeb;
	padding-left:23px;
	padding-bottom: 10px;
}

/* FORMS */
#sheet .dataEntry {
	width: 48%;
	margin-right: 0;
	padding: 0px 0 0px 12px;
	/*border: 1px solid #ccc; */
}


#sheet .dataViewer {
	margin: 0;
	float: left;
	width: 100%;
}

#sheet .dataViewer span:first-child, #sheet .dataViewer span:last-child {
	clear: both;
	width: 91%;
}

#sheet .help {
	float: right;
	width: 210px;
	padding: 10px;
	border-left: 1px solid #ccc;
	font-family: Arial, Helvetica, sans-serif;
}

#sheet .help .helpContent {
	width: 100%;
}

#sheet .help h4 {
	margin: 0;
	padding: 0;
	margin-top: 10px;
	font-size: 18px;
	font-family: 'BebasNeueRegular';
	font-weight: normal;
	color: #666;
}

#sheet .help .contEditMenu {
	width: 100%;
}


#sheet .help .contEditMenu .bttEditMenu {
	width: 96%;
	clear: left;
	background-color: #ebebeb;
	border: 1px solid #ccc;
	padding: 5px 2%;
	margin: 0 0 10px 0;
	font-size: 14px;
	cursor: pointer;
	color: #777;
	text-transform: uppercase;
}

#sheet .help .contEditMenu .bttEditMenuOn {
	width: 96%;
	clear: left;
	background-color: #ACC958;
	border: 1px solid #ccc;
	padding: 5px 2%;
	margin: 0 0 10px 0;
	font-size: 14px;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}

#sheet .help .contEditMenu .bttEditMenu:hover{
	background-color: #ACC958;
	color: #fff;
}

#sheet .inputForm{
	position: relative;
	float: left; 
	width: 75%; 
	margin: 2px 10px 2px 0; 
	padding: 2px 5px; 
	border: 1px solid #CCC;
	background-color: #F1F5E0;
}

#sheet .inputFormStatic {
	position: relative;
	float: left; 
	width: 75%; 
	height: 16px;
	margin: 2px 10px 2px 0; 
	padding: 2px 5px; 
	color: #333;
	background-color: #FFD;
	border: 1px solid #ebebeb;
	font-size: 14px;
}

/* MOSTRA NOTE */
#sheet .shwNoteContainer{
	margin-top: 10px;
	border: 1px solid #ebebeb;
	padding: 5px;
	background-color: #f9f9f9;
}

#sheet .spanLabel{
	clear: left;
	font-size: 10px;
	color: #777;
	float: left;
}

#sheet .intNotes{
	width: auto;
}

#sheet .intNotes div{
	float: left;
	width: auto;
	margin-right: 20px;
	font-size: 10px;
}

#sheet .intNotes div span{
	color: #7F378A;
	font-size: 12px;
}

#sheet .txtNotes{
    margin: 2px 0 2px 0;
	padding: 2px 5px; 
	color: #333;
	background-color: #FFD;
	border: 1px solid #CCC;
	font-size: 14px;
}

#sheet .bttDele {
	background: url(../Images/iconDel.png) 0 0;
	margin: 3px 0;
	float: right;
	cursor: pointer;
	width: 12px;
	height: 12px;
}

#sheet label {
	color: #777;
}

/* BTT FORMS */

#sheet .btt{
	background-color: #ebebeb;
	text-transform: uppercase;
}

#sheet .btt:hover{
	background-color: #fff;
	color: #666;
}


#sheet .btts {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin: 0;
	padding: 5px 0;
	background-color: #fff;
	border: 1px solid #CCC;
	z-index: 1000000;
}

#sheet .btts .btt{
		background-color: #ebebeb;
		color: #777;
}
#sheet .btts div {
	width: auto;
	margin-right: 10px;
}

#sheet .btts div:first-child {
	margin-left: 5px;
}

/**/

#sheet .btts .btt:hover{
	background-color: #ACC958;
	color: #fff;
}

#sheet .btts .bttDisable{
    background-color: #F7F7F7;
    color: #CCCCCC;
    text-transform: uppercase;
}


#sheet .dataViewer span:not(.srcData){
	float: left;
	clear: left;
}

.srcData {
	float: left;
	width: 43%;
	margin: 1% 2% 1% 0;
	background-color: #FFFFDD;
	border: 1px solid #CCCCCC;
	padding: 5px;
}

#sheet .dataViewer h3{
	text-transform: uppercase;
	color: #666;
	font-size: 16px;
	line-height: 16px;
}

#sheet .dataViewer .srcLabel{
	color: #777;	
}

#sheet .dataViewer .srcVal{
	color: #333;
	font-size: 14px;
	margin-bottom: 5px;
}

#azienda {
	width: 100%;
	background-color: #f4f4f4;
}
.div-heading .left {
	float: left;
	width: 90px;
}

.div-heading .left:nth-child(6) {
	clear: left;
}

#sheetContent .div-heading .divLeft {
	float:left;
	width: 100%;
}
#sheet .labelHeaderSheet, #sheet .queScore {
	color: #900;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 18px;
}

#sheet .labelTableSheet {
	background-color: #f4f4f4;
}

#sheet .sheet .queScore {
	padding:0 0 0 5px;
}

#sheet .sheet {
	padding: 0 10px;
}
#sheet .sheet td{
	padding:0 5px 10px 5px;
	/*border: 1px solid #999;*/
}
#sheet .sheet td:not(.label){
	/*border-right: 1px solid #ccc;*/
}
#sheet .sheet .label{
	text-transform: uppercase;
	/*background-color: #ebebeb;*/
}

#sheet .score{
	/*background-color: #f4f4f4;*/
	font-size:12px;	
}

#sheet .scoreVal {
	font-size:18px;
	font-weight: bold;
	letter-spacing: -1px;
}

#sheet .scala {
	color: #999;
	font-size:80%;
}

#sheet #formCommenti #txtCom {
	color: #666;
	font-size: 11px;
	background-color: #fff;
	width: 98%;
}

#sheet #txtCom {
	border: 1px solid #ebebeb;
	padding: 1%;
}

#table_right {
	float: right;
	width: 31%;
	padding: 2%;
	background-color: #f4f4f4;
}

#table_left {
	float: left;
	width: 65%;
}

#sheet .divCommenti {
}

.commenti {
	/*border-bottom: 1px solid #ccc;*/
	margin-top: 10px;
	padding: 5px 0;
	font-size: 10px;
}

#saveCom {
	width: auto;
	padding: 3px 5px;
	cursor: pointer;
	background-color: #808080;
	color: #fff;
	margin: 5px 0;
	font-size: 10px;
}

/* FINE PANNELLO SCHEDA */

#footer{
	bottom: 10px;
	right: 10px;
}

/* LOGIN */

#loginPanel {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 700px;
	height: 390px;
	font-family: Arial;
	margin: -195px -350px;
	background: transparent url(../Images/bckLogin.png) no-repeat 55px center;
}

#loginPanel #sxColLogin {
	float: left;
	width: 232px;
	height: 390px;
	margin: 0 0px 0 0;
}

#loginPanel #dxColLogin {
	float: left;
	width: 405px;
	margin: 0;
	padding: 0;
	/*border: 1px solid green;*/
}

#loginPanel #dxColLogin .bttLogin {
	width: auto;
	background-color: #f4f4f4;
	border: 1px solid #ccc;
}

#loginPanel #dxColLogin .bttLogin:hover{
	background-color: #0A4A65;
}

#loginPanel #sxColLogin #logo {
	float: left;
	width: 232px;
	/*height: 120px;*/
	/*
	margin-top: 120px;
	*/
	display: none;
	cursor: pointer;
}

#loginPanel #sxColLogin div {
	float: right;
	width: 230px;
	margin: 0px 0px 0 0;
	text-align: right;
	color: #808080;
}

#loginPanel #title {
	float: left;
	/*width: 100%;*/
	width: 380px;
	margin: 15px 10px;
	/*height: 110px;*/
	/*padding: 10px 0;*/
	text-align: center;
	background: transparent url(../Images/bckTopLogin.png) no-repeat top center;
	border-bottom: 1px solid #c4bcac;
	color: #333;
}

#loginPanel #title div {
	width: 100%;
	font-size: 1.1em;
	color: #666;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family: Verdana;
	margin-top: 80px;
}

#loginPanel #dxColLogin #divForm {
	float: left;
	font-size: .9em;
	/*width: 380px;*/
	padding: 75px 0 0 70px;
	/*margin: 0 10px 10px 10px;*/
	color: #666;
	text-align: left;
	/*border: 1px solid #ccc;*/
}


#loginPanel #dxColLogin #divForm #txtLogin {
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#loginPanel #dxColLogin #divForm #txtLogin .title {
	font-family: 'BebasNeueRegular';
	font-size: 19px;
	line-height: 30px;
	color: #808080;
	/*color: #ACC958;*/
	/*
	color: #A6C62E;
	*/
}

#loginPanel #divForm .elementForm {
	float: left;
	width: 48%;
	margin: 2% 1% 0 0px;
}



.elementForm .labelForm {
	float: left;
	width: 100%;
	text-align: left;
	margin: 0 0 5px 0;
	font-size: .8em;
	color: #666;
	font-size: 12px;
}


.elementForm .inputForm {
	float: left;
	width: 100%;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	background-color: #fff;
	border: 1px solid #ccc;
}


.elementForm .inputForm input {
	border: none;
	background-color: transparent;
}

.formElement, .formInput {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 5px;
}

.elementForm .inputForm div {
	/*float: left;*/
	width: 96%;
	margin: 5px 2%;
	font-size: 1em;
	color: #666;
	background-color: transparent;
}

.elementForm .inputForm div input, .elementForm .inputForm div select {
	width: 96%;
	outline: none;
}

.mselLab a {
	font-size: 18px;
}

.mselLab a, .mselLab a:link, .mselLab a:visited {
	color: #666;
}

.mselLab a:hover, .mselLab a:active {
	color: #000;
}

.mSelectGroup .groupTitle {
	padding: 5px 0 5px 4px;
    text-decoration: underline;
    font-weight: bold;
    width: auto;
}

.bttLogin {
	float: left;
	margin: 15px 15px 0 auto;
	padding: 4px 10px;
	text-align: center;
	font-family: 'BebasNeueRegular';
	font-size: 14px;
	cursor: pointer;
}

/* FINE ELEMENTI LOGIN */




#filtersForm select {
	width: 100%;
}

#filtersForm .form {
	margin-bottom: 5px;
	width: 100%;
}

#filtersForm .formlabel {
	text-transform: uppercase;
	margin-bottom: 5px;
}

#filtersForm .formgrp {
	margin-bottom: 5px;
	width: 90%;
	padding: 2% 5%;
	border-bottom: 2px solid #ccc;
}


#filtersForm .formgrp.last  {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

#left .btt {
	width: auto;
	padding: 5px 15px;
	cursor: pointer;
	background-color: #808080;
	color: #fff;
	margin-left: 5%;
}


#infoDocs {
	/*top: -35px;*/
	width: 620px;
	float: left;
	/*padding: 0px 10px;*/
	height: 16px;
	margin: 0 0 5px 10px;
	display: none;
	overflow: hidden;
}

#infoDocs .infoDoc {
	width: 620px;
	float: left;
	margin: 0;
	clear: both;
}

.infoDoc .fileName {
	float: left;
	width: auto;
	padding: 0px 10px 0 5px;
	color: #444;
	clear: right;
}

.infoDoc .fileIcon {
	float: left;
	width: auto;
	padding-left: 5px;
}

.termometer {
	float: left;
	width: 180px;
	height: 15px;
	margin: 0;
	text-align: center;
	background-color: #fff;
}

.termometer div {
	position: absolute;
	text-align: center;
	color: #444;
	width: 100%;
/*	margin: 1px;*/
	padding: 1px 0;
	font-weight: bold;
	z-index: 1000;
}

.termometer .loadingBar {
	float: left;
	color: #A6C62E;
	width: 1px;
	height: 9px;
	margin: 2px;
	font-weight: bold;
}

.uplStep {
	width: 200px;
	margin-right: 8px;
}

.uplStep div {
	width: 180px;
	padding: 5px 10px;
	margin-bottom: 5px;
	text-transform: uppercase;
	cursor: pointer;
	border: 1px solid #ccc;
}

.bttUplStep {
	background-color: #ebebeb;
	
}

.bttUplStep.on {
	color: #fff;
	background-color: #acc958;
}

.uplFiles {
	width: 300px;
	padding: 10px;
	background-color: #ebebeb;
}

.uplFiles .listScroll {
	width: 300px;
	height: 180px;
	/*margin-bottom: 10px;*/
	background-color: #fff;
}

.uplFiles .listScroll .scrollcontent {
	width: 300px;
	padding: 0 2.-.drpx;
}

.upltable {
	width: 300px;
}


.uplFiles .row {
	border-bottom: 1px solid #ebebeb;
}

.uplFiles .td, .uplFilesList .th {
	padding: 3px;
}

.uplFiles .td.fileicon {
	width: 12px;
	cursor: pointer;
}

.uplFiles .td.filename {
	width: 170px;
}

.uplFiles .td.filesize {
	width: 60px;
	text-align: right;
}


/* ELEMENTI UPLOAD FILE */

#uplPanel {
	clear: both;
	font-size: 11px;
}

#uplPanel .drop {
	width: 94%;
	height: 65px;
	padding: 10px 3%;
	/*
	border: 1px dashed #ccc;
	
	background-color: #F1F5E0;
	*/border-top: 1px dashed #ccc;
	background-color: #FFF;
}


/* ELEMENTI TOOLTIP */
.qtip-content {
	width: 95%;
	font-size: 12px;
    line-height: 18px;	
}

.qtip-content ul {
	padding-left: 10px;
}

/***************************/


.icoPayments {
	width: auto;
	padding: 2px 0 0 5px;
	cursor: pointer;
}

.bttPayments {
	cursor: pointer;
	/*height: 20px;*/
	margin: 16px 0 0 0;
	border: 1px solid #9B9B9B;
	padding: 5px;
	width: auto;
	background-image: url('../Images/bttPayments_bg.png');
	background-repeat: repeat-x;
	background-position: 0 0;
}
.bttPayments strong {
	font-size: 12px; color: #999;
}
.bttPayments:active {
	background-position: 0 100%;
}
.bttPayments:active strong {
	color: #777;
}

.textPayments {
	width: auto;
	line-height: 20px;
}

table.lstCrs {
    padding-top: 18px;
    width: 100%;
}

.rememberPassword {
	width: auto;
	padding: 28px 0 0;
	cursor: pointer;
}
.rememberPassword:hover {
	text-decoration: underline;
}


/* TEXT ELLIPSIS */

.ellipsis {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/* color font-awesome*/


.fa-icon-green{
	color: #0B9444;	
}

.fa-icon-red{
	color: #ED1C24;	
}

.fa-icon-orange{
	color: #F7941E;	
}

.fa-icon-gray{
	color: #CCC;	
}