@charset "utf-8";
/* CSS Document */
:root {
  --Primary-Blue: #0B419E;
  --Text-Blue: #1457BA;
  --Text-DkBlue: #06439D;
  --Text-Gray: #4C4F55;
  --Header-Gray: #E6E7E9;
  --Table-Alt: #F5F7FC;
  --Shades-Black: #000;
  --Shades-White: #FFF;
  --Neutral-Gray: #9B9FA6;
  --Picker-Border: #D9D9D9; 
  --OOO-Background: #FCEABA;
  --Primary-Red: #F06B54;
  --Primary-Green: #0CAF75;
  --Highlight-Blue: #508CF3;
  --Background-Gray: #FAFAFA;
  --Error-Red: #AE0003;
  --Button-Green: #0AB377;
  
}

@font-face {
  font-family: 'AlrightSans';
  src: url('fonts/AlrightSansLT-Regular-1v7.otf')  format('opentype');
  /*src: url('../css/fonts/Alright Sans Light.ttf')  format('truetype');*/
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'AlrightSans';
  src: url('fonts/AlrightSansLT-Medium-1v7.otf')  format('opentype');
  /*src: url('../css/fonts/Alright Sans Light.ttf')  format('truetype');*/
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'AlrightSans';
  src: url('fonts/AlrightSansLT-Bold-1v7.otf')  format('opentype');
  /*src: url('../css/fonts/Alright Sans Light.ttf')  format('truetype');*/
  font-weight: 700;
  font-style: normal;
}

body{margin:0; background: url(/images/janest.svg) repeat; background-size: 100vw auto; width:1440px;height:960px;flex-shrink: 0; font-family: 'AlrightSans', sans-serif;}
@media (orientation: portrait) {
    body {
        background-size: auto 100vh;
    }
}

.cont{width:1000px; margin:0 auto;}
/* root */
button {
  display: flex;
  /*width: 51px;*/
  padding: 12px 40px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border: 1px solid #0B419E;
  border-radius: 120px;
  font-family: "AlrightSans";
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  cursor:pointer; }

button.primary{
  color:#FFF;
  background: var(--Primary-Blue);
}

button.alt {
  color: var(--Text-Blue);
  background: #FFF;
}

button.altGray {
  color: var(--Neutral-Gray);
  background: #FFF;
  border: 1px solid var(--Neutral-Gray);
}
button.altBlue {
  color: var(--Primary-Blue);
  background: #FFF;
  border: 1px solid var(--Primary-Blue);
}
button.gray {
  color: var(--Neutral-Gray);
  background: var(--Header-Gray);
  border:0px;
}

button.red {
  color:#FFF;
  background: var(--Primary-Red);
  border:0px;
}
/* end root */

#header{display:block; height:72px; background: #c8c8c8; min-width:1000px;}
	#header img{ padding-top:10px;}
footer { background: transparent; }
header { display:none; }

#loginForm{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  height:294px;width:441px;
  padding:80px 100px;
  gap:24px;
 /* position:absolute; top:50%;left:50%;*/
 /* transform: translate(-50%, -30%);*/
  background: white; 
  border: 1px solid var(--Header-Gray);
  font-size:12px; 
  /*color:#131415;*/
}

#loginForm a, #login-form p{display:block; color:#1a4698; text-decoration:none; text-align:center; font-weight:bold;}
#loginForm p{margin-top: 8px;}
#loginForm a:hover{ color:#131415;}
#error_msg { color: var(--Error-Red) !important; font-size:16px; margin-top: -10px !important; }

.heading{color: var(--Shades-Black, #000);
  font-family: "AlrightSans";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px; /* 125% */}

.banner {
  color: #FFF;
  text-align: center;
  font-family: "AlrightSans";
  font-size: 40px;
  font-style: normal;
  font-weight: 400;
  line-height: 50px; /* 125% */
  text-transform: capitalize;
  padding-top:168px;   
}

input, textarea {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white;
	color: #131415;
	font-size: 13px;
	padding: 12px 10px;
	width: 300px;
	margin-bottom:10px;
	border: 1px solid #131415;
}
input:focus, textarea:focus{outline:none;}
#loginid,#password {display: flex;flex-direction: column;align-items: flex-start;gap: 8px;flex: 1 0 0;margin-bottom:0px;width:100%}
#email { display: none; }

.inputField {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  width:367px;
}
.loginlabel {color: var(--Text-Gray);
  /* Paragraph/P1/Medium */
  font-family: "AlrightSans";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */}

.loginInput {
  display: flex;
  height: 40px;
  padding: 8px 16px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Neutral-Gray);
  width:367px;
  margin-bottom:0px;
}

#checkLogin {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 4px;
  background: #FFF;
}
/*#signin {
  display: flex;
  padding: 12px 40px;
  gap: 8px;
  width:51px;
  height:24px;
  justify-content: center;
  align-items: center;
  text-align: center;
  vertical-align: middle;
  border-radius: 120px;
  background: var(--Primary-Blue);
}*/

footer p { color:black; font-size: 18px; }
footer p span {color:#4b6484;}
#footer{display:block; height:25px; padding-top:16px; background: #c8c8c8; position:absolute; top:100%; margin-top:-41px; width:100%; font-size:14px; gap:660px; color:black;min-width:1000px;}
	#footer b{color:#4b6484;}


li {
    display: list-item;
    margin: 10px;
}