/* better login overwrites and additions */
body { min-height: unset !important; min-width: unset !important;  }
body, .dialog-off-canvas-main-canvas { display: flex; width: 100vw !important; height: 100vh !important; flex-direction: column; color: black; overflow-y: hidden; }

header { height: 60px; }
header, footer { background: transparent url(/themes/contrib/bartik_eibpm/images/blue_header_bg.gif) repeat-x scroll left top; font-family: "Open Sans",sans-serif !important; }
header, #auth_box_wrapper, footer { width: 100vw !important; min-width: 1869px; }

/* header */
header#login { display: flex; flex-direction: column; }
header#login .outer-container { display: flex; justify-content: center; margin-top: 1px; }
header#login .inner-container { margin-top: 2px; }
header#login a { border-bottom: none !important; }
header#login .eibpm { font-size: 2.25em; }
header#login .ei { color: #dedede; margin-right: -4px; }
.bpm { color: #f75d5d; }
header#login .separator { margin-left: 13px; margin-top: -1px; padding-right: 0px !important; }
header#login .slogans { margin-top: 11px; margin-left: 14px; text-align: center; font-size: 1.5em; }
header#login .slogan1, .slogan2, .slogan3 { margin-bottom: -5px; color: #dedede; }

.page-title { display: none; }
.customer { font-size: 1.25em; text-align: center; font-weight: bold; color: black; }
.uhb { font-size: 1em; text-align: center; font-weight: bold; margin-top: -5px; color: black; }

/* animated colors as dynamic image during loading of backgrOund */
#auth_box_wrapper
{
  flex: 1 0 auto;
  height: calc(100vh - 119px);
  min-height: 500px;
  background-image: linear-gradient(-45deg, #2f9add, #1ccc2f, #f7e936, #d94494, #49a4dd);
  background-size: 600%;
  background-position: 0 0;
  xanimation-duration: 25s;
  xanimation-iteration-count: infinite;
  animation: gradients 25s linear infinite;
/* circular tests
 background-image: radial-gradient(circle, #ffb300, #06ff21, #fd6b02, #fb0606, #0800ff);
  animation: hue-rotate 5s linear infinite;
*/
}
@keyframes gradients
{
  0%   {background-position: 0 0;}
  25%  {background-position: 50% 0;}
  50%  {background-position: 90% 0;}
  60%  {background-position: 60%;}
  75%  {background-position: 40%;}
  100% {background-position: 0 0;}
}

@keyframes hue-rotate {
  from {
    -webkit-filter: hue-rotate(0);
    -moz-filter: hue-rotate(0);
    -ms-filter: hue-rotate(0);
    filter: hue-rotate(0);
  }
  to {
    -webkit-filter: hue-rotate(360deg);
    -moz-filter: hue-rotate(360deg);
    -ms-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

.vegas-content { display: flex; height: 85%; justify-content: center; align-items: center; }  /* two-way centering of login box */

#auth_box { position: absolute; width: auto !important; height: auto; border-radius: 5px; margin: 0 0 !important; padding: 15px 25px 0px 25px !important; background-color: rgb(242,242,242,0.9); }
#form-wrapper { display: flex; flex-direction: column; align-items: center; margin-top: 0px; }
#auth_box #middle_part { display: flex; width: 350px; box-shadow: none !important; background: none !important; }
.user-login-form { width: 350px; }
.form-actions { padding-top: 5px !important; }
.block-local-tasks-block { display: none; }
#edit-actions input { width: unset !important; margin: 2px 0px 5px 0px !important; }  /* width: unset prevent button to grow while html document shrinks */
#edit-actions { justify-content: space-between !important; }
.button--primary, input#edit-submit { color: white; margin-top: -10px; margin-bottom: -5px; }
#auth_box { width: 20%; margin: 0 auto; padding: 50px 0 0; font-family: sans-serif; border: 1px solid #aaa; }
#auth_box h1#the_logo { text-align: center; margin: 0; padding: 0 0 25px; }
#auth_box h2.title { margin: 0; padding: 0 0 15px; font-size: 2em; }
#auth_box input[type="text"], #auth_box input[type="password"] { width: auto; max-width: 97.5%; border: 1px #ccc solid; border-radius: 3px; margin: 4px 5px 5px 5px; padding: 5px; font-size: 15px; max-width: 98%; }
#auth_box input[type="submit"] { float: right; margin-right: 9px !important; }
#auth_box #middle_part { border-radius: 3px; background: #fff; overflow: hidden; box-shadow: 0 0 3px 1px #ccc; }
#auth_box .back_link { padding: 15px 0 0; }
#auth_box #bottom_part { font-size: 13px; padding: 15px 0 0; }
form#user-login-form label { display: none; }
.login { display: none; }  /* dynamically display login form with fadein effect */

#edit-password-reset-link { border-bottom: unset; margin: 8px 0px 0px 8px !important; }

/* footer */
footer { height: 50px; }
.copyright { font-size: 0.9em !important; }



/* forgotPassword form specifics */
body.forgot-password .branding-wrapper { margin-top: -5px; }
body.forgot-password .site-branding__text { margin-left: 6px; }
body.forgot-password .separator { margin-top: -4px; }
body.forgot-password .site-branding__slogan { margin-top: 13px !important; }
body.forgot-password #auth_box_wrapper { height: calc(100% - 119px); }  /* we need to leave some space for the footer to be visible */
body.forgot-password .uhb { margin-top: 0px !important; }

form#user-pass { width: 350px; }
form#user-pass p, form#user-pass label { display: none; }  /* hide explaining text and label */
form#user-pass input#edit-name { padding-top: 8px !important; }
form#user-pass input#edit-submit { width: 98% !important; margin-right: unset !important; }
body.forgot-password #edit-actions { justify-content: center !important; margin: 0px 0px 20px 2px !important; }

input.error { border: 2px solid red !important; }
input.error:focus { outline: none; }  /* prevent outline _and_ red border on input fields if validation failed  */

/* resetPassword form specifics */
body.password-reset .branding-wrapper { margin-top: -5px; }
body.password-reset .site-branding__text { margin-left: 6px; }
body.password-reset .separator { margin-top: -4px; }
body.password-reset .site-branding__slogan { margin-top: 13px !important; }
body.password-reset #auth_box_wrapper { height: calc(100% - 120px); }  /* we need to leave some space for the footer to be visible */
body.password-reset .uhb { margin-top: 0px !important; }
body.password-reset #main-wrapper, body.password-reset .menu_toggle { display: none; }

form#user-pass-reset { width: 350px; }
form#user-pass-reset p, form#user-pass-reset label { display: none; }  /* hide explaining text and label */
form#user-pass-reset input#edit-name { padding-top: 8px !important; }
form#user-pass-reset input#edit-submit { width: 98% !important; margin-right: unset !important; }
body.password-reset #edit-actions { justify-content: center !important; margin: 0px 0px 20px 2px !important; }
#edit-pass--description { display: none; }
.password-confirm-message, .password-strength { margin-left: 7px; }
.password-strength { width: 97% !important; }
.password-strength__title { display: block; width: 300px; }
[data-drupal-selector="password-match-status-text"].ok { color: green; }
[data-drupal-selector="password-match-status-text"].error { color: red; }
input#edit-submit:disabled, input#edit-submit:disabled:hover { background-color: #888 !important; cursor: unset !important; }  /* disable submit button in case pwds don't match */