/*DARK BACKGROUND*/

body{
    background-color: #3f3f3f;
    font-family:Roboto,Helvetica,Arial,sans-serif;
}

/*DIRECT BANKING STYLE*/

/*center on screen*/
.widget-content{
    margin: 50px auto;
}
.widget-content{
    background-color: #fff;
    border: none;    
    border-radius:0;
    width:460px;
    font-size: 13px;
    color: #333333;
    padding: 5px 15px;
}
.widgetTop{
    background: #FFFFFF;
    padding: 7px 0;
    border-bottom: 1px solid #0059AD;
}
.widgetTopImg {
	width:140px;
	height:auto;
}
.widgetTitle{
    display: block;
    margin-bottom: 20px
}
.widgetTitleImg {
	width:150px;
	height:auto;
	display:block;
	margin-bottom:20px;
}
fieldset{
    border:none !important;
}
fieldset label {
	width:40%;
	display:inline-block;
	font-size:14px;
}
fieldset input {
min-height: 25px;
border: 1px solid #222;
color: #61667B;
outline: medium none;
padding: 2px 0.5em;
border-radius: 0.3125em;
-webkit-border-radius: 0.3125em;
-moz-border-radius: 0.3125em;
}
.idUser,.infoField,.security,.otp-scelta{   
    border-top: 1px solid #0059AD !important;
    padding: 15px 0;
    clear:both;
    display: block;
}
.idUser {
	border-top:none !important;
}
.codice{
    padding: 20px;
}

.idUser input{
    margin-bottom: 20px;
    margin-left: 20px;
    width:38%;
}
.idUser input[type="button"]{
	margin-bottom:0;
}
.idUser input:focus {
    box-shadow: 0 0 12px	rgba(0,	117, 154,	0.54);
    -webkit-box-shadow: 0 0 12px	rgba(0,	117, 154,	0.54);
    -moz-box-shadow: 0	0	12px rgba(0, 117,	154, 0.54);
}
/*.infoField .widget-button{
    margin-top: 20px;
}*/
.codice button,.codice .alignRight{
    display: inline-block;
}
.codice .alignRight{
    width: 318px;
    text-align: right;
}
.codice .alignRight .widget-button{
    margin: 0 !important;
}
.security .captcha{
    font-size: 1.5em
}
.fl {
	float:left;
}
.fr {
	float:right;
}
.LC,
.infoField .widget-button:after,
.security .widget-button:after{
    content:'';
    clear:both;
    display: block;
}
.highlight-number{
	width:auto;
	display:inline-block;
/* 	text-align:center; */
	font-size:24px;
	font-weight:700;
	margin:10px 20px 10px 0;
	float:left;
}
.highlight-number.green{
	color:#3fad48;
	float:none;
}
/*BUTTONS*/
.widget-button,.widget-content button{
    border: 1px solid #f36f23 !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: bold;
    text-transform: uppercase;
    /*background: #f7b228;
    background: -moz-linear-gradient(top,	#f7b228 0%, #e57a40 100%);
    background: -webkit-gradient(linear, left	top, left	bottom,	color-stop(0%,#f7b228),color-stop(100%,#e57a40));
    background: -webkit-linear-gradient(top,	#f7b228 0%,#e57a40	100%);
    background: -o-linear-gradient(top,	#f7b228	0%,#e57a40 100%);
    background: -ms-linear-gradient(top,	#f7b228	0%,#e57a40 100%);
    background: linear-gradient(to bottom,	#f7b228	0%,#e57a40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7b228', endColorstr='#e57a40',GradientType=0	);*/
    background:#f36f23;
    margin: .5em .4em .5em 0;
    cursor: pointer;
    border-radius: 4px;
    padding: 0.45em 1em !important; 
    width: auto !important;
}
.widget-button:hover,.widget-content button:hover{
    border-color: #ed9128 !important;
    background: #ed9128 !important;
    /*background: -moz-linear-gradient(top,	#ed9128	0%,	#ed5042	100%);
    background: -webkit-gradient(linear, left	top, left	bottom,	color-stop(0%,#ed9128),	color-stop(100%,#ed5042));
    background: -webkit-linear-gradient(top,	#ed9128 0%,#ed5042	100%);
    background: -o-linear-gradient(top,	#ed9128	0%,#ed5042 100%);
    background: -ms-linear-gradient(top,	#ed9128	0%,#ed5042 100%);
    background: linear-gradient(to bottom,	#ed9128	0%,#ed5042 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed9128', endColorstr='#ed5042',GradientType=0	);*/
}
.widget-button-2 {
	text-transform:none !important;
}
#status-fase1 {
	color:red;
	font-size:1em;
}
#poll-status {
	color:red;
	font-size:1em;
}
#poll-status-estero {
	color:red;
	font-size:1em;
}
#status-reset {
	color:red;
	font-size:1em;
}

.info-msg {
	text-align: left;
}
#img-token{
	height : 60px;
	margin-top : 25px;
	margin-left : -300px;
	position: absolute;
}

#input_container {	
	position:relative; 
	padding:0; 
	margin:0;
	height: 60px;
}
#btn-otp {
	margin-top: 40px;
}


#otp-token p {
	text-align: left; padding-bottom: 10px;
}

#btn-annulla-mybank {
	display:none;
	float:left;
	margin-left: 0px;
}

#btn-chwpd-reset {
	margin-left: 0;
}

.otpit-msg {
	width:40%;
}
.otpee-msg {
	width:40%;
}
