/* LOGIN */

html {
    background: #1b8c88;
    background: -moz-linear-gradient(-45deg, #1b8c88 0%, #154982 37%, #223f83 42%, #253080 60%, #44134a 92%);
    background: -webkit-linear-gradient(-45deg, #1b8c88 0%,#154982 37%,#223f83 42%,#253080 60%,#44134a 92%);
    background: linear-gradient(135deg, #1b8c88 0%,#154982 37%,#223f83 42%,#253080 60%,#44134a 92%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b8c88', endColorstr='#44134a',GradientType=1 );
    height: -webkit-fill-available;
    min-height: 100vh;
}

.jumbotron, .container-fluid, body {
	background-color: transparent !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.jumbotron .logo {
    height: 85px !important;
    margin: 10vh auto 0px;
    display: block;
}

.logoLight {
    display: none !important;
}

.logoDark {
    display: block !important;
}

.card {
    border: none!important;
    background: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    margin-bottom: 0px!important;
}

.contImputs {
    max-width: 300px;
    margin: 0 auto;
    background: rgba(13, 27, 52, 0.4);
    padding: 15px 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}

.form-control {
    height: 45px !important;
    font-size: 16px !important;
    color: #555 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.eyePassword {
	right: 1.8em;
	top: 0.9em;
	font-size: 16px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: rgba(0,0,0,0.4)!important;
}
::-moz-placeholder { /* Firefox 19+ */
    color: rgba(0,0,0,0.4)!important;
}
:-ms-input-placeholder { /* IE 10+ */
    color: rgba(0,0,0,0.4)!important;
}
:-moz-placeholder { /* Firefox 18- */
    color: rgba(0,0,0,0.4)!important;
}

.btn-primary {
    display: block;
    margin: 10vh auto 15px;
    font-size: 18px!important;
    background: transparent!important;
    border: 1px solid #fff!important;
    cursor: pointer !important;
    outline: 0 !important;
}

.btn-primary:hover, .btn-primary:active {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid #fff!important;
}

@media all and (max-width:480px) {
    html {
        height: 100vh !important;
        min-height: 100vh !important;
    }
    .jumbotron .logo {
        margin: 5vh auto 0px !important;
    }
    body > .container-fluid {
        padding-bottom: 0px !important;
    }
}