/* Temp */
sup {
    vertical-align: super;
    font-size: smaller;
}

p.security-reset {
    display: flex;
    border: 2px solid red;
    padding: 10px;
    border-radius: 10px;
    background: lightgoldenrodyellow;
    gap: 10px;
    flex-direction: row-reverse;
}

/*------------------------------------
  Import Fonts
------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*------------------------------------
  Global Styles
------------------------------------*/
body {
overflow: auto !important;
  font-family: "Roboto", sans-serif;
  color: #3e4148;
}

img {
    margin: 20px auto;
    display: block;
}

/*------------------------------------
  Layout Containers
------------------------------------*/
.container {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  max-width: 500px;
}

header.sixteen.columns img,
.container .sixteen.columns {
  width: 100%;
}

/*------------------------------------
  Headings
------------------------------------*/
h1 {
  font-family: inherit;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  margin: 0;
  line-height: normal;
  margin-bottom: 20px;
}

h2 {
  font-family: inherit;
  font-size: 14px;
  text-align: center;
  line-height: normal;
  margin-bottom: 40px;
  color: rgba(15, 15, 21, 0.5);
}

h3 {
    font-family: inherit;
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-weight: bold;
    margin-top: 20px;
}

/*------------------------------------
  Form Elements
------------------------------------*/

ul.validation li a {
    color: blue;
}

select {
    margin-left: 0;
}

/* Input Fields */
input#id13,
input#id16,
input#id50,
input#id94{
  margin: 0;
}

p#p50 {
    margin-top: 20px;
}

input[type="text"], input[type="password"], select {
  display: block;
  width: 100%;
  background: transparent;
  margin-top: 24px;
  height: 48px;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 1px solid rgba(15, 15, 21, 0.1);
  border-radius: 0;
  /* color: #151515; */
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.01em;
  outline: none;
  text-transform: none;
  text-align: left;
  transition: 0.3s border;
}

/* Hidden Labels */
.addresslabel .questionlabel,
span.questionlabel {
  display: none;
}

/* Paragraph Element */
p#p16 {
  margin: 0;
}

/* Forgot Password */
span.forgotpass {
  display: block;
  margin: 20px 0;
}

/*------------------------------------
  Links
------------------------------------*/
a,
a:visited {
  color: #ce2127;
  text-decoration: none;
}

/*------------------------------------
  Submit Button
------------------------------------*/
input[type="submit"] {
  display: block;
  width: 100%;
  background: #ce2127;
  font-size: 1em;
  line-height: 24px;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 1px solid #ce2127;
  border-radius: 0;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.01em;
  outline: none;
  text-shadow: none;
  cursor: pointer;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
}

input[type="submit"]:hover {
  display: block;
  width: 100%;
  background: #000000;
  font-size: 1em;
  line-height: 24px;
  padding: 11px 16px;
  box-sizing: border-box;
  border: 1px solid #000000;
  border-radius: 0;
  color: #ffffff;
  font-weight: 500;
  letter-spacing: 0.01em;
  outline: none;
  text-shadow: none;
  cursor: pointer;
  text-align: center;
  text-transform: capitalize;
  text-decoration: none;
}

/* Additional Submit Button Styling */

#submitbtn.submit {
  display: block;
  margin: 20px 0px;
}

/*------------------------------------
  Registration Link
------------------------------------*/
span.reglink {
  display: block;
  width: 100%;
  text-align: center;
  border-top: 1px solid #d3d3d3;
}

span.reglink a {
  margin: 20px 0;
  display: block;
}

.addresslabel input {margin-left: initial;}

span.haveaccount {
    display: block;
    border-top: 1px solid #939393;
    border-bottom: 1px solid #939393;
}

span.haveaccount a {
    margin: 20px 0px;
    display: block;
    text-align: center;
}