* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    background-color: black;
    /*background-image: url('../images/splash.jpg');*/
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position-y: 100%;
    font-family: 'HelveticaNeue-Light', 'HelveticaNeue', Helvetica, Arial, sans-serif;
    font-size: 12px;
    /*height: 100%;*/
    margin: 0px;
    padding: 0px;
    /*width: 100%;*/
    font-family: 'RobotoRegular', 'Droid Sans', 'Segoe UI', Segoe, 'San Francisco', 'Helvetica Neue', Helvetica, Arial, Geneva, sans-serif;
    font-size: 12px;
}

#wrapper {
    padding:0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#pinWrapper {
    display: none;
}

#pinNewPassWrapper {
    display: none;
}

#forgotPassWrapper {
    display: none;
}


.logoFrame {
    /*background-image: url('../images/splash.jpg');*/
    text-align: center;
    padding: 0 0 0 0;
    margin: 0;
    width: 600px !important;
}

.logoImg {
    width: 100%;
    height: auto;    
}



.loadingCustom {
    padding: 5px 0px;
    font-size: 14px;
}


.loginFrame {
    max-width: 400px;
    /*padding: 20px 0px 0px 0px;*/
}

.form-control-label-custom {
    color: white;
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.form-control-label-custom-md {
    color: #b3b3b3;
    font-size: 12px;
    text-align: center;
    font-style: italic;
}

.form-control-custom {
    width: 100%;
    color: white;
    font-size: 14px;
    background-color: black;
    border: none;
    border-bottom: 1px solid white;
}

    .form-control-custom:focus, input:focus {
        outline: none;
    }
        .form-control-custom:focus::placeholder {
            outline: none;
            color: transparent;
        }

.btn-custom {
    width: 100%;
    color: white;
    font-size: 13px;
    padding: 4px 0px;
    background-color: dimgrey;
    border: 1px solid dimgrey;
    border-radius: 5px;
}


.login-text-md {
    color: #acb73e;
    text-decoration: none !important;
    font-size: 11px;
}

    .login-text-md:hover {
        color: #616161;
    }

.botom-text {
    color: white;
    font-size: 10px;
    text-align: center;
}

/*----------PinWrapper--------*/

#pin {
    text-align: center;
    font-size: 28px;
}


.action-links-frame {
    text-align: center;
}
/*--------End PinWrapper------*/


@keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}
 
@-webkit-keyframes fade {
    from { opacity: 1.0; }
    50% { opacity: 0.4; }
    to { opacity: 1.0; }
}




@media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
    .loginRes {
        background-position: left center;
        padding: 75px 0px 75px 170px;
        margin: -90px 0px 0px -198px;
    }
	
}


@media only screen and (max-width: 500px) {
    
	.logoFrame {
		/*background-image: url('../images/splash.jpg');*/
		padding: 30% 0 0 0;

	}
	
	.loginFrame {
			position: absolute;
			bottom: 5%;
			max-width: none;
			padding: 0;
		}
		
	
	
}