@font-face {
    font-family: Segoeui;
    src: url(segoeui.ttf);
}

body{
	
	font-family:Segoeui;
	font-size:18px;
	margin:0;
	padding:0;
	background:#EAF4FF;

	
}
h1, h2{
	
	margin:0;
	padding:0;

}

.formbox{
	
	background:#00377B;
	margin:auto;
	padding:10px;
	max-width: 350px;
	border-radius:10px;
	padding:10px; 
/*	box-shadow: 2px 2px 2px #888888; */
}

.formpaper{
	background:#FEFEFE;
	padding:10px; 
/*	box-shadow: 2px 2px 2px #888888 inset; */
	color:#1A261C;
	
}

.formpaper table{
	padding: 0 10px;
	width: 100%;
}

.setupbox{
	
	background:#006E93;
	margin:auto;
	padding:10px;
	width:350px;
	border-radius:10px;
	padding:10px;
/*	box-shadow: 2px 2px 2px #888888; */
}

/*input[type=text], input[type=password], input[type=email],select{  

	border:1px solid #D1D1D1;
	padding:3px;
	width:200px;
	margin:2px;

}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,select:focus{  


	box-shadow: 1px 1px 1px #888888 inset;

}*/


.buttonblue{
	
}

.msgred{
	background: #B32914;
	color:#FEFEFE;
	padding:5px;
	
}

.msg{
	color: #000000;
	background: #F5EC73;
	padding:5px;
	
}

.mylink{
	text-transform: uppercase;
	text-decoration:underline dotted red 3px;
	color: #006E93;
}
.mylink:hover{
	
	text-decoration:underline;
}



.menu{
	
	background:none;
	margin:auto;
	border-radius:10px 10px 0px 0px;
	padding-top:20px;
	padding-bottom:40px; 
/*	box-shadow: 2px 2px 2px #888888; */
	color: #00377B;
	margin-bottom:10px;
	
}

.menu a{

	text-decoration:none;
	color: #00377B;
	padding:3px 10px 10px 10px;
	display: inline-block;
	
}

.menu a:hover{

	background:white;
	color:#00377B;
	
	
}

.usermenu{
	
	background:#00377B;
	padding: 10px 20px 20px 20px;
/*	border-radius:10px 10px 0px 0px;*/
/*	box-shadow: 2px 2px 2px #888888;*/
	color: #FEFEFE;
	margin-bottom:10px;
	
}


.folder{
	padding:10px;
	background:none;
	max-width: 1280px;
    margin: 0 auto;
	

}

.paper{
	
	background:#00377B;
	padding:10px;
/*	box-shadow: 2px 2px 2px #888888; */
	color: #FEFEFE;
	position:relative;
	bottom:70px;

}

.manageform{
	background:#FEFEFE;
	padding:10px;
/*	box-shadow: 2px 2px 2px #888888 inset; */
	color: #1A261C;

}

.manageform th{
	text-align: left;
}


.hspring{
	position:relative;
	bottom:37px;
	height:70px;
	background:url('../img/spring.png');
	background-repeat:repeat-x;
	z-index:1;
	
}

/* .lspring{
	position:relative;
	width:220px;
	margin:auto;
	top:43px;
	height:70px;
	background:url('../img/spring.png');
	background-repeat:repeat-x;
	
} */

.lspring{
	position:relative;
	max-width: 310px;
	margin:auto;
	top:43px;
	height:70px;
	background:url('../img/spring.png');
	background-repeat:repeat-x;
	
}
.sspring{
	position:relative;
	width:340px;
	margin:auto;
	top:43px;
	height:70px;
	background:url('../img/spring.png');
	background-repeat:repeat-x;
	
}

/* button, input[type=submit], input[type="button"]{
	
	background:#F8A834;
	border:none;
	padding:5px 15px 5px 15px;
	margin:2px;
	
} */

button, input[type=submit], input[type="button"] {
  border: 1px solid #00377B;
  padding: .8rem 1.3rem;
  border-radius: 4px;
  background: #C1B400;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
/*  margin-top: 10px; */
  transition: all .2s linear;
}

button:hover, input[type=submit]:hover, input[type="button"]:hover {
  background: #FFF;
  color: #006E93;
}

table.paleBlueRows {

  border-collapse: collapse;
}


table.paleBlueRows td, table.paleBlueRows th {
 
  padding: 4px 15px;
}

table.paleBlueRows tr:nth-child(odd) {
  background: #D0E4F5;
}

table.paleBlueRows tr:hover {
  background: #D1D1D1;
}

table.paleBlueRows img{

	width:18px;
}


.menuselect{
	
	background:#FEFEFE;
/*	box-shadow: 1px 1px 1px #888888 inset; */

}
.paperoverflow{
	
	margin-top:20px;
	padding:10px;
	height:500px;
	overflow:auto;
	margin-left:auto;
	margin-right:auto;
	box-shadow:gray 0px 0px 3px inset;
	background:#FFF;
}
.paperquiz{

	margin-left:auto;
	margin-right:auto;
	box-shadow:gray 0px 0px 3px;
	color:#000000;
	padding:26px;
	border-radius:5px;
	background:url('../img/notelines.png');
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;


}

.paperquiz p{
	margin:0px;
	line-height:26px;
}

.paperquiz input[type=text]{  

	padding:0;
	margin:0;

}

.paperquiz input[type=text]:focus{  


	box-shadow: 1px 1px 1px #888888 inset;

}

.menuimg{
		width:24px;
		position:relative;
		top:7px;
		
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.75rem 0.55rem;
  border: 1px solid #8F8F9D;
  border-radius: 4px;
}

select {
  font: 1.25rem / 1.5 sans-serif;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.7rem 0.75rem;
}

.searchtable {
    width: 360px;
}

:root {
  --checkbox-border-color: #8b8c89;
  --checkbox-checked-color: #274c77;
  --checkbox-hover-color: #a3cef1;
  --checkbox-disabled-bg-color: #d9d9d9;
}

input[type="checkbox"] {
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin: 6px;
  padding: 0;
  border: 2px solid var(--checkbox-border-color);
  appearance: none;
  background-color: transparent;
  outline: none;
  transition: outline 0.1s;
}

input[type="checkbox"]:checked {
  background-size: cover;
  padding: 2px;
}

input[type="checkbox"]:not(:disabled):checked {
  border-color: var(--checkbox-checked-color);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %23274c77" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

input[type="checkbox"]:disabled {
  background-color: var(--checkbox-disabled-bg-color);
}

input[type="checkbox"]:disabled:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 32 32" xml:space="preserve"><path style="fill: %238b8c89" d="M11.941,28.877l-11.941-11.942l5.695-5.696l6.246,6.246l14.364-14.364L32,8.818"/></svg>');
}

.cright input[type="radio"], .radiolab input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;

  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid white;
  border-radius: 50%;
  transform: translateY(-0.075em);

  display: grid;
  place-content: center;
}

.cright input[type="radio"]::before, .radiolab input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
/*  box-shadow: inset 1em 1em var(--form-control-color); */
  /* Windows High Contrast Mode */
  background-color: #C1B400;
}

.cright input[type="radio"]:checked::before, .radiolab input[type="radio"]:checked::before {
  transform: scale(1);
}

.cright input[type="radio"]:focus, .radiolab input[type="radio"]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}

@media (hover: hover) {
  input[type="checkbox"]:not(:disabled):hover {
    background-color: var(--checkbox-hover-color);
    outline: 6px solid var(--checkbox-hover-color);
    transform: scale(1.05);
  }
}

input[type="checkbox"]:focus-visible {
  outline: 6px solid var(--checkbox-hover-color);
  transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
  input[type="checkbox"] {
    transition: none;
  }
}

input[type="checkbox"].activecheck {
    margin: 2px 6px 0 6px;
    width: 24px;
    height: 24px;
    background:white;
    vertical-align: middle;
    margin-bottom: 9px;
}


.logo-row {
    margin: 0 auto;
}

.logo {
    width: 100%;
    text-align: center;
}
hr {
    border: 2px solid #C1B400;
}
.cright {
    display: flex;    
    flex-direction: row-reverse;
}
.radiolab {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.crow {
    display: inline-block;
  margin: 0 20px;
}