/* Build    Date     PR      Comment */
/* 1.0.88  03/06/26  PR3227  TK - suppress browser password reveal/autofill buttons */

/* PR3227 - hide Chrome credentials autofill button and IE/Edge password reveal button */
input[type='password']::-webkit-credentials-auto-fill-button,
input[type='password']::-webkit-contacts-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  display: none;
}
input[type='password']::-ms-reveal,
input[type='password']::-ms-clear {
  display: none;
}

body {
  overflow: hidden;
}


#login_form * {
  box-sizing: border-box;
}

#login_form {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.form_item {
  width: 100%;
}

#username_wrapper, #password_wrapper {
  width: 80%;
  padding-left: 0;
  margin: var(--gutters) auto 0 auto;
}

#remember_wrapper {
  margin: 20px auto;
}

#wrap {
  display: flex;
  flex-direction: column;
}


.label { font-size:1.5em; }
input { width:80%; text-align:center; font-size:1.2em; padding:0.2em;}
.box  {width:80%;max-width:400px;min-width:280px;margin-top:2em;margin-left:auto;margin-right:auto;}
.box_content {text-align:center; }
.title { 
  font-size:1.7em !important; 
  color:white; 
  text-transform: none !important; 
}
.logo {width:90%;cursor:pointer;overflow:hidden;text-align:center;}
.logo img { max-width: 100%; }
.header_tile { position:relative; color:white; padding-left:0.5em; padding-top:0.4em; width:100%; height: auto; }
.header_tile_logged_out { background:none !important; }

.box_top_strip {
  width:auto;
  height:39px;
  position:relative;
  display: flex;
  align-items: center;
  padding-top: 0;
}

.content_wrapper {width:100%;flex-grow: 1;}
.full_col {width:100% !important;}
.full_col .box { margin:auto;}
.darkblue { padding: 10px; } /* PR2982 - Padding on the burps.com.au link div on the LOGIN screen */
/*
.darkblue a { color:#4068e1 !important; }
.darkblue a:link, .darkblue a:visited, .darkblue a:hover { color:#4068e1 !important; }
  */

#footer {
  display: flex;
  height: 80px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}

#label_wrapper {
  text-align: center;
}

.fp-button {
  justify-content: center;
  margin-right: 0 !important;
}

.fp-button .inner {
  width: 230px;
}

#forgotten_password_form {
  width: 80%;
  margin: 0 auto;
}


@media only screen and (max-width: 960px) {
  #wrap {
    min-height: 100%;
  } 


  #remember_wrapper {
    margin: 0px auto;
  }


  #label_wrapper {
    display: flex;
    align-items: center;
    margin-bottom: var(--label-fields-gap);
  }

  #label_wrapper p {
    font-size: 14pt;
    padding-bottom: 0 !important;
  }

  #label_wrapper .icon-help {
    width: 25px;
    height: 25px;
    margin-left: 10px;
  }

  .fp-button .inner {
    width: 100%;
  }




}
@media only screen and (max-width: 576px) {

  #main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .full_col {
    margin-right: 0;
  }

  .title {
    text-align: center;
  }
}