@font-face {
  src: unset;
  font-family: Roboto, sans-serif;;
}

@font-face {
  src: unset;
  font-family: Roboto, sans-serif;;
}

form {
  text-align: center;
}

a {
  text-decoration: none;
  color: #0088cc;

}

.login_box {
  position: relative;
  margin-top: 5%;
  margin-left: 33%;
  margin-bottom: auto;
  top: 7%;
  width: 35%;
  background-color: #FFFFFC;
  border: 1px solid #EDEDED;
  border-radius: 7px;
  padding: 5px;
  opacity: 0.98;
}

.login_header {
  width: 100%;
  height: 80px;
  background: linear-gradient(9deg, #544f40 25%, transparent);
  color: #f6f6f6;
  text-align: center;
}

.login_header h1 {
  font-family: Roboto, sans-serif;;
  margin-top: 0;
  margin-bottom: 0;
  color: #f6f6f6;
  text-shadow: #262626 0.5px 0.5px 0px;
  font-size: 250%;
  padding-top: 13px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

/*input[type="submit"] {
  background-color: rgba(38, 38, 38, 0.6);
  border: 1px solid rgba(38, 38, 38, 0.6);
  border-radius: 3px;
  margin: 5px 0 10px 0;
  padding: 5px 10px 5px 10px;
  color: #f6f6f6;
  text-shadow: #262626 0.5px 0.5px 0px;
  font-family: Roboto, sans-serif;;
  font-size: 100%;
}*/

input[type="text"], input[type="email"], input[type="password"], input[type="time"] {
  color: #1d458b;
  background-color: var(--surface1, #fff);
  border: 0px;
  border-bottom: 1px solid grey;
  padding: 1px 2px;
  width: 20vmax;
  margin-bottom: 20px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1vmax;
}

input[type="text"]:hover, input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="time"]:hover {
border-color: #6c757d;
width: 20vmax;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
  color: #1d458b;
  background-color: var(--surface1, #fff);
  border: 0px;
  border-bottom: 1px solid grey;
  padding: 1px 2px;
  width: 20em;
}

select[type="option"] {
  color: #1d458b;
  background-color: var(--surface1, #fff);
  border: 0px;
  border-bottom: 1px solid grey;
  padding: 1px 2px;
  width: 20vmax;
  margin-bottom: 20px;
  font-family: Georgia, 'Times New Roman', Times, serif;
  font-size: 1vmax;
}

/* The container must be positioned relative: */
.custom-select_1 {
  position: relative;
  font-family: Georgia, 'Times New Roman', Times, serif;
  max-width: 75%;
  left: 12%;
  height: auto;
  font-size: 1vmax;
}

.custom-select_1 select {
  display: none; /*hide original SELECT element:*/
  background-color: #01408e;
}

.select-selected {
  background-color: #01408e;
}

/*style the arrow inside the select element:*/
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
  border-color: transparent transparent #fff transparent;
  top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,.select-selected {
  color: #ffffff;
  padding: 8px 16px;
  border: 1px solid transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  cursor: pointer;
  user-select: none;
}

/*style items (options):*/
.select-items {
  position: absolute;
  background-color: #1D458D;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1);
}

input:focus {
  outline: none !important;
  border: 0;
  border-radius: 5px;
  border-bottom: 1px solid grey;
  box-shadow: 0 0 5px #1d458d;
  width: 20vmax;
}

#second {
  display: none;
}

.ln_btn {
  background: linear-gradient(to bottom, #56668a 0%, #56668a91 100%);
	color: #fff;
	font-size: 24px;
	font-family: Roboto, sans-serif;	
	text-transform: uppercase;
	letter-spacing: 2.5px;
	font-weight: 500;
	border: 1px solid #ccccd6;
	border-radius: 3px;
	box-shadow: 0px 8px 15px rgba(149, 102, 86, 0.1);
	transition: all 0.3s ease 0s;
	cursor: pointer;
	outline: none;
}

.ln_btn:hover {
  font-family: Roboto, sans-serif;;
  background: linear-gradient(to top, #56668a91 20%, #56668a 80%);
	box-shadow: 0px 15px 20px rgba(149, 102, 86, 0.4);
  color: #fff;
  transform: translateY(-2px);
}

.login_image {
  background-image: url(background/L_N_6.jpg);
  margin: 100px;
  padding: 0px 235px 120px 235px;
  border-radius: 2px;	  
  background: #8A8A8A;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: scroll;
  opacity: 1.0;
}

.login_style {
  background-color: #f6f6f6;
  padding: 1px;
}

.g-recaptcha {
  margin: 0px 21%;
}

.half-container {
  display: flex;
  justify-content: space-between;
}

.half-input {
  max-width: 120px;
}