/* Patternfly CSS places a "bg-login.jpg" as the background on this ".login-pf" class.
   This clashes with the "keycloak-bg.png' background defined on the body below.
   Therefore the Patternfly background must be set to none. */

/* Overrides */

.login-pf {
    background: none;
}

.login-pf body {
    background: none;
    background-color: #f9f9f9;
    font-family: "Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
    color: #595959;
    margin:0px;
}

div.kc-logo-text {
    background-image: url(../img/argos.png);
    background-repeat: no-repeat;
    height: 130px;
    margin: 0 auto;
    background-size: 100%;
}

#kc-info {
    margin: 0px;
}

.pf-c-button.pf-m-primary {
    background-color: #737373;
}

.card-pf {
    box-shadow: var(--pf-global--BoxShadow--md);
    border-color: #737373;
}



/* From Argos */
/* Messages UI */

#messageBox {
    margin-top:24px;
    width:100%;
    max-height:100%;
    display:block;
}

#messageVisibleChecker, #lastMessageVisibleChecker {
    width:0;
    height:0;
    margin:0;
    padding:0;
}

.message {
    border-bottom:8px;
    border: 1px #c3c3c3 solid;
    margin-top:16px;
    padding:6px;
    box-shadow: #aaa 0 2px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #00255D;
}

.messageTitle {
    font-weight:bold;
    margin-bottom:4px;
}
.message a {
    font-size:100%;
}

#scrollingInfo {
    position:fixed;
    right:0px;
    top:0px;
    display:none;
    height:12px;
    padding:6px;
    background-color:#ffffa5;
    font-size:75%;
    color:gray;
    cursor:pointer;
    user-select: none;
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    -webkit-touch-callout: none; /* iOS Safari */
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    box-sizing: unset;
}

.information {
    background-color: #ffffff;
}

.alert {
    border-color: #CC0000;
    background-color: #fbfbd5;
}
.banner{
	display:none
}

/* Cookie information UI */

#modal {
    display:none;
    background:rgba(0,0,0,0.15);
    width:100%;
    height:100%;
    padding:0;
    margin:0;
    position:fixed;
    top:0px;
    left:0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#cookieNotice {
    position:relative;
    z-index:65535;
    height:auto;
    padding:24px 20px 24px 20px;
    width:100%;
    font-size:95%;
    background: rgb(255, 255, 255); /* Fallback */
    background: rgba(255, 255, 255, 0.97);
    margin-top:-90px;
    -webkit-box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.24);
    -moz-box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.24);
    box-shadow: 0px 0px 24px 2px rgba(0,0,0,0.24);
    display:none;
    clear:none;
    border-radius:10px;
	border: 0px;
}

#readMoreLink {
    font-size:12px;
}

#cookieNotice>b,#cookieNotice>a:last-child {
    font-size:110%;
}

/* #cookieNotice>b:first-child, #readMore>b:first-child {
    display:block;
    margin-bottom:8px;
} */

/* #cookieNotice>a:last-child {
    display:block;
    color:white;
    clear:both;
} */

#readMore {
    margin-top:6px;
    padding-top:4px;
    border-top:1px #bbb solid;
    text-align:left;
    display:none;
    color:#555;
}

#agreeButton {
    text-align:center;
    border: 1px #f9f9f9 solid;
    background-color: #737373;
    font-size: 13px;
    color: #FFFFFF;
    padding: 6px 6px 6px 4px;
    border-radius: 4px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 20%;
}

#agreeButton:hover {
    border: 1px #696969 solid;
    color:white;
    text-decoration:none;
}

#footer {
    margin-top:24px;
    width:100%;
    max-height:100%;
    display:block;
    text-align: center;
}