@font-face {
    font-family: 'PPL';
    src: url('/fonts/FuturaPTMedium.otf')
}

body {
    font-family: 'PPL', Helvetica, sans-serif;
}
/*--LOGIN STYLE--*/
.register h2 {
    font-variant-caps: small-caps;
    padding: 15px;
    margin: 0;
    color: #242424;
    font-size: 230%;
}
input {
    border: 0;
    font: inherit;
}

    input::placeholder {
        color: #7e8ba3;
    }

.form__field {
    margin-bottom: 1rem;
}

.form input {
    outline: 0;
    padding: .5rem 1rem;
}

    .form input[type="text"], .form input[type="password"] {
        width: 50%;
    }

#maintenance-content {
    max-width: 100%;
    width: 20%;
}

#fuelMonitorImage {
    max-width: 100%;
    vertical-align: middle;
    width: 50%;
    height: auto;
}

#preciseLogo {
    width: 100%;
    height: auto;
}

.register {
    text-align: center;
    padding: 10% 10%;
    background: radial-gradient(at 50% 0, #7abb4b, transparent 75%), linear-gradient(0deg, #7abb4b, transparent 100%) bottom;
    background-size: 100% 15px;
    background-repeat: no-repeat;
}

    .register input {
        border: 1px solid #242c37;
        border-radius: 999px;
        background-color: transparent;
        text-align: center;
    }

        .register input[type="text"], .register input[type="password"] {
            background-repeat: no-repeat;
            background-size: 1.5rem;
            background-position: 1rem 50%;
        }

        .register input[type="text"] {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37"><path d="M256.017 273.436l-205.17-170.029h410.904l-205.734 170.029zm-.034 55.462l-205.983-170.654v250.349h412v-249.94l-206.017 170.245z"/></svg>');
        }

        .register input[type="password"] {
            background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="#242c37"><path d="M195.334 223.333h-50v-62.666c0-61.022 49.645-110.667 110.666-110.667 61.022 0 110.667 49.645 110.667 110.667v62.666h-50v-62.666c0-33.452-27.215-60.667-60.667-60.667-33.451 0-60.666 27.215-60.666 60.667v62.666zm208.666 30v208.667h-296v-208.667h296zm-121 87.667c0-14.912-12.088-27-27-27s-27 12.088-27 27c0 7.811 3.317 14.844 8.619 19.773 4.385 4.075 6.881 9.8 6.881 15.785v22.942h23v-22.941c0-5.989 2.494-11.708 6.881-15.785 5.302-4.93 8.619-11.963 8.619-19.774z"/></svg>');
        }

        .register input[type="submit"] {
            box-shadow: 0px 10px 14px -7px rgb(122, 187, 75);
            background: linear-gradient(to bottom, #7abb4b 5%, #7abb4b 100%);
            background-color: rgb(122, 187, 75);
            border-radius: 18px;
            border: 2px solid #4b8f29;
            display: inline-block;
            cursor: pointer;
            color: #ffffff;
            font-size: 100%;
            font-weight: bold;
            padding: 10px 76px;
            text-decoration: none;
            text-shadow: 0px 1px 0px #5b8a3c;
            width: 100%;
            font-variant-caps: small-caps;
        }

.grid {
    width: 30%;
    margin: 5% auto 0% auto;
}
#PASSWORD-error, #ID-error{
    color:red;
}
/*--LOGIN STYLE END--*/