/*
   This is where you should put all your customisations to the swish.css
   file. Please do not edit swish.css, but instead put all your over-rides
   here.
*/

/* If your language version of the "Home", "Inbox", "Outbox" & "Logout"
 * tabs are too wide for the buttons, you can increase the width of the
 * buttons. Just uncomment this section, changing the "130" for whatever
 * you want, but make sure the "131" is exactly 1 greater than the "130".
#topMenu li a {
  width:130px;
}
#topMenu li {
  width: 131px;
}
#topMenu li.selected {
  width: 131px;
}
*/

/* Uncomment this to make the web site narrower left-to-right */
/* .content {
	width: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
} */

@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-Light.woff2') format('woff2'),
  url('../fonts/Comfortaa-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-Regular.woff2') format('woff2'),
  url('../fonts/Comfortaa-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Comfortaa';
  src: url('../fonts/Comfortaa-Bold.woff2') format('woff2'),
  url('../public/fonts/Comfortaa-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: 'Comfortaa', sans-serif;
  background-color: #f3f4f6;
  background-image: none;
}

a {
  color: #e08c37;
}

a:hover {
  text-decoration: underline;
}

#logo {
	float: none;
  margin: 0 auto;
	padding: 0;
	color: #000;
	text-shadow: none;
  text-align: center;
  overflow: visible;
}

#logo img {
	height: 120px;
}

#container {
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

#loginForm {
  top: 240px;
  background: none;
  border: none;
  float: none;
  position: static;
}

#lifedays {
	font-family: 'Comfortaa', sans-serif;
}

.content {
  margin-top: 40px;
}

input[type="text"], textarea, input[type="password"] {
	font-family: 'Comfortaa', sans-serif;
}

.mono {
	font-family: monospace;
}

.ndfilename {
	font-family: monospace;
}

.checksum {
  font-family: monospace;
}

.ui-widget {
	font-family: 'Comfortaa';
}

a.UD_textbutton, a.UD_textbutton_admin, .UD_textbutton_admin, button.dt-button, a.dt-button, a.button.dt-button, input[type="submit"], input[type="button"], button {
  border: none;
  background: #1f9cb3; /* old browsers */
}

#overlaytext {
	color: #1f9cb3;
}

.dropdownButton {
	border-color: #1f9cb3;
}

.dropdownContent {
	background-color: #1f9cb3;
	background: #1f9cb3;
}

.dropdown-has-hover:hover, .dropdown-has-hover:focus {
	background: #4bafc2;
	background-color: #4bafc2;
}

.dropdownContent a:hover {
	background: #4bafc2;
	background-color: #4bafc2;
}

#topMenu {
  padding-top: 90px;
  font-size: 1.2em;
}

#topMenu li {
  padding: 0 4px;
  margin: 0 2px;
  background: #4bafc2;
  background-color: #4bafc2;
	border-color: #4bafc2;
}

#topMenu li.selected {
	background: #1f9cb3;
	background-color: #1f9cb3;
}

#topMenu li:hover {
	background: #1f9cb3;
	background-color: #1f9cb3;
}

a.UD_buttonchosen {
	background: #1f9cb3;
  border: none;
}

input[type="submit"][disabled], input[type="button"][disabled], button[disabled], .greyButton {
  border: none;
}

a.UD_textbutton:hover, button.dt-button:hover:not(.disabled), a:not(.disabled).dt-button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover {
	background: #4bafc2;
  text-decoration: none;
}

#footer p {
  margin-bottom: 8px;
}

#footer a {
  color: #202020;
}