html { min-height: 100%; }

.view-user-login {
	background: url('/static/img/common/background.png'), rgb(183,169,149);
	background: url('/static/img/common/background.png'), -moz-linear-gradient(top,  rgba(183,169,149,1) 0%, rgba(175,152,123,1) 100%);
	background: url('/static/img/common/background.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(183,169,149,1)), color-stop(100%,rgba(175,152,123,1)));
	background: url('/static/img/common/background.png'), -webkit-linear-gradient(top,  rgba(183,169,149,1) 0%,rgba(175,152,123,1) 100%);
	background: url('/static/img/common/background.png'), -o-linear-gradient(top,  rgba(183,169,149,1) 0%,rgba(175,152,123,1) 100%);
	background: url('/static/img/common/background.png'), -ms-linear-gradient(top,  rgba(183,169,149,1) 0%,rgba(175,152,123,1) 100%);
	background: url('/static/img/common/background.png'), linear-gradient(to bottom,  rgba(183,169,149,1) 0%,rgba(175,152,123,1) 100%);
	background-position: center center;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7a995', endColorstr='#af987b',GradientType=0 );
	height: 100%;
}
	.view-user-login .logo { color: #eee; font-size: 30px; text-align: center; }
	.view-user-login .logo small { display: block; font-size: 12px; margin-top: -10px; opacity: .75; padding-right: 15px; }
	.view-user-login .panel { margin-top: 50px; }
	.view-user-login .copyright { bottom: 5px; color: rgba(255, 255, 255, .3); font-size: 12px; left: 0; position: absolute; right: 0; text-align: center; }
	.view-user-login .copyright a { color: inherit; }
	
	
/** jQuery keyboard **/
.ui-keyboard {
    border-radius: 0;
    background-color: #fafafa;
    width: 100% !important;
    left: 0px !important;
    top: auto !important;
    bottom: 0px;
    position: fixed !important;
}

.isTouchDevice {
	font-size: 20px;
}

.isTouchDevice .form-control {
	font-size: 20px;
	height: auto;
	line-height: normal;
	padding: 4px 8px;
}

.isTouchDevice .twitter-typeahead:before {
	margin-right: -2px;
	margin-top: 4px;
}

.isTouchDevice .help-block {
	font-size: 16px;
}
 
.isTouchDevice .btn {
    /* height: 60px; */
    font-size: 20px;
}