html, body {
	margin: 0px;
	background: black;/*it was #fff*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.95em;
	color:white;  /* it was #4d4948 */
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #FFC303 !important;
}

h1 {
	margin: 0;
	text-align: center;
	font-size: 150%;
	padding: 0px;
}

h2 {
	margin: 0;
	text-align: center;
	font-size: 100%;
	padding: 0px;
}

h3 {
	margin: 0;
	text-align: center;
	font-size: 105%;
	padding: 0px;
}


form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

input[type="text"], input[type="password"], input[type="number"], input[type="date"] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
}

.yellow-checkbox {
    accent-color: #FFC303;
}

select {
  appearance: none;
  background-color: white;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;	
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;  
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  
}

textarea {
    width:100%;
    padding: 12px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;	
    max-width:100%;
    max-height:30%;
}

button[type="submit"] {
    width: 100%;
    background-color: #FFC303;
    color: black;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}



a {
	color:#4d4948; 
}

#top {
	margin: 0 auto 0 auto;
	background:black; /*it wass none*/
	width:100%;
	height:155px; /* adjust distance between image and menu title*/
}

#logo {
	margin: 0 auto 0 auto;
	background:url('images/followme.png');
	width: 155px;
	height: 155px;
}

#content {
	margin: 0 auto 0 auto;
	width: 95%;
}

#content #left-nav {
	width:15%;
	float:left;
	font-size:95%;
}

#content #left-nav ul {
	padding:0 0 50px 0;
	margin:0;
}

#content #left-nav ul li {
	padding:0;
	margin:0;
	list-style:none;
}

#content #left-nav ul li a {
	text-decoration:none;
}

#content #left-nav ul li a:hover {
	color:#ff0505;
	text-decoration:underline;
}

#content #main {
	float:left;
	width:85%;
	font-size:90%;
}

#content #main #regbox {
	padding: 0 0 0 0;
}

#content #main #regbox label {
	width:100px;
	float:left;
}

table.admin td {
	vertical-align: top;	
}

#error {
	display:block;
	margin:5px;
	color: white; /*was #4d4948*/
	background-color: black; /*was  #fffebe*/
	border: 1px solid #cbcbcb;
	font-size:90%;
}

#success {
	margin:5px;
	color:white;/*was #4d4948*/
	background-color: #FFC303;
	border: 1px solid #7ace6c;
	font-size:90%;
}

.button {
  padding: 5px 5px;
  font-size: 12px;
  text-decoration: none;
  color: white;
  background: #990000;
  /*border-radius: 10px;*/
  box-shadow: 2px 2px 15px -5px hsla(0, 0%, 0%, 1);
  /* width: 140px; */
width: 100%; 
}
.button:hover {
  background: red;
  transition: all 0.2s linear;
}

.form-control{
display:block;
 width: 155px;
}
.typeahead, .tt-query, .tt-hint {
width: 100%;
display: block;
    border: none;
    border-radius: 4px;
    box-sizing: border-box;
	outline: medium none;    
	padding: 12px 20px;
    margin: 8px 0;
	
	
}
.typeahead {
	background-color: #FFFFFF;
}
.typeahead:focus {
	border: 2px solid #FFC303; /*was #0097CF */
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; 
}
.tt-hint {
	color: #F0F0F0;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	color:#000000;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 0px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0px;
width: max-content;
  text-align: left;
  
}
.tt-suggestion {
	font-size: 12px;
	line-height: 20px;
	padding: 3px 0px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #F0F0F0;
}
.tt-suggestion p {
	margin: 0;
}
.date-control{
display:block;
width:145px; 
/* width: 80%;*/
}