@charset "UTF-8";
body {
    background: url(../img/bg-tfb.jpg) no-repeat;
    background-size: cover;
    min-height: 100vh;
    overflow: hidden;
}

div#kc-header, header { display: none; }

.logo-thefilebox img { max-width:170px; margin: 3em; }

form{
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
    border-radius: 0.25em;
    background: rgb(207, 207, 207);
    background: -moz-linear-gradient(0deg, rgba(207, 207, 207, 1) 50%, rgba(223, 223, 223, 1) 50%, rgba(238, 238, 238, 1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(207, 207, 207, 1) 50%, rgba(223, 223, 223, 1) 50%, rgba(238, 238, 238, 1) 100%);
    background: linear-gradient(0deg, rgba(207, 207, 207, 1) 50%, rgba(223, 223, 223, 1) 50%, rgba(238, 238, 238, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#eeeeee", GradientType=1);
}

input{
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 2px;
    margin-bottom: 18px;
}

div#kc-form-buttons{ margin: 0; }
input[type=submit] {
    color: #fff;
    background-color: #9FBD5B !important;
    border: 2px solid white !important;
    width: 170px;
}

/* Remove RememberMe */
#kc-form-options:has(#rememberMe) { display: none; }

/* INFO */
.info{margin-top: 60px;}
div#kc-info { display: none; }
a { color: #9FBD5B !important; }
a:hover { color: black !important; text-decoration: none !important; }

#kc-info-message{
    max-width: 400px;
    padding: 15px;
    margin: 0 auto;
    border-radius: 0.25em;
    background: rgb(238, 238, 238);
}
div#kc-error-message > p { text-align: center; }

/* ALERT */
.alert-warning, .instruction {
    max-width: 400px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    border-radius: 2px;
    margin-top: 15px;
}

/* ERROR */
#input-error{ color: tomato; }

/* ACTION PASSWORD */
.custom-password{ position: relative; }
.custom-password-action {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}