html, body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    height: 100%;
    width: 100%;
}

html {
    background-image: url('../../zz/img/login-bg.jpg');
    background-repeat:no-repeat;
    background-size: 100%;
    background-color: #005aaf;
}

::-webkit-input-placeholder { /* Chrome */
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: gray;
}

:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Open Sans', sans-serif;
    color: gray;
}

::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Open Sans', sans-serif;
    color: gray;
    opacity: 1;
}

:-moz-placeholder { /* Firefox 4 - 18 */
    font-family: 'Open Sans', sans-serif;
    color: gray;
    opacity: 1;
}

/*login*/

input {    
    border: 1px solid #333;
}

input:focus {
    outline: none;
    border-color: #333;
    box-shadow: 0 0 10px silver;
}

a:link	{
	font-size: 1em;
	text-decoration: none;
	color: white;
}	
		
a:visited	{	
	font-size: 1em;
	text-decoration: none;
	color: #005aaf;
}	
		
a:active    {
	font-size: 1em;
	text-decoration: none;
	color: #005aaf;
}	
		
a:hover	    {
	font-size: 1em;
	text-decoration: none;
}

.ip-login-contenedor {
    margin: 0;
    padding: 3em 4em;
    border-radius: 4px;
    background-color: #334;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.9;
}

.ip-login-logo-contenedor {
    padding: 0 0 10px 0;
}

.ip-login-logo {
    margin: 0 auto;
    padding: 10px 0 0 0;
    border: 0;
    width: 265px;
    height: 83px;
    background: url('../../zz/img/logo-login.png') no-repeat;
    background-size: contain;
}

@media screen {
	.ip-login-logo {
	background:url('../../zz/img/logo-login.png') no-repeat;
	background-size: 38%;
        background-position: center center;
	}
}

.ip-login-input {
    margin: 10px 0;
    height: 40px;
    width: 260px;
    padding: 0 10px;
    background: #fff;
    font-size: 1em;
    border-radius: 4px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    box-shadow: none;
}

.ip-login-checkbox {
    font-size: 1em;
    color: white;
}

.ip-login-button {
    height: 50px;
    width: 260px;
    border: none;
    font-size: 1.375em;
    background-color: #005aaf !important;
    color: white;
    padding-bottom: 5px;
    cursor: pointer;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.ip-login-button:hover {
    border: 1px solid white;
}

.ip-cargando-animacion {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100;
    transform: translate(-50%, -50%);
    color: 	
}