/* Overall Styles */
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

body {
  background-color: navy;
  font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;

}

.alert {
  margin: 5px;
}

.alert {
  display: none;
}

label {
  font-size: 1.25rem;
}

input::placeholder {
  color: white !important;
  font-size: 1.25em;
}

/* Login Form */
.input-icon {
  position: absolute;
  left: 25px;
  top: calc(50% - 10px);
}
input {
  padding-left: 17px;
}

.input-wrapper {
  position: relative;
}
.loginfields {
  padding-left: 30px !important;
}
#incorrectLogin {
  display: none;
}

#onlineButton{
	margin-top: -1px;
}

#cardNumber {
color:white !important;
  font-size: 1rem;
  border: 0px solid #007bff;
}

.errorField {
  border: 3px solid red !important;
}


select option {
  color: black;
}
select option:first-child {
  color: red;
}

/* Notes */
#notes {
  height: 200px;
}


/* Roboto Font in Local Library */
/* latin-ext */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../libs/font/roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
	unicode-range: U  + 0100 -024f, U  + 0259, U  + 1 E00-1EFF, U  + 2020, U  + 20 A0-20AB, U  + 20 AD-20CF, U  + 2113, U  + 2 C60-2C7F, U  + A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(../libs/font/roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
	unicode-range: U  + 0000 -00ff, U  + 0131, U  + 0152 -0153, U  + 02 BB-02BC, U  + 02 C6, U  + 02 DA, U  + 02 DC, U  + 2000 -206f, U  + 2074, U  + 20 AC, U  + 2122, U  + 2191, U  + 2193, U  + 2212, U  + 2215, U  + FEFF, U  + FFFD;
}

/* latin-ext */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../libs/font/roboto/ieVl2ZhZI2eCN5jzbjEETS9weq8-19y7DRs5.woff2) format('woff2');
	unicode-range: U  + 0100 -024f, U  + 0259, U  + 1 E00-1EFF, U  + 2020, U  + 20 A0-20AB, U  + 20 AD-20CF, U  + 2113, U  + 2 C60-2C7F, U  + A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(../libs/font/roboto/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQ.woff2) format('woff2');
	unicode-range: U  + 0000 -00ff, U  + 0131, U  + 0152 -0153, U  + 02 BB-02BC, U  + 02 C6, U  + 02 DA, U  + 02 DC, U  + 2000 -206f, U  + 2074, U  + 20 AC, U  + 2122, U  + 2191, U  + 2193, U  + 2212, U  + 2215, U  + FEFF, U  + FFFD;
}