/*LOGIN PAGE*/

:root {
  --color-prin: #98a518;
}

@font-face {
  font-family: antipasto;
  src: url('../fonts/fuente-logo.ttf');
}

.login-html {
    background-image:url(../images/login-fondo.jpg);
    background-size:cover;
    background-repeat:no-repeat;
    height: 100%;
}

.login-body {
    display:flex;
    align-items:center;
    justify-content:center;
    margin: 0;
    height: 100%;
}

#login-page .card-panel {
    padding: 10px 30px;
    background-color:rgba(255,255,255,.9);
}

.login-panel {
    width: 300px;
}

    .login-panel .row {
        margin-bottom: 0px;
    }

.profile-image-login {
    width: 90%;
    /*height: 100px !important;*/
}

.login-error {
    margin: 10px 0;
}

.login-marca {
    font-family:antipasto;
    display:block;
    text-align:center;
    margin-top:5px;
    font-size:30px;
    line-height:32px;
    color:var(--color-prin);
}

input:not([type]):focus:not([readonly]), input[type="text"]:not(.browser-default):focus:not([readonly]), input[type="password"]:not(.browser-default):focus:not([readonly]), input[type="email"]:not(.browser-default):focus:not([readonly]), input[type="url"]:not(.browser-default):focus:not([readonly]), input[type="time"]:not(.browser-default):focus:not([readonly]), input[type="date"]:not(.browser-default):focus:not([readonly]), input[type="datetime"]:not(.browser-default):focus:not([readonly]), input[type="datetime-local"]:not(.browser-default):focus:not([readonly]), input[type="tel"]:not(.browser-default):focus:not([readonly]), input[type="number"]:not(.browser-default):focus:not([readonly]), input[type="search"]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid var(--color-prin);
    -webkit-box-shadow: 0 1px 0 0 var(--color-prin);
    box-shadow: 0 1px 0 0 var(--color-prin);
}

    input:not([type]):focus:not([readonly]) + label, input[type="text"]:not(.browser-default):focus:not([readonly]) + label, input[type="password"]:not(.browser-default):focus:not([readonly]) + label, input[type="email"]:not(.browser-default):focus:not([readonly]) + label, input[type="url"]:not(.browser-default):focus:not([readonly]) + label, input[type="time"]:not(.browser-default):focus:not([readonly]) + label, input[type="date"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label, input[type="datetime-local"]:not(.browser-default):focus:not([readonly]) + label, input[type="tel"]:not(.browser-default):focus:not([readonly]) + label, input[type="number"]:not(.browser-default):focus:not([readonly]) + label, input[type="search"]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
        color: var(--color-prin);
    }

input.valid:not([type]), input.valid:not([type]):focus, input.valid[type="text"]:not(.browser-default), input.valid[type="text"]:not(.browser-default):focus, input.valid[type="password"]:not(.browser-default), input.valid[type="password"]:not(.browser-default):focus, input.valid[type="email"]:not(.browser-default), input.valid[type="email"]:not(.browser-default):focus, input.valid[type="url"]:not(.browser-default), input.valid[type="url"]:not(.browser-default):focus, input.valid[type="time"]:not(.browser-default), input.valid[type="time"]:not(.browser-default):focus, input.valid[type="date"]:not(.browser-default), input.valid[type="date"]:not(.browser-default):focus, input.valid[type="datetime"]:not(.browser-default), input.valid[type="datetime"]:not(.browser-default):focus, input.valid[type="datetime-local"]:not(.browser-default), input.valid[type="datetime-local"]:not(.browser-default):focus, input.valid[type="tel"]:not(.browser-default), input.valid[type="tel"]:not(.browser-default):focus, input.valid[type="number"]:not(.browser-default), input.valid[type="number"]:not(.browser-default):focus, input.valid[type="search"]:not(.browser-default), input.valid[type="search"]:not(.browser-default):focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
    border-bottom: 1px solid var(--color-prin);
    -webkit-box-shadow: 0 1px 0 0 var(--color-prin);
    box-shadow: 0 1px 0 0 var(--color-prin);
}

.input-field .prefix {
    color: #9e9e9e;
}

.input-field .prefix.active {
    color: var(--color-prin);
}

.input-field .btn {
    background-color:var(--color-prin);
}