/* header color */
/* this is the main brand color */
#body-user #header,
#body-settings #header,
#body-public #header {
    background: #3178b8;
    background:
        linear-gradient(0deg, rgba(49,120,184,1) 0%, rgba(15,75,150,1) 100%);
}

/* log in screen background color and image */
/* gradient of the header color and a brighter shade */
/* can also be a flat color or an image */
#body-login {
    background: #3178b8;
    background:
        url("../img/upm-watermark-mono.svg"),
        linear-gradient(0deg, rgba(49,120,184,1) 0%, rgba(15,75,150,1) 100%);
    background-attachment: fixed;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

#body-login label {
    display: none;
}

/*
#body-login.has-theme .v-align {
    background-color: rgba(51, 51, 51, .5);
    opacity: .9;
    border-radius: 1rem;
    backdrop-filter: blur(.25rem);
}
*/

#body-login form {
    width: 300px;
}

#body-login input {
    padding: 0.5rem;
    width: calc(100% - 1rem);
}

#body-login.has-theme .v-align .grouptop,
#body-login.has-theme .v-align .groupbottom {
    max-width: 300px;
}

.cesvima-logo {
    /* reset styles */
    font-weight: initial !important;
    padding: 0 !important;
    margin: 0 !important;

    /* Hide text keeping its box … */
    color: transparent !important;
    /* … and replace with image */
    background: url("../img/cesvima.svg") no-repeat 50% 50%;
    background-origin: border-box;
    background-size: contain;
}

/* >= ownCloud 10.8 - login button */
/* styling of the login button which was introduced with ownCloud 10.8 */
#alternative-logins li a.button, html #body-login input[type="submit"], html #body-login button[type="submit"] {
    background: rgba(49,120,184,1) /*#3178b8*/;
    background: linear-gradient(0deg, rgba(15,75,150,1) 0%, rgba(49,120,184,1) 100%);
    color: #fff; /* color of the text */
    border: 1px solid rgba(15,75,150,.7);
}
/* style for the hovered state of the button */
#alternative-logins li a.button:hover, html #body-login input[type="submit"]:hover, html #body-login button[type="submit"]:hover {
    background: rgba(15,75,150,.7);
    background: linear-gradient(0deg, rgba(49,120,184,.7) 0%, rgba(15,75,150,.7) 100%);
    color: #fff; /* color of the text */
    /*border: 1px solid #3178b8;*/
    border: 1px solid rgba(15,75,150,.7);
}

/* style legal and copyright text */
/* styling of the info text of the login page on the button. */
/* the color of the p.info part is also the color of the text above the credential fields (used by ownCloud >= 10.8) */
/* also the color of error messages will be changed to the provided value */
#body-login p.info, #body-login .warning, #body-login .update, #body-login .error, #body-login #showAdvanced {
    color: #fff;
}
/* legal and copyright text (Link) */
#body-login p.info a, #body-login .update a, #body-login form fieldset legend, #body-login #datadirContent label {
    color: #fff;
}

/* primary action button, use sparingly */
/* header color as border, brighter shade again, here as background */
.primary,
input[type="submit"].primary,
input[type="button"].primary,
button.primary,
.button.primary,
.primary:active,
input[type="submit"].primary:active,
input[type="button"].primary:active,
button.primary:active,
.button.primary:active {
    border-color: #3178b8;
    background-color: #0f4b96;
}

.primary:hover,
input[type="submit"].primary:hover,
input[type="button"].primary:hover,
button.primary:hover,
.button.primary:hover,
.primary:focus,
input[type="submit"].primary:focus,
input[type="button"].primary:focus,
button.primary:focus,
.button.primary:focus {
    background-color: #0f4b96;
}

.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active,
.primary:disabled, input[type="submit"].primary:disabled, input[type="button"].primary:disabled, button.primary:disabled, .button.primary:disabled,
.primary:disabled:hover, input[type="submit"].primary:disabled:hover, input[type="button"].primary:disabled:hover, button.primary:disabled:hover, .button.primary:disabled:hover,
.primary:disabled:focus, input[type="submit"].primary:disabled:focus, input[type="button"].primary:disabled:focus, button.primary:disabled:focus, .button.primary:disabled:focus {
    background-color: #3178b8;
}

/* use logos from theme */
#header .logo {
    background-image: url('../img/logo.svg');
    background-size: contain;
}

#header .logo-icon {
    background-image: url('../img/logo-icon.svg');
    background-size: contain;
    background-position: 0% 50%;
    padding: 0 0 0 62px; /* The width of the logo */
    line-height: initial;
}

#header .logo-icon span b {
    display: none;
    /*padding-left: .5em;*/
}

#owncloud {
    display: flex;
    align-items: center;

    height: 45px;
    padding: 0px;
}

/* show Claim */
#logo-claim  {
    /* display: initial !important; */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-top: 17px;
    padding-left: 170px;
    height: 45px;
}
#logo-claim a {
    color: #fff;
}
/* hide on small screens */
@media only screen and (max-width: 767px) {
    #body-user #logo-claim  {
        display: none !important;
    }
}