html {background: #f8f8f8; min-height: 100%; height: auto}

.ds-special-button {display: block; margin-bottom: 10px; padding: 0 30px; line-height: 38px; position: relative; box-sizing: border-box; text-transform: uppercase; font-size: .875rem;}

#social-arneg-saml, .ds-special-button[id$="oidc"], #social-google { background-color: #fff; color: #3c4043; border: 1px solid #dadce0; display: flex; align-items: center; width: 100%; justify-content: center;}
.ds-special-button[id$="oidc"]:hover, #social-google:hover {background-color: #d2e3fc;}
#social-arneg-saml:hover {background-color: #292f38; color: #fff;}
.ds-special-button, .ds-special-button:hover { transition: all 0.2s; }

#social-microsoft { background-color: #1877f2; color: #fff; border: 1px solid transparent; display: flex; align-items: center; width: 100%; justify-content: center;}
#social-microsoft i svg { fill: #fff; }

#ds-error-page {
  background: url('../images/error.jpg') center top no-repeat;
  background-size: cover
}

header.uk-position-fixed + * {padding-top: 120px;}

#ds-error-page>div {position: relative; top: 20%;}
#ds-error-page>div>div {background-color: #f7efe9; padding: 30px 60px 30px 30px; display: inline-block; transform: rotate(7deg); margin-left: -14px;}

.ds-element .ds-special-button, #kc-registration>* {padding-top: 0 !important; padding-bottom: 0 !important; text-align: center; display: block;}

.uk-grid>div {margin-bottom: 20px;}

#kc-locale>* {margin: 0 10px !important; padding: 0 !important}

#kc-social-providers a i { margin-right: 5px; }